improved semantics

M-Valentino · Aug 30, 2024 · bd8c63e · bd8c63e
1 parent 4b328b7
commit bd8c63e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/public/outsideTheOS/about.css b/public/outsideTheOS/about.css
@@ -17,21 +17,21 @@
   box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.125);
 }
 
-nav ul {
+.desktopNav ul {
   list-style-type: none;
   padding: 0;
 }
 
-nav ul li {
+.desktopNav ul li {
   margin-bottom: 10px;
 }
 
-nav a {
+.desktopNav a {
   text-decoration: none;
   color: #000;
 }
 
-nav a:hover {
+.desktopNav a:hover {
   text-decoration: underline;
 }
 
@@ -127,21 +127,21 @@ table ul {
 }
 
 @media only screen and (min-width:1261px) {
-  nav {
+  .desktopNav {
     display: initial;
   }
 
-  .mobileTOC {
+  .mobileNav {
     display: none;
   }
 }
 
 @media only screen and (max-width:1260px) {
-  nav {
+  .desktopNav {
     display: none;
   }
 
-  .mobileTOC {
+  .mobileNav {
     display: initial;
   }
 

diff --git a/public/outsideTheOS/about.html b/public/outsideTheOS/about.html
@@ -24,7 +24,7 @@
 <body>
 
   <div class="navAndMain">
-    <nav>
+    <nav class="desktopNav">
       <div class="navInner">
         <h2 class="mt-0" id="tocHeader">Table of Contents</h2>
         <ul aria-labelledby="tocHeader">
@@ -47,7 +47,7 @@ <h1>
       </header>
 
       <main>
-        <span class="mobileTOC">
+        <nav class="mobileNav">
           <h2 class="mt-0" id="tocHeaderMobile">Table of Contents</h2>
           <ul aria-labelledby="tocHeaderMobile">
             <li><a href="#intro">Intro</a></li>
@@ -59,7 +59,7 @@ <h2 class="mt-0" id="tocHeaderMobile">Table of Contents</h2>
             <li><a href="#credits">Credits</a></li>
           </ul>
           <hr />
-        </span>
+        </nav>
 
         <h2 class="mt-0" id="intro">
           Intro