feat: footer

src/app/footer/footer.css

@@ -0,0 +1,10 @@
+footer {
+    background-color: var(--color-secondary);
+    color: var(--color-primary);
+}
+
+@media screen and (max-width: 300px) {
+    .hide {
+        display: none;
+    }
+}

src/app/footer/footer.html

@@ -1 +1,11 @@
-<p>footer works!</p>
+<footer class="w-full fixed bottom-0 z-30 p-2 flex justify-around items-center">
+    <div>
+        <a href="https://nhcarrigan.com" target="_blank"><p>© 2025 NHCarrigan</p></a>
+    </div>
+    <div class="hide">
+        <a href="https://chat.nhcarrigan.com" target="_blank"><p>Discord</p></a>
+    </div>
+    <div class="hide">
+        <a href="https://contact.nhcarrigan.com" target="_blank"><p>Contact</p></a>
+    </div>
+</footer>