{{ if not .IsHome }}

<div class="header">
  <div class="container">
    <h1>{{ if eq .Parent.Section "news"}}{{ .Parent.Title }}{{ else }}{{ .Title }}{{ end }}</h1>
  </div>
</div>

<!-- Matomo -->
<script type="text/javascript">
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="https://genomics-lab.fleming.gr/piwik/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '33']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->

{{ if .Parent }} 
<nav class="breadcrumbs" aria-label="breadcrumb">
  <div class="container">
    <ol class="breadcrumb">

      {{/*
      I know, this is ugly. But recursive functions seems hard in Hugo, and we only go 3 deep currently..
      */}}

      {{ if .Parent.Parent }}
          {{ if .Parent.Parent.Parent }}
            {{ if .Parent.Parent.Parent.Parent }}
            <li class="breadcrumb-item"><a href="{{ .Parent.Parent.Parent.Parent.RelPermalink }}">{{ .Parent.Parent.Parent.Parent.Title }}</a></li>
            {{ end }}
            <li class="breadcrumb-item"><a href="{{ .Parent.Parent.Parent.RelPermalink }}">{{ .Parent.Parent.Parent.Title }}</a></li>
          {{ end }}
          <li class="breadcrumb-item"><a href="{{ .Parent.Parent.RelPermalink }}">{{ .Parent.Parent.Title }}</a></li>
        {{ end }}
      {{if ne .Title "Under construction"}}
        <li class="breadcrumb-item"><a href="{{ .Parent.RelPermalink }}">{{ .Parent.Title }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ .Title }}</li>
      {{end}}
    </ol>
  </div>
</nav>
{{ end }}

{{ end }}