1
goldsmith-samples/bootstrap/layouts/outer.html

51 lines
2.1 KiB
HTML
Raw Normal View History

2017-10-15 16:44:36 +00:00
{{define "header"}}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/lib/tether/css/tether.min.css">
<link rel="stylesheet" href="/lib/tether/css/tether-theme-basic.min.css">
<link rel="stylesheet" href="/lib/lightbox/ekko-lightbox.min.css">
<link rel="stylesheet" href="/main.css">
{{if .Meta.Title}}
<title>Goldsmith Sample - {{.Meta.Title}}</title>
{{else if eq .Meta.Layout "tag"}}
<title>Goldsmith Sample - Tagged "{{.Meta.Tags.Index}}"</title>
{{else if eq .Meta.Layout "index"}}
<title>Goldsmith Sample - Index of /{{.Dir}}</title>
{{end}}
</head>
<body>
{{end}}
{{define "navbar"}}
2018-01-28 02:44:18 +00:00
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
2017-10-15 16:44:36 +00:00
<a class="navbar-brand" href="/">Goldsmith Sample</a>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
{{$area := .Meta.Area}}
2017-12-29 18:35:43 +00:00
<a class="nav-item nav-link {{if $area}}{{if eq $area "blog"}}active{{end}}{{end}}" href="/">Blog</a>
2017-10-15 16:44:36 +00:00
<a class="nav-item nav-link {{if $area}}{{if eq $area "portfolio"}}active{{end}}{{end}}" href="/portfolio/">Portfolio</a>
<a class="nav-item nav-link {{if $area}}{{if eq $area "projects"}}active{{end}}{{end}}" href="/projects/">Projects</a>
<a class="nav-item nav-link {{if $area}}{{if eq $area "tags"}}active{{end}}{{end}}" href="/tags/">Tags</a>
</div>
</div>
2018-01-28 02:44:18 +00:00
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup">
<span class="navbar-toggler-icon"></span>
</button>
2017-10-15 16:44:36 +00:00
</nav>
{{end}}
{{define "footer"}}
<script src="/lib/jquery.min.js"></script>
<script src="/lib/tether/js/tether.min.js"></script>
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/lib/lightbox/ekko-lightbox.min.js"></script>
<script src="/main.js"></script>
</body>
</html>
{{end}}