Pi66

git.pi66.xyz
A web interface for the pi66.xyz Git server
git clone https://git.pi66.xyz/git.pi66.xyz

← back to log

feat: show nav links in mobile view via mobile-nav partial

author: pi66
date: 2026-07-23 09:30
hash: 2a718ad1007681220ea37e065ead6577e6addbb3

Diffstat:

M

src/templates/base.html
1 ++++

A

src/templates/partials/mobile-nav.html
7 ++++++++++++++++++++++++++++++ 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
diff --git a/src/templates/base.html b/src/templates/base.html
index 90050a7..7ef67f2 100644
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -9,6 +9,7 @@
            </main>

            {% include "partials/footer.html" %}
+            {% include "partials/mobile-nav.html" %}

        </div>
    </body>
diff --git a/src/templates/partials/mobile-nav.html b/src/templates/partials/mobile-nav.html
new file mode 100644
index 0000000..059baf3
--- /dev/null
+++ b/src/templates/partials/mobile-nav.html
@@ -0,0 +1,7 @@
+<nav class="py-2 mb-2 flex justify-around border-1 border-[#333] items-center text-green-600 transition-colors duration-200 text-xl font-bold min-md:hidden gap-4">
+   <a class="hover:text-green-400 transition-colors duration-200 " href="https://pi66.xyz" class="nav-link">home</a>
+   <a class="hover:text-green-400 transition-colors duration-200 " href="https://pi66.xyz/tools" class="nav-link">tools</a>
+   <a class="hover:text-green-400 transition-colors duration-200 " href="https://pi66.xyz/about" class="nav-link">more</a>
+   <a class="hover:text-green-400 transition-colors duration-200 " href="https://pi66.xyz/gaza" class="nav-link">gaza</a>
+   <a class="hover:text-green-400 transition-colors duration-200 " href="https://git.pi66.xyz" class="nav-link">git</a>
+</nav>