diff options
Diffstat (limited to '')
-rw-r--r-- | templ/content.tpl | 62 |
1 files changed, 62 insertions, 0 deletions
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 |