all repos — www @ cb42a30bbc4a5b6053ddf928171a3cf3dea81aef

deserthorns.net content + generator

templates/header.html (view raw)

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 
{{ define "header" }}
<style>
.logo {
  width: 4rem;
  margin: 1rem auto;
  display: block;
}
.bread-crumbs {
  box-shadow: 4px 4px var(--b_low);
  border: 1px solid var(--b_low);
  padding: 0.5rem;
  border-radius: var(--border-radius);
  font-size: 1rem;
  font-family: monospace;
}
.bread-crumbs > ul {
  margin: 0;
  padding: 0.2rem;
}
.bread-crumbs > ul > li {
  display: inline;
}
.bread-crumbs > ul > li:not(:last-child)::after {
  content: "/";
  color: var(--b_low);
}
.bread-crumbs > ul > li > span {
  color: var(--b_inv);
}
.bread-crumbs a {
  text-decoration: none;
}
</style>
<div>
  <img class="logo" src="/assets/svg/logo-light.svg">
  <nav class="bread-crumbs">
    <ul>
    {{ range .Breadcrumbs }}
      {{ if .Active }}
      <li>
        <span style="font-weight: bold;">{{ .Name }}</span>
      </li>
      {{ else }}
      <li>
        <a href="{{ .Name }}">{{ .Name }}</a>
      </li>
      {{ end }}
    {{ end }}
    </ul>
  </nav>
</div>
{{ end }}