diff --git a/themes/red/assets/css/site.css b/themes/red/assets/css/site.css
index 3bfaf9e..9c2690f 100644
--- a/themes/red/assets/css/site.css
+++ b/themes/red/assets/css/site.css
@@ -418,4 +418,8 @@ pre {
     border-radius: 5px;
     padding: 5px;
     text-align: center;
-}
\ No newline at end of file
+}
+
+.no-decoration {
+    text-decoration: none;
+}
diff --git a/themes/red/assets/js/gallery.js b/themes/red/assets/js/gallery.js
new file mode 100644
index 0000000..8757b26
--- /dev/null
+++ b/themes/red/assets/js/gallery.js
@@ -0,0 +1,8 @@
+imagesLoaded(document.querySelector('.grid'), function(instance) {
+    new Masonry('.grid', {
+        itemSelector: '.grid-item',
+        columnWidth: '.grid-sizer',
+        fitWidth: true,
+        gutter: 10,
+    });
+});
diff --git a/themes/red/assets/js/site.js b/themes/red/assets/js/site.js
index 8757b26..efbbd2b 100644
--- a/themes/red/assets/js/site.js
+++ b/themes/red/assets/js/site.js
@@ -1,8 +1,3 @@
-imagesLoaded(document.querySelector('.grid'), function(instance) {
-    new Masonry('.grid', {
-        itemSelector: '.grid-item',
-        columnWidth: '.grid-sizer',
-        fitWidth: true,
-        gutter: 10,
-    });
-});
+if (window.matchMedia('(max-device-width: 768px)').matches) {
+    document.getElementById("nav-menu").open = false;
+}
diff --git a/themes/red/layouts/_default/baseof.html b/themes/red/layouts/_default/baseof.html
index d6b0052..315de14 100644
--- a/themes/red/layouts/_default/baseof.html
+++ b/themes/red/layouts/_default/baseof.html
@@ -13,5 +13,11 @@
         </article>
         </div>
         <footer>{{- partial "footer.html" . -}}</footer>
+
+        {{ $site := resources.Get "js/site.js" }}
+        {{ if hugo.IsProduction }}
+            {{ $site = $site | minify | fingerprint | resources.PostProcess }}
+        {{ end }}
+        <script src="{{ $site.RelPermalink }}" integrity="{{ $site.Data.Integrity }}"></script>
     </body>
 </html>
diff --git a/themes/red/layouts/_default/gallery.html b/themes/red/layouts/_default/gallery.html
index c94cadb..9f3fe7e 100644
--- a/themes/red/layouts/_default/gallery.html
+++ b/themes/red/layouts/_default/gallery.html
@@ -14,7 +14,7 @@
 
     </div>
 
-    {{ $site := resources.Get "js/site.js" }}
+    {{ $site := resources.Get "js/gallery.js" }}
     {{ if hugo.IsProduction }}
         {{ $site = $site | minify | fingerprint | resources.PostProcess }}
     {{ end }}
diff --git a/themes/red/layouts/partials/art-gallery.html b/themes/red/layouts/partials/art-gallery.html
index 947d129..c118dd6 100644
--- a/themes/red/layouts/partials/art-gallery.html
+++ b/themes/red/layouts/partials/art-gallery.html
@@ -26,7 +26,7 @@
 
 </div>
 
-{{ $site := resources.Get "js/site.js" }}
+{{ $site := resources.Get "js/gallery.js" }}
 {{ if hugo.IsProduction }}
     {{ $site = $site | minify | fingerprint | resources.PostProcess }}
 {{ end }}
diff --git a/themes/red/layouts/partials/art-years.html b/themes/red/layouts/partials/art-years.html
index 44872a5..4c9c8e4 100644
--- a/themes/red/layouts/partials/art-years.html
+++ b/themes/red/layouts/partials/art-years.html
@@ -2,7 +2,7 @@
 <div class="generic-con year-con">
 {{ range $.Param "years" }}
     {{ $year := . }}
-    <a href="/art/{{ . }}">
+    <a class="no-decoration" href="/art/{{ . }}">
         {{ $thumbp := printf "/year-thumbs/%d.webp" . }}
         {{ with resources.Get $thumbp }}
         <img width="256" height="128" alt="{{ $year }}" class="gallery-img article-img" src="{{ .RelPermalink }}">
diff --git a/themes/red/layouts/partials/featured-art.html b/themes/red/layouts/partials/featured-art.html
index 1576b44..68dba66 100644
--- a/themes/red/layouts/partials/featured-art.html
+++ b/themes/red/layouts/partials/featured-art.html
@@ -18,7 +18,7 @@
 
         {{ $path := printf "/art/%d/%.2d/%s" (int $year) (int $month) $filename_without_ext}}
 
-        <a href="{{ $path }}" aria-label="Click to view details">
+        <a href="{{ $path }}" aria-label="Click to view details" class="no-decoration">
             {{ $title := .title }}
             {{ with resources.Get (printf "art/%s" .filename) }}
             {{ $image := .Resize "500x" }}
diff --git a/themes/red/layouts/partials/render-art.html b/themes/red/layouts/partials/render-art.html
index e011b54..1e2bffe 100644
--- a/themes/red/layouts/partials/render-art.html
+++ b/themes/red/layouts/partials/render-art.html
@@ -12,7 +12,7 @@
         {{ $year = index $split 3 }}
 {{ end }}
 
-<a href="{{ .Permalink }}">
+<a class="no-decoration" href="{{ .Permalink }}">
 {{ $path := printf "/art/%d/%.2d/%s" (int $year) (int $month) $filename_without_ext}}
         {{ $title := .Params.title }}
         {{ $image := (resources.Get (printf "art/%s.webp" .Params.slug)).Resize "400x" }}
diff --git a/themes/red/layouts/partials/sidebar.html b/themes/red/layouts/partials/sidebar.html
index 6c4ceee..6b79d7f 100644
--- a/themes/red/layouts/partials/sidebar.html
+++ b/themes/red/layouts/partials/sidebar.html
@@ -1,9 +1,12 @@
 <nav>
-    {{ $icon := resources.Get "external-link.svg" }}
+    <details id="nav-menu" open="true">
+        <summary>Navigation</summary>
+        {{ $icon := resources.Get "external-link.svg" }}
 
-    {{ range .Site.Menus.main }}
-        <div class="site-menu">
-            <a href="{{ .URL  }}">{{ .Name }}{{ if strings.HasPrefix .URL "http" }}<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="{{ $icon.Permalink }}"/>{{- end -}}</a>
-        </div>
-    {{ end }}
+        {{ range .Site.Menus.main }}
+            <div class="site-menu">
+                <a href="{{ .URL  }}">{{ .Name }}{{ if strings.HasPrefix .URL "http" }}<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="{{ $icon.Permalink }}"/>{{- end -}}</a>
+            </div>
+        {{ end }}
+    </details>
 </nav>