From e42ce19616dc55c4f2240811a62de781cee4b463 Mon Sep 17 00:00:00 2001
From: Bill Niblock <azulien@protonmail.com>
Date: Sat, 4 Jul 2020 20:58:17 -0400
Subject: [PATCH] Fancify the links a bit

---
 _layouts/corrupt_index.html   |  6 +++++-
 _layouts/corrupt_post.html    |  6 +++++-
 src/styles/corrupt_layout.css |  5 +++++
 src/styles/corrupt_typog.css  | 14 ++++++++++----
 4 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/_layouts/corrupt_index.html b/_layouts/corrupt_index.html
index 53a0aec..9808a1b 100644
--- a/_layouts/corrupt_index.html
+++ b/_layouts/corrupt_index.html
@@ -22,7 +22,11 @@
 
     <header>
       <a href="/">
-        <div>The</div><div>Internet</div><div>Vagabond</div>
+        <div>
+          <span class="first">T</span>he
+          <span class="first">I</span>nternet
+          <span class="first">V</span>agabond
+        </div>
       </a>
     </header>
 
diff --git a/_layouts/corrupt_post.html b/_layouts/corrupt_post.html
index 494e966..b70a364 100644
--- a/_layouts/corrupt_post.html
+++ b/_layouts/corrupt_post.html
@@ -21,7 +21,11 @@
   <div class="cor_page">
       <header>
         <a href="/">
-          <div>The</div><div>Internet</div><div>Vagabond</div>
+          <div>
+            <span class="first">T</span>he
+            <span class="first">I</span>nternet
+            <span class="first">V</span>agabond
+          </div>
         </a>
       </header>
       <main>
diff --git a/src/styles/corrupt_layout.css b/src/styles/corrupt_layout.css
index 5d7cde9..d280887 100644
--- a/src/styles/corrupt_layout.css
+++ b/src/styles/corrupt_layout.css
@@ -23,6 +23,11 @@ header a {
     height: 100%;
 }
 
+header .wrapper {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+
 footer {
     background-color: #202020;
     border-top: 1px solid var(--hilite);
diff --git a/src/styles/corrupt_typog.css b/src/styles/corrupt_typog.css
index ea0900c..3a0c2eb 100644
--- a/src/styles/corrupt_typog.css
+++ b/src/styles/corrupt_typog.css
@@ -9,28 +9,34 @@ ul,ol,p {
 }
 
 a,a:visited,a:link,a:focus {
-    text-decoration: none; 
+    text-decoration: none;
     color: darkgrey;
+    transition: color 0.5s;
 }
 
 a:hover {
     color: white;
+    transition: color 0.5s;
 }
 
 nav a:hover {
     color: var(--hilite);
+    transition: color 0.5s;
 }
 
 header div {
     color: darkgrey; letter-spacing: 0.8em;
 }
 
-header a:hover > div {
+header span {
     color: white;
+    letter-spacing: 0.9em;
+    transition: color 2s;
 }
 
-header div::first-letter {
-    color: white;
+header a:hover > div > span {
+    color: var(--hilite);
+    transition: color 1s;
 }
 
 footer #email {