mini-beieli-web/templates/layout.html

90 lines
3.2 KiB
HTML

{{define "header_additions"}}{{end}}
{{define "layout"}}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<title>mini-beieli.ch - die besondere Bienenstockwaage</title>
<link rel="stylesheet" href="/static/css/bulma-0.7.4/bulma.min.css">
<link rel="stylesheet" href="static/css/mini-beieli-web.css">
<script defer src="/static/js/fontawesome-5.1.0/all.js"></script>
<script src="/static/js/jquery-3.3.1/jquery.min.js"></script>
{{template "header_additions" . }}
</head>
<body>
<section class="section">
<div class="container">
<figure class="image is-hidden-mobile is-20by3">
<img src="/static/images/bees-banner-1000x150.jpg" alt="mini-beieli Banner" >
</figure>
<figure class="image is-hidden-tablet is-3by1">
<img src="/static/images/bees-banner-450x150.jpg" alt="mini-beieli Banner" >
</figure>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img src="/static/images/bee-logo-28.png" alt="mini-beieli Logo" width="28" 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>
{{ if ne .UserName "" }}
<a class="navbar-item" href="/scales.html">
<div style="position:relative">
<span class="icon"><i class="fa fa-balance-scale"></i></span>
<span>Meine Waagen</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>
</section>
<script src="/static/js/mini-beieli-web.js"></script>
</body>
</html>
{{end}}