wo-bisch-web/templates/layout.html

95 lines
3.4 KiB
HTML

{{define "header_additions"}}{{end}}
{{define "layout"}}<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="author" content="Joerg Lehmann">
<meta name="description" content="der smarte LoraWAN GPS Tracker">
<meta name="keywords" content="GPS,Tracker,LoraWAN,Schweiz">
<meta property="og:title" content="wo-bisch.ch - der smarte GPS Tracker" />
<title>wo-bisch.ch - der smarte GPS Tracker</title>
<link rel="stylesheet" href="static/css/wo-bisch-web.css">
<link rel="stylesheet" href="static/css/wo-bisch-web-custom.css">
<script src="/static/js/fontawesome-5.11.2/all-minified.js"></script>
<script src="/static/js/jquery-3.6.0/jquery.min.js"></script>
{{template "header_additions" . }}
</head>
<body>
<div class="section px-4 py-4">
<div class="container">
<hr class="top" />
<nav class="navbar" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img src="/static/images/wo-bisch-logo-mit-schrift.png" alt="wo-bisch Logo" width="154" height="28">
</a>
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu" id="navMenu">
<div class="navbar-start">
<a class="navbar-item" href="/">
<div style="position:relative">
<span class="icon"><i class="fa fa-home"></i></span>
<span>Home</span>
</div>
</a>
<a class="navbar-item" href="/contact.html">
<div style="position:relative">
<span class="icon"><i class="fa fa-address-card"></i></span>
<span>Kontakt</span>
</div>
</a>
<a class="navbar-item" href="/order.html">
<div style="position:relative">
<span class="icon"><i class="fa fa-shopping-cart"></i></span>
<span>Bestellen</span>
</div>
</a>
{{ if ne .UserName "" }}
<a class="navbar-item" href="/tracker.html">
<div style="position:relative">
<span class="icon"><i class="fa fa-map-marked-alt"></i></span>
<span>Meine GPS Tracker</span>
</div>
</a>
{{ end }}
</div>
<div class="navbar-end">
{{ if ne .UserName "" }}
<a class="navbar-item" href="/logout">
<div style="position:relative">
<span class="icon"><i class="fa fa-sign-out-alt"></i></span>
<span>Logout {{ .UserName }}</span>
</div>
</a>
{{ else }}
<a class="navbar-item" href="/login.html">
<div style="position:relative">
<span class="icon"><i class="fa fa-sign-in-alt"></i></span>
<span>Login</span>
</div>
</a>
{{ end }}
</div>
</div>
</nav>
<hr />
{{template "body_content" . }}
</div>
</div>
<script src="/static/js/wo-bisch-web.js"></script>
</body>
</html>
{{end}}