diff options
Diffstat (limited to 'templ/content.tpl')
| -rw-r--r-- | templ/content.tpl | 78 |
1 files changed, 26 insertions, 52 deletions
diff --git a/templ/content.tpl b/templ/content.tpl index 4486047..74cba58 100644 --- a/templ/content.tpl +++ b/templ/content.tpl @@ -1,62 +1,36 @@ {{define "body"}} + {{/* different inline svgs */}} <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> + {{/* The Navbar */}} + <nav class="navbar sticky-top bg-dark-subtle navbar-expand-lg shadow mb-2"> + <div class="container-fluid" > + <a class="navbar-brand" href="#"> + <img src="/static/euro-money.svg" alt="Logo" width="32" height="32" class="d-inline-block"/> Kosten + </a> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarNav"> + <ul class="navbar-nav me-auto"> + {{template "navlinks"}} + </ul> + <form class="d-flex" role="search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <button class="btn btn-outline-dark" type="submit"><svg class="svg"><use xlink:href="#search"></use></svg></button> + </form> + </div> </div> - </div> -{{end}} + </nav> -{{define "head"}} - <style> - .bi { - display: inline-block; - width: 1rem; - height: 1rem; - vertical-align: -.125em; - fill: currentColor; - } - </style> + {{/* The Main Content */}} + <main class="container-lg"> + {{block "main" .}} + Dummy Content + {{end}} + </main> {{end}}
\ No newline at end of file |