From 2d68c7c4b281c19c87f629863cdab9863e8e8928 Mon Sep 17 00:00:00 2001
From: Ava Gaiety Wroten <ava@wroten.me>
Date: Tue, 9 Feb 2021 21:54:34 -0600
Subject: [PATCH] Styling, links

---
 .eleventy.js               | 1 +
 _includes/base-header.html | 9 +++++++--
 _includes/category.njk     | 4 ++--
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/.eleventy.js b/.eleventy.js
index ef5c377..a5e23fc 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -31,6 +31,7 @@ module.exports = function(eleventyConfig) {
   eleventyConfig.setLibrary('md', md);
 
   eleventyConfig.addPassthroughCopy('img');
+  eleventyConfig.addPassthroughCopy('files');
 
   eleventyConfig.addCollection(
     "pinned",
diff --git a/_includes/base-header.html b/_includes/base-header.html
index 39bd6d0..6fd2d4f 100644
--- a/_includes/base-header.html
+++ b/_includes/base-header.html
@@ -45,13 +45,18 @@
           </div>
           <div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
             <div class="flex-shrink-0 flex items-center">
-              <img class="h-12 w-12 rounded-full w-auto" src="/img/site/avatar.png" alt="">
+              <a
+                href="/"
+                {% if page.url == navItem.url %}aria-current="page"{% endif %}
+              >
+                <img class="h-12 w-12 rounded-full w-auto" src="/img/site/avatar.png" alt="Home">
+              </a>
             </div>
             <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
               {%- for navItem in navigation -%}
                 <a
                   href="{{navItem.url}}"
-                  class="{% if page.url == navItem.url %}border-indigo-500 text-gray-900{% else %}border-transparent text-gray-500{% endif %} inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
+                  class="{% if page.url == navItem.url %}border-pink-700 text-gray-900{% else %}border-transparent hover:border-pink-700 text-gray-500{% endif %} inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium focus:outline-link"
                   {% if page.url == navItem.url %}aria-current="page"{% endif %}
                 >
                   {{navItem.title}}
diff --git a/_includes/category.njk b/_includes/category.njk
index 9a05683..03ac287 100644
--- a/_includes/category.njk
+++ b/_includes/category.njk
@@ -17,7 +17,7 @@
           <p class="text-sm text-gray-500">
             <time datetime="{{ content.data.date | date('YYYY-MM-DD') }}">{{ content.data.date | date }}</time>
           </p>
-          <a href="{{ content.url }}" class="mt-2 block">
+          <a href="{{ content.url }}" class="mt-2 block focus:outline-link">
             <p class="text-xl font-semibold text-gray-900">
               {{ content.data.title }}
             </p>
@@ -26,7 +26,7 @@
             </p>
           </a>
           <div class="mt-3">
-            <a href="{{ content.url }}" class="text-base font-semibold text-indigo-600 hover:text-indigo-500">
+            <a href="{{ content.url }}" class="text-base font-semibold text-pink-700 hover:underline focus:text-white focus:bg-pink-700 focus:outline-link">
               Read more <span class="sr-only">about {{ content.data.title }}</a>
             </a>
           </div>