websites/dennogumi
websites/dennogumi
1
0
Fork 0
Code Releases Activity

New partial layouts to handle specifics of dennogumi.org's header

Browse source
This commit is contained in:
Luca Beltrame 2021-01-02 01:00:29 +01:00
commit f0607e7fae
Signed by: einar
GPG key ID: 4707F46E9EC72DEC
2 changed files with 69 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

43
layouts/partials/site-header.html Executable file
View file

@ -0,0 +1,43 @@
{{ $featured_image := .Param "featured_image"}}
{{ if $featured_image }}
{{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
{{ $featured_image := (trim $featured_image "/") | absURL }}
<header class="cover bg-top" style="background-image: url('{{ $featured_image }}');">
<div class="{{ .Site.Params.cover_dimming_class | default "bg-black-10" }}">
{{ partial "site-navigation.html" .}}
<div class="tc-l pv4 pv6-l ph3 ph4-ns">
<h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
{{ if not .Params.omit_header_text }}
{{ .Title | default .Site.Title }}
{{ else }}
&nbsp;
{{ end }}
</h1>
{{ if not .Params.omit_header_text }}
{{ with .Params.description }}
<h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3">
{{ . }}
</h2>
{{ end }}
{{ end }}
</div>
</div>
</header>
{{ else }}
<header>
<div class="pb3-m pb6-l {{ .Site.Params.background_color_class | default "bg-black" }}">
{{ partial "site-navigation.html" . }}
<div class="tc-l pv3 ph3 ph4-ns">
<h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
{{ .Title | default .Site.Title }}
</h1>
{{ with .Params.description }}
<h2 class="fw1 f5 f3-l white-80 measure-wide-l center lh-copy mt3 mb4">
{{ . }}
</h2>
{{ end }}
</div>
</div>
</header>
{{ end }}

26
layouts/partials/site-navigation.html Normal file
View file

@ -0,0 +1,26 @@
<nav class="pv3 ph3 ph4-ns {{ .Site.Params.navigation_dimming_class | default "bg-black-50" }}" role="navigation">
<div class="flex-l justify-between items-center center b">
<a href="{{ .Site.Home.RelPermalink }}" class="f3 fw4 hover-white no-underline white-90 dib">
{{ with .Site.Params.site_logo }}
<img src="{{ . }}" class="w100 mw5-ns" alt="{{ $.Site.Title }}" />
{{ else }}
{{ .Site.Title }}
{{ end }}
</a>
<div class="flex-l items-center">
{{ partial "i18nlist.html" . }}
{{ if .Site.Menus.main }}
<ul class="pl0 mr3">
{{ range .Site.Menus.main }}
<li class="list f5 f4-ns fw4 dib pr3">
<a class="hover-white no-underline white-90 fw4" href="{{ .URL }}" title="{{ .Name }} page">
{{ .Name }}
</a>
</li>
{{ end }}
</ul>
{{ end }}
{{ partialCached "social-follow.html" . }}
</div>
</div>
</nav>