From 1c0968af473f3d04708be854c7db6ca46c56f90d Mon Sep 17 00:00:00 2001
From: René 'Necoro' Neumann <necoro@necoro.eu>
Date: Thu, 3 Oct 2024 17:50:43 +0200
Subject: Content

---
 templ/content.tpl | 62 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 templ/content.tpl

(limited to 'templ/content.tpl')

diff --git a/templ/content.tpl b/templ/content.tpl
new file mode 100644
index 0000000..4486047
--- /dev/null
+++ b/templ/content.tpl
@@ -0,0 +1,62 @@
+{{define "body"}}
+    <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
+        <symbol id="list" viewBox="0 0 16 16">
+            <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path>
+        </symbol>
+        <symbol id="search" viewBox="0 0 16 16">
+            <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path>
+        </symbol>
+    </svg>
+    <header class="navbar sticky-top bg-dark flex-md-nowrap p-0 shadow">
+        <div class="p-1 ms-2 d-flex align-items-center">
+            <img src="/static/euro-money.svg" alt="Logo" width="32" height="32"/>
+            <span class="fs-6 text-white py-1 ms-3">Kosten</span>
+        </div>
+        <ul class="navbar-nav flex-row d-md-none">
+            <li class="nav-item text-nowrap">
+                <button class="nav-link px-3 text-white" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSearch" aria-controls="navbarSearch" aria-expanded="false" aria-label="Toggle search">
+                    <svg class="bi"><use xlink:href="#search"></use></svg>
+                </button>
+            </li>
+            <li class="nav-item text-nowrap">
+                <button class="nav-link px-3 text-white" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
+                    <svg class="bi"><use xlink:href="#list"></use></svg>
+                </button>
+            </li>
+        </ul>
+
+        <div id="navbarSearch" class="navbar-search w-100 collapse">
+            <input class="form-control w-100 rounded-0 border-0" type="text" placeholder="Search" aria-label="Search">
+        </div>
+    </header>
+
+    <div class="container-fluid">
+        <div class="row">
+            <div class="sidebar border border-right col-md-3 col-lg-2 p-3 bg-body-tertiary">
+                <nav id="sidebarMenu" class="offcanvas-md offcanvas-end" tabindex="-1">
+                    <div class="offcanvas-header">
+                        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#sidebarMenu" aria-label="Close"></button>
+                    </div>
+                    Kosten
+                </nav>
+            </div>
+            <main class="col-md-9 ms-sm-auto">
+                <div>
+                    Foo
+                </div>
+            </main>
+        </div>
+    </div>
+{{end}}
+
+{{define "head"}}
+    <style>
+        .bi {
+            display: inline-block;
+            width: 1rem;
+            height: 1rem;
+            vertical-align: -.125em;
+            fill: currentColor;
+        }
+    </style>
+{{end}}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2