fallbacks for noscript

layouts/_default/nav.html

@@ -0,0 +1,22 @@
+{{ define "main" }}
+<section id="main">
+<header>
+  <h1 id="title" class="colorswitch">
+    <a href="../" class="colorswitch uplink">{{ .Title }}</a>
+  </h1>
+</header>
+  <div>
+        <article id="content" class="colorswitch">
+           {{ .Content }}
+           <p>
+           <nav>
+    {{ $currentPage := . }}
+    {{ range .Site.Menus.nav }}
+    <a class="hamburger-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }} {{ .Title }}</a>
+    {{ end }}
+           </nav>
+           </p>
+        </article>
+  </div>
+</section>
+{{ end }}

layouts/partials/footer.html

@@ -4,15 +4,26 @@
 <nav id="footer-nav" aria-label="navigation">
     {{ $currentPage := . }}
     {{ range .Site.Menus.nav }}
-    <a class="footer-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
+    <a class="footer-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }} </a>
     {{ end }}
 </nav>
 </span>
 <span id="footer-right">
+        <div class="flexjs">
         <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
         <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
+        </div>
+        <div class="flexjs">
         <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
+        <nav aria-label="hamburger menu">
         <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
+        </nav>
+        </div>
+        <noscript>
+            <nav>
+            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
+            </nav>
+        </noscript>
         <div class="hamburger colorswitch hidden" id="hamburger-bg">
 <nav id="hamburger-nav" aria-label="navigation">
     {{ $currentPage := . }}
@@ -20,6 +31,6 @@
     <a class="hamburger-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }} {{ .Title }}</a><br>
     {{ end }}
 </nav>
-        </div>
 </span>
+</noscript>
 </footer>

layouts/shortcodes/randomword.html

@@ -1 +1 @@
-<button class="randomword-button colorswitch" data-wordlist="{{.Get 0}}"></button>
+<button class="randomword-button colorswitch" data-wordlist="{{.Get 0}}"><noscript>{{.Get 1}}</noscript></button>