✨feature: Style main navigation

2025-05-29 06:38:51 -05:00
parent e844613eec
commit 8b94d14088
3 changed files with 11 additions and 1466 deletions
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
--- a/styles/typography.css
+++ b/styles/typography.css
@@ -108,12 +108,15 @@ p {
  margin-bottom: 1rem;
 }

-li ul, li ol { margin: 0 1rem; }

 ul { list-style-type: disc; }

+#main-nav ul { list-style-type: none; }
+
 ol { list-style-type: decimal; }

+li ul, li ol { margin: 0 1rem; }
+
 ol ol { list-style: lower-alpha; }

 ol ol ol { list-style: lower-roman; }
--- a/views/header.ejs
+++ b/views/header.ejs
@@ -21,7 +21,7 @@
          <!-- <img src="/images/logo.png" alt="Logo" class="h-8 mr-2"> -->
          <h1 class=""><a class="no-underline!" href="/"><%= title %></a></h1>
        </div>
-        <nav>
+        <nav id="main-nav" class="flex items-center">
          <ul class="flex space-x-4">
            <li><a href="/" class="text-white hover:text-gray-400">Home</a></li>
            <li><a href="/about" class="text-white hover:text-gray-400">About</a></li>