feat: add footer

web/index.html

@@ -20,7 +20,14 @@
 			<img class="cat" src="/images/cat-0.png"></img>
 			<img class="eeping-cat" src="/images/eeping-cat.png"></img>
 		</div>
+
+		<footer>
+			<span>made by kennethnym &lt;3 ·&nbsp;</span>
+			<a href="https://github.com/kennethnym/infinifi">github</a>
+		</footer>
+
 		<canvas id="bg"></canvas>
+
 		<script type="text/javascript" src="/bg.js"></script>
 		<script type="text/javascript" src="/script.js"></script>
 	</body>

web/style.css

@@ -8,6 +8,7 @@
 
   --range-height: 12px;
   --range-accent: var(--lavender);
+  --link-accent: var(--lavender);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -18,6 +19,7 @@
     --lavender: #b4befe;
     --maroon: #eba0ac;
     --range-accent: var(--maroon);
+    --link-accent: var(--maroon);
   }
 }
 
@@ -28,7 +30,7 @@ body {
 
 body {
   width: calc(100% - 4rem - 2px);
-  height: calc(100vh - 4rem - 2px);
+  height: calc(100vh - 6rem - 2px);
   padding: 2rem;
   margin: 0;
   background-color: var(--base);
@@ -57,6 +59,22 @@ main {
   }
 }
 
+footer {
+  padding: 1rem 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+footer > span {
+  color: var(--text);
+  opacity: 0.5;
+}
+
+a {
+  color: var(--link-accent);
+}
+
 #bg {
   position: absolute;
   top: 0;