add hover styles to footer

components/page-footer/Footer.module.scss

@@ -9,12 +9,6 @@
     background: none;
     padding-bottom: 0;
   }
-
-  .view_source {
-    padding-bottom: 2px;
-    border-bottom: 1px solid;
-    border-color: var(--light);
-  }
 }
 
 .row {
@@ -27,6 +21,16 @@
   line-height: 2.3;
 }
 
+.view_source {
+  padding-bottom: 2px;
+  border-bottom: 1px solid;
+  border-color: var(--light);
+
+  &:hover {
+    border-color: var(--kinda-light);
+  }
+}
+
 .beat {
   display: inline-block;
   animation: beat 10s infinite; // 6 bpm, call 911 if you see this please.

components/page-footer/Footer.tsx

@@ -14,9 +14,9 @@ const Footer = () => (
         </Link>
         ,{" "}
         <Link href="/previously/" prefetch={false}>
-          <a title="Previously on...">2001 –</a>
+          <a title="Previously on...">2001</a>
         </Link>{" "}
-        {new Date().getFullYear()}.
+        – {new Date().getFullYear()}.
       </div>
       <div className={styles.powered_by}>
         Made with{" "}