all repos — www @ 61ecd074f9124d0e38636fb1d93cf45cc990b525

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
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 
{{ define "header" }}
<style>
.header {
  margin-bottom: 3rem;
}
.logo {
  width: 4rem;
  margin: 1rem auto;
  display: block;
}
.breadcrumbs {
  box-shadow: 4px 4px var(--b_med);
  border: 1px solid var(--b_med);
  padding: 0.5rem;
  border-radius: var(--border-radius);
  font-size: 1rem;
  font-family: monospace;
}
.breadcrumbs > ul {
  margin: 0;
  padding: 0.2rem;
}
.breadcrumbs > ul > li {
  display: inline;  
}
.breadcrumbs > ul > li:not(:last-child)::after {
  content: "/";
  color: var(--f_low);
}
.breadcrumbs > ul > li > a {
  padding: 0.2rem;
  color: var(--f_med);
}
.breadcrumbs > ul > li > a:hover {
  color: var(--background);
  background: var(--b_high);  
  border-radius: var(--border-radius);
}
.breadcrumbs > ul > li > span {
  padding: 0.2rem;
  color: var(--b_inv);
}
.breadcrumbs a {
  text-decoration: none;
}
</style>
<div class="header">
  <img class="logo" src="/assets/svg/logo-light.svg">
  <nav class="breadcrumbs">
    <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 }}