website-theme/layouts/index.html

49 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body>
<div id="profileContainer">
<div id="profile" class="h-card">
<header class="home">
<!-- avator -->
<div class="avatar">
<img class="avatarMask u-photo" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}" alt="avatar">
<img src="{{ .Site.BaseURL }}/img/avatar-border.svg" alt="avatar-border">
</div>
<!-- author -->
<h1 class="author title p-name">{{ .Site.Params.Author }}</h1>
<a style="display: none" rel="me" class="u-url" href="https://brandonrozek.com"></a>
</header>
<!-- description -->
<p class="p-note">
{{ .Site.Params.description | safeHTML }}
</p>
<!-- navigation -->
<nav>
<ul>
{{ range .Site.Menus.main }}
<li><a href="{{ .URL }}" aria-label="{{ .Identifier }}">{{ .Pre }}<br>{{ .Name }}</a></li>
{{ end }}
</ul>
</nav>
<p>You can also find me on:</p>
<nav>
<ul>
{{ range .Site.Menus.profile }}
<li><a href="{{ .URL }}" rel="me" aria-label="{{ .Identifier }}">{{ .Pre }}<br>{{ .Name }}</a></li>
{{ end }}
</ul>
</nav>
</div>
</div>
{{- partial "footer.html" . -}}
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "{{ .Permalink }}"
}
</script>
</body>
</html>