fix styling of headers and nav bar

public/about.html

@@ -52,8 +52,17 @@
                 </li>
             </ul>
             <ul>
-                <li><a href="index.html">Home</a></li>
-                <li><a href="getting-started.html">Getting Started</a></li>
+                <li class="nav-page-link"><a href="index.html">Home</a></li>
+                <li class="nav-page-link"><a href="getting-started.html">Getting Started</a></li>
+                <li class="nav-pages-dropdown">
+                    <details class="dropdown">
+                        <summary role="button" class="secondary">Pages</summary>
+                        <ul>
+                            <li><a href="index.html">Home</a></li>
+                            <li><a href="getting-started.html">Getting Started</a></li>
+                        </ul>
+                    </details>
+                </li>
                 <li>
                     <button id="theme-toggle" class="outline secondary" role="switch" aria-label="Toggle theme">
                         <span id="theme-icon">🌙</span>
@@ -72,6 +81,7 @@
         <p>Keyboard Vagabond was made because I saw multiple instances of people saying that, while there are travel communities on different instances, there was not a space specifically for nomads, so I thought I would make it.</p>
         
         <h2>What to expect and commitments</h2>
+        <p><strong>Code of Conduct</strong> - This community is welcoming and accepting, thus it does not tolerate bigotry, hate speech, or homo/trans-phobic comments. More details can be found on each instance's policies.</p>
         <p><strong>Moderation style</strong> - 
         An online community of respect and courtesy that is simultaneously light on moderation and banning, yet firm on not tolerating bigotry, hatred, etc. Be kind and we'll all have a good time.</p>
         <p><strong>Sign ups</strong> -