custom <Image /> wrapper now supports static imports too

components/Footer/Footer.module.css

@@ -21,6 +21,10 @@
   line-height: 2.3;
 }
 
+.nextjs:hover {
+  color: var(--medium);
+}
+
 .view_source {
   padding-bottom: 2px;
   border-bottom: 1px solid;
@@ -31,7 +35,7 @@
   border-color: var(--kinda-light);
 }
 
-.beat {
+.heart {
   display: inline-block;
   animation: beat 10s infinite; /* 6 bpm, call 911 if you see this please. */
   animation-delay: 7.5s; /* offset from wave animation */

components/Footer/Footer.tsx

@@ -8,7 +8,7 @@ import styles from "./Footer.module.css";
 const Footer = () => (
   <footer className={styles.footer}>
     <div className={styles.row}>
-      <div className={styles.copyright}>
+      <div className={styles.license}>
         Content{" "}
         <Link href="/license/" prefetch={false}>
           <a title="Creative Commons Attribution 4.0 International">licensed under CC-BY-4.0</a>
@@ -21,11 +21,12 @@ const Footer = () => (
       </div>
       <div className={styles.powered_by}>
         Made with{" "}
-        <span className={styles.beat} title="Love">
+        <span className={styles.heart} title="Love">
           <HeartIcon />
         </span>{" "}
         and{" "}
         <a
+          className={styles.nextjs}
           href="https://nextjs.org/"
           title="Powered by Next.js"
           aria-label="Next.js"
@@ -36,9 +37,9 @@ const Footer = () => (
         </a>
         .{" "}
         <a
+          className={styles.view_source}
           href={`https://github.com/${config.githubRepo}`}
           title="View Source on GitHub"
-          className={styles.view_source}
           target="_blank"
           rel="noopener noreferrer"
         >