Fix nav menu styling

Author: pilafmon

.github/workflows/run-spec-on-push.yaml

@@ -1,3 +1,5 @@
+# snapbackup
+
 name: Build and Test
 
 on: [push]
@@ -9,6 +11,6 @@ jobs:
       w3cHtmlValidator: dry-run  #only run html validation locally
     steps:
       - uses: actions/checkout@v5    #see: https://github.com/actions/checkout/releases
-      - uses: actions/setup-node@v4  #see: https://github.com/actions/setup-node/releases
+      - uses: actions/setup-node@v6  #see: https://github.com/actions/setup-node/releases
       - run: npm install
       - run: npm test

package.json

@@ -63,20 +63,20 @@
    },
    "devDependencies": {
       "@fortawesome/fontawesome-free": "~7.1",
-      "add-dist-header": "~1.5",
+      "add-dist-header": "~1.6",
       "browser-sync": "~3.0",
       "copy-file-util": "~1.3",
-      "copy-folder-util": "~1.1",
+      "copy-folder-util": "~1.2",
       "dna-engine": "~3.3",
       "hamburger-menu": "~0.7",
       "jshint": "~2.13",
       "less": "~4.4",
-      "replacer-util": "~1.4",
+      "replacer-util": "~1.5",
       "rev-web-assets": "~1.5",
-      "rimraf": "~6.0",
+      "rimraf": "~6.1",
       "run-scripts-util": "~1.3",
       "uglify-js": "~3.19",
-      "w3c-html-validator": "~1.9",
+      "w3c-html-validator": "~2.0",
       "web-ignition": "~2.4"
    }
 }

website/snap-backup.less

@@ -171,13 +171,13 @@ nav.hamburger-menu {
    color: gainsboro;            /* menu font color */
    background-color: teal;      /* menu background color */
    }
-nav.hamburger-menu aside ul li.current {
+nav.hamburger-menu aside menu li.current {
    border-color: white;         /* border color for selected menu item */
    }
-nav.hamburger-menu aside ul li.current >span,
-nav.hamburger-menu aside ul li.current >a,
-nav.hamburger-menu aside ul li >span:hover,
-nav.hamburger-menu aside ul li >a:hover {
+nav.hamburger-menu aside menu li.current >span,
+nav.hamburger-menu aside menu li.current >a,
+nav.hamburger-menu aside menu li >span:hover,
+nav.hamburger-menu aside menu li >a:hover {
    color: yellow;               /* menu font highlight color */
    background-color: darkcyan;  /* menu background highlight color */
    }

website/templates/page-begin.html

@@ -39,15 +39,14 @@
 <nav class=hamburger-menu>
    <a class=hamburger href=#>&#9776;</a>
    <aside>
-      <!-- menu -->
-      <ul>
+      <menu>
          <li data-menu=gateway>  <a href={{webRoot}}>Home</a></li>
          <li data-menu=preview>  <a href={{webRoot}}/screen>Preview</a></li>
          <li data-menu=download> <a href={{webRoot}}/download>Download</a></li>
          <li data-menu=faq>      <a href={{webRoot}}/faq>Answers</a></li>
          <li data-menu=translate><a href={{webRoot}}/translate>Translate</a></li>
          <li data-menu=about>    <a href={{webRoot}}/about>About</a></li>
-      </ul>
+      </menu>
    </aside>
 </nav>