hugo-geekdoc/layouts/partials/site-header.html
ListenerJubatus 4bdf727cea
feat: add span with class 'gdoc-brand__title' around site title (#168)
* Add CSS span to site title to allow for something I do on my site (where I use a larger logo and hide title except in narrow views)

* Update layouts/partials/site-header.html

Co-authored-by: Robert Kaussow <xoxys@rknet.org>

Co-authored-by: Robert Kaussow <xoxys@rknet.org>
2021-07-20 09:58:41 +02:00

22 lines
1.1 KiB
HTML

<header class="gdoc-header">
<div class="container flex align-center justify-between">
{{ if .MenuEnabled }}
<label for="menu-control" class="gdoc-nav__control">
<svg class="icon gdoc_menu"><use xlink:href="#gdoc_menu"></use></svg>
<svg class="icon gdoc_arrow_back"><use xlink:href="#gdoc_arrow_back"></use></svg>
</label>
{{ end }}
<a class="gdoc-header__link" href="{{ .Root.Site.BaseURL }}">
<span class="gdoc-brand flex align-center">
<img class="gdoc-brand__img" src="{{ (default "brand.svg" .Root.Site.Params.GeekdocLogo) | relURL }}" alt="">
<span class="gdoc-brand__title">{{ .Root.Site.Title }}</span>
</span>
</a>
<span id="gdoc-dark-mode">
<svg class="icon gdoc_brightness_dark"><use xlink:href="#gdoc_brightness_dark"></use></svg>
<svg class="icon gdoc_brightness_light"><use xlink:href="#gdoc_brightness_light"></use></svg>
<svg class="icon gdoc_brightness_auto"><use xlink:href="#gdoc_brightness_auto"></use></svg>
</span>
</div>
</header>