From 558a6c3bb38678a7d1176931441e2fb851d0c0d0 Mon Sep 17 00:00:00 2001
From: boyska <piuttosto@logorroici.org>
Date: Wed, 5 Aug 2020 14:49:25 +0200
Subject: [PATCH] menu <noscript>

---
 themes/maya0x17/static/theme.scss   | 12 ++++++++++++
 themes/maya0x17/templates/base.html | 19 +++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/themes/maya0x17/static/theme.scss b/themes/maya0x17/static/theme.scss
index 293c3eb..ef2d103 100644
--- a/themes/maya0x17/static/theme.scss
+++ b/themes/maya0x17/static/theme.scss
@@ -167,3 +167,15 @@ code {
     height: 0;
     z-index: 3;
 }
+#menu-noscript-row {
+    margin: auto;
+    max-width: 60em;
+    nav {
+        font-size: 110%;
+        font-weight: bold;
+        font-family: 'Caesar Dressing', Helvetica, cursive;
+        text-align: center;
+        ul { list-style: none; }
+        li { display: inline; padding-right: 3em;}
+    }
+}
diff --git a/themes/maya0x17/templates/base.html b/themes/maya0x17/templates/base.html
index d64b841..189aa4a 100644
--- a/themes/maya0x17/templates/base.html
+++ b/themes/maya0x17/templates/base.html
@@ -68,6 +68,25 @@
                 </div><!-- content column -->
             </div>
         </div>
+        <noscript>
+        <div id="menu-noscript-row">
+                <nav><ul>
+                {% for title, link in MENUITEMS %}
+                    <li><a href="{{ link }}">{{ title }}</a></li>
+                {% endfor %}
+                {% if DISPLAY_PAGES_ON_MENU -%}
+                {% for pg in pages %}
+                    <li{% if pg == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ pg.url }}">{{ pg.title }}</a></li>
+                {% endfor %}
+                {% endif %}
+                {% if DISPLAY_CATEGORIES_ON_MENU -%}
+                {% for cat, null in categories %}
+                    <li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
+                {% endfor %}
+                {% endif %}
+                </ul></nav>
+        </div><!-- #menu-noscript-row -->
+        </noscript>
         <div id="overlay"></div>
         <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/ruotalogo.js"></script>
     </body>