From c0a6edefb9d2dbc2b5cd004bcc7f62f9b399a96b Mon Sep 17 00:00:00 2001
From: TheClashFruit <admin@theclashfruit.me>
Date: Tue, 7 Apr 2026 10:41:43 +0200
Subject: [PATCH] feat: mobile support

---
 src/_includes/components/head.njk |  9 ++++++++-
 src/_includes/components/nav.njk  | 11 ++++++++---
 src/css/style.scss                | 14 ++++++++------
 3 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/_includes/components/head.njk b/src/_includes/components/head.njk
index 23b84a4..a218cf9 100644
--- a/src/_includes/components/head.njk
+++ b/src/_includes/components/head.njk
@@ -19,5 +19,12 @@
     {% include './nav.njk' %}
     
     {% if content | toc %}
-      <aside class="right">{{ content | toc | safe }}</aside>
+      <aside class="right">
+        <details open>
+          <summary>
+            Table of Contents
+          </summary>
+          {{ content | toc | safe }}
+        </details>
+      </aside>
     {% endif %}
\ No newline at end of file
diff --git a/src/_includes/components/nav.njk b/src/_includes/components/nav.njk
index 1d6f313..2bb9381 100644
--- a/src/_includes/components/nav.njk
+++ b/src/_includes/components/nav.njk
@@ -1,5 +1,10 @@
 <aside class="left">
-  <nav>
-    {{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}
-  </nav>
+  <details open>
+    <summary>
+      Navigation
+    </summary>
+    <nav>
+      {{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}
+    </nav>
+  </details>
 </aside>
\ No newline at end of file
diff --git a/src/css/style.scss b/src/css/style.scss
index 4e92ee1..29fb09b 100644
--- a/src/css/style.scss
+++ b/src/css/style.scss
@@ -42,7 +42,7 @@ body {
 }
 
 nav {
-  > ul {
+  > ul, ol {
     margin-left: 8px;
   }
 }
@@ -56,10 +56,6 @@ ol {
 }
 
 aside {
-  position: absolute;
-
-  width: 250px;
-
   &.left {
     left: calc(50% - ((80ch) / 2) - (250px));
   }
@@ -67,6 +63,12 @@ aside {
   &.right {
     right: calc(50% - ((80ch) / 2) - (250px));
   }
+  
+  @media (min-width: 769px) {
+    position: absolute;
+    
+    width: 250px;
+  }
 }
 
 details {
@@ -192,7 +194,7 @@ details {
 }
 
 .toc ol {
-  list-style: disc;
+  list-style: inside disc;
 }
 
 // @view-transition
-- 
2.51.2