diff options
| author | René 'Necoro' Neumann <necoro@necoro.eu> | 2024-10-03 17:50:43 +0200 |
|---|---|---|
| committer | René 'Necoro' Neumann <necoro@necoro.eu> | 2024-10-03 17:50:43 +0200 |
| commit | 1c0968af473f3d04708be854c7db6ca46c56f90d (patch) | |
| tree | 09a831653f1e46dc619167d61942eb84d3a7e66a /templ | |
| parent | 4ebd772e57469345120187fe01d956a3295d1468 (diff) | |
| download | gosten-1c0968af473f3d04708be854c7db6ca46c56f90d.tar.gz gosten-1c0968af473f3d04708be854c7db6ca46c56f90d.tar.bz2 gosten-1c0968af473f3d04708be854c7db6ca46c56f90d.zip | |
Content
Diffstat (limited to 'templ')
| -rw-r--r-- | templ/base.tpl | 1 | ||||
| -rw-r--r-- | templ/content.tpl | 62 |
2 files changed, 63 insertions, 0 deletions
diff --git a/templ/base.tpl b/templ/base.tpl index eddc987..767902e 100644 --- a/templ/base.tpl +++ b/templ/base.tpl @@ -7,6 +7,7 @@ <title>{{block "title" .}}Kosten{{end}}</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> + {{block "head" .}}{{end}} </head> <body> {{block "body" .}} 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 |