websites_sum7-eu/layouts/partials/header.html

60 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<title>{{ if ne .URL "/" }}{{ .Title }} &middot; {{ end }}{{ .Site.Title }}</title>
<link rel="shortcut icon" href="{{ .Site.BaseURL }}/img/favicon.ico" />
<link rel="apple-touch-icon" href="{{ .Site.BaseURL }}/img/apple-touch-icon.jpg" />
<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/style.css" />
<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/font-awesome.min.css" />
</head>
<body>
{{ if isset .Params "image" }}
<header class="header" style="background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url({{ .Site.BaseURL }}{{.Params.image }}) 49.9% 49.9% / cover;" role="banner">
{{"<!-- FeaturedImage. Otherwise show default //-->" | safeHTML}}
{{ else }}
<header class="header" style="background-color: #f4a12c;
background-image: url({{ .Site.BaseURL }}/img/texture.png),linear-gradient(to bottom, #f4a12c, #d37e06);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner">
{{ end }}
<section id="branding">
<div id="site-title"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></div>
<nav id="mainmenu">
<ul>
<li><a href="{{ .Site.BaseURL }}">Home</a></li>
<li><a href="{{ .Site.BaseURL }}/post">Blog</a></li>
{{ range .Site.Pages }}
{{ if and .IsPage (eq .Type "page") }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
{{ end }}
</ul>
</nav>
<input type="checkbox" id="op"></input>
<div class="lower">
<label for="op">Menu</label>
</div>
<div class="overlay overlay-hugeinc">
<label for="op"></label>
<nav id="menu" role="navigation">
<ul>
<li><a href="{{ .Site.BaseURL }}">Home</a></li>
<li><a href="{{ .Site.BaseURL }}/post">Blog</a></li>
{{ range .Site.Pages }}
{{ if and .IsPage (eq .Type "page") }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
{{ end }}
</ul>
</nav>
</div>
<div class="clearfix"></div>
</section>
<div class="post-heading">
<h1>{{ if and ($.IsNode) (eq $.Section "") }} {{ .Site.Title }} {{ else }} {{ .Title }} {{ end }} </h1>
</div>
</header>
<div id="container">