eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Re-mark up the site heading

Browse source
This commit is contained in:
Eryn Wells 2022-09-11 10:42:15 -07:00
parent 8f63f7c119
commit 0bbcda8032
2 changed files with 26 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

44
layouts/partials/header.html
View file

@ -1,27 +1,27 @@
<header class="header"> <header class="site">
<div class="title-and-menu"> <div class="platter">
<h1><a class="site-name" href="{{ `` | absURL }}">Eryn Wells</a></h1> <div class="grid">
<h1 class="site">
<a class="site-name" href="{{ `` | absURL }}">Eryn Wells</a>
</h1>
{{ $url := .RelPermalink }} {{ $url := .RelPermalink }}
{{ with site.Menus.main }} {{ with site.Menus.main }}
<nav class="menu"> <nav class="site bulleted">
<menu> {{ range . }}
{{ range . }}
<li><a class="{{ if eq .URL $url }}active{{ end }}" href="{{ .URL }}"><span>{{ .Name }}</span></a></li> <li><a class="{{ if eq .URL $url }}active{{ end }}" href="{{ .URL }}"><span>{{ .Name }}</span></a></li>
{{ end }}
</nav>
{{ end }} {{ end }}
</menu>
</nav>
{{ end }}
</div>
<nav class="social"> <nav class="site social">
<menu> <li><a style="--url: var(--twitter-icon)" href="https://twitter.com/erynofwales" target="_blank" aria-label="twitter"><span>tw</span></a></li>
<li><a style="--url: var(--twitter-icon)" href="https://twitter.com/erynofwales" target="_blank" aria-label="twitter"><span>tw</span></a></li> <li><a style="--url: var(--github-icon)" href="https://github.com/erynofwales" target="_blank" aria-label="github"><span>gh</span></a></li>
<li><a style="--url: var(--github-icon)" href="https://github.com/erynofwales" target="_blank" aria-label="github"><span>gh</span></a></li> <li><a style="--url: var(--instagram-icon)" href="https://instagram.com/erynofwales" target="_blank" aria-label="instagram"><span>ig</span></a></li>
<li><a style="--url: var(--instagram-icon)" href="https://instagram.com/erynofwales" target="_blank" aria-label="instagram"><span>ig</span></a></li> {{ with .OutputFormats.Get "rss" }}
{{ with .OutputFormats.Get "rss" }} <li><a style="--url: var(--rss-icon)" href="{{ .RelPermalink }}" aria-label="rss"><span>rss</span></a></li>
<li><a style="--url: var(--rss-icon)" href="{{ .RelPermalink }}" aria-label="rss"><span>rss</span></a></li> {{ end }}
{{ end }} </nav>
</menu> </div>
</nav> </div>
</header> </header>

4
static/styles/root.css
View file

@ -99,6 +99,7 @@ header.site {
header.site h1 { header.site h1 {
font-family: var(--font-family-site-heading); font-family: var(--font-family-site-heading);
margin: 0;
} }
header.site .grid { header.site .grid {
@ -136,6 +137,9 @@ nav.site li {
display: block; display: block;
margin-inline-end: 0.5em; margin-inline-end: 0.5em;
} }
nav.site .active {
font-weight: bold;
}
nav.bulleted li:first-child::before { nav.bulleted li:first-child::before {
content: ""; content: "";