footer

card-one/index.html

@@ -44,5 +44,7 @@
         </li>
       </ol>
     </main>
+
+    <footer id="footer"><!-- auto populated by nav.js --></footer>
   </body>
 </html>

card-two/index.html

@@ -37,5 +37,7 @@
       <p><span class="card">Card two</span> has 16 total recipients.</p>
 
     </main>
+
+    <footer id="footer"><!-- auto populated by nav.js --></footer>
   </body>
 </html>

index.html

@@ -103,8 +103,6 @@
       <p>if airtable is in any way inaccessible to you, please <a target="_blank" href="https://leecat.art/contact">reach out directly to lee</a>.</p>
     </main>
 
-    <footer>
-      <p>brought to you in 2026</p>
-    </footer>
+    <footer id="footer"><!-- auto populated by nav.js --></footer>
   </body>
 </html>

scripts/nav.js

@@ -123,3 +123,8 @@ document.addEventListener("keydown", (event) => {
 window.addEventListener("click", (event) => {
   if (!event.target.matches("#drop-button")) closeDropdown();
 });
+
+/* footer */
+
+let footerHTML = "<p>brought to you in 2026</p>";
+document.getElementById("footer").innerHTML = footerHTML;

styles/main.css

@@ -27,6 +27,7 @@ main {
   width: 65%;
   margin: 0 auto 2rem;
   scroll-margin-top: 1.5rem;
+  min-height: 50vh;
 }
 
 @media (max-width: 650px) {