1
0
Fork 0
mirror of https://github.com/GuerillaStudio/now-playing synced 2024-11-26 18:21:39 +00:00
now-playing/layouts/partials/header.html

27 lines
1.1 KiB
HTML

{{ if .IsHome }}
<header class="header header--home">
{{ else }}
<header class="header">
{{ end }}
<div class="container">
<div class="header__left">
<a class="header__logo glitch--hover" data-text="Now Playing" href="/" title="Homepage" style="view-transition-name: header-title;">Now Playing</a>
<div class="header__tagline" style="view-transition-name: header-tagline;">
Great music should be shared
</div>
</div>
<nav class="navigation" data-menu="navigation">
<a class="navigation__item {{ if .IsHome }}active{{ end }}" href="/" style="view-transition-name: nav-latest;">Latest</a>
{{ with .Site.GetPage "/" }}
{{ with .OutputFormats.Get "RSS" }}
<a class="navigation__item" href="{{ .RelPermalink }}" style="view-transition-name: nav-rss;">RSS</a>
{{ end }}
{{ end }}
<button class="navigation__item" data-random="btn" style="view-transition-name: header-random;">Random</button>
</nav>
<div class="navigation__mobileOverlay" data-menu="overlay"></div>
<button class="navigation__mobileBtn" data-menu="btn">
Menu
</button>
</div>
</header>