cupper-hugo-theme/themes/infusion/layouts/_default/baseof.html
2017-07-01 11:48:01 +01:00

79 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="canonical" href="{{ .Permalink }}">
<link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%26" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
<link rel="stylesheet" href="/css/prism.css" />
<link rel="stylesheet" type="text/css" href="/css/styles.css">
<title>
{{ block "title" . }}
{{ .Title }} | {{ .Site.Title }}
{{ end }}
</title>
</head>
<body>
{{ partial "svg.html" . }}
<div class="wrapper">
<header class="intro-and-nav" role="banner">
<div>
<div class="intro">
<a class="logo" href="/" aria-label="{{ .Site.Title }} pattern library home page">
<img src="{{ .Site.BaseURL }}images/logo.png" alt="">
</a>
<p class="library-desc">{{ .Site.Params.Description | safeHTML }}</p>
</div>
<nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false">Menu</button>
{{ $current := . }}
{{ range $.Site.Home.Sections }}
<ul id="patterns-list">
{{ range .Pages.ByWeight }}
<li class="pattern">
<a href="{{ .RelPermalink }}" {{ if eq $current.Title .Title }}aria-current="page"{{ end }}>
<svg class="bookmark" aria-hidden="true" height="50" width="40" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
<span class="text">{{ .Title }}</span>
</a>
</li>
{{ end }}
{{ range .Sections.ByWeight }}
<li>
<h3>{{ .Title }}</h3>
<ul>
{{ range .Pages.ByWeight }}
<li class="pattern">
<a href="{{ .RelPermalink }}" {{ if eq $current.Title .Title }}aria-current="page"{{ end }}>
<svg class="bookmark" aria-hidden="true" height="50" width="40" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
<span class="text">{{ .Title }}</span>
</a>
</li>
{{ end }}
</ul>
</li>
{{ end }}
</ul>
{{ end }}
</nav>
</div>
</header>
<div class="main-and-footer">
<div>
{{ block "main" . }}
{{ end }}
<footer role="contentinfo">
Powered by <strong>Infusion</strong>, a <strong>The Paciello Group</strong> project<br>
For general enquiries, contact us on info@paciellogroup.com
</footer>
</div>
</div>
</div>
{{ if eq .Type "patterns" }}
<script src="/js/prism.js"></script>
{{ end }}
<script src="/js/dom-scripts.js"></script>
</body>
</html>