Compare commits

..

2 commits

Author SHA1 Message Date
4ccf9395a6
more little layout tweaks 2025-04-01 13:04:51 -04:00
4858f463ad
fix codeblock tab-index issue 2025-04-01 13:04:41 -04:00
6 changed files with 40 additions and 39 deletions

View file

@ -70,11 +70,12 @@ p {
#main-nav ul {
padding: 0;
margin: 0 0 1em;
margin: 0;
display: flex;
list-style: none;
}
#main-nav li {
display: inline-block;
margin-inline-end: 0.5em;
}
@ -82,7 +83,8 @@ p {
font-family: sans-serif;
font-weight: bold;
font-size: 150%;
margin-bottom: 0.25rem;
line-height: 1.3;
margin: 0;
}
footer {
@ -91,6 +93,7 @@ footer {
header h1 {
margin: 0;
font-size: 2em;
}
header {
@ -108,11 +111,11 @@ hr {
background: var(--overlay);
}
pre code {
.chroma {
background: black;
border: 1px solid var(--overlay);
border-radius: 8px;
padding: 1em;
padding: 1rem;
display: block;
overflow-x: auto;
}

View file

@ -0,0 +1 @@
<pre class="chroma"><code class="language-{{ .Type }}" data-lang="{{ .Type }}">{{ (transform.HighlightCodeBlock .).Inner }}</code></pre>

View file

@ -1,29 +1,14 @@
<!doctype html>
<html lang="{{ .Site.Language.LanguageCode }}">
<head>
{{ partial "head.html" . }}
<!-- this is here to make sure that if we can't load CSS the icons don't totally fuck up layout -->
<style>
.icon svg {
width: 1.25em;
height: 1.25em;
}
</style>
{{ range .AlternativeOutputFormats -}} {{ printf `
{{ partial "head.html" . }} {{ range .AlternativeOutputFormats -}} {{ printf
`
<link rel="%s" type="%s" href="%s" title="%s" />
` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} {{ end -}}
</head>
<body>
<a href="#main" class="skip">Skip to content</a>
<nav id="main-nav">
<div id="site-title">{{.Site.Title}}</div>
<ul>
{{ with .Site.Menus.main }} {{ range . }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }} {{ end }}
</ul>
</nav>
{{ partial "header.html" .Site }}
<main id="main">{{ block "main" . }}{{ end }}</main>
{{ partial "footer.html" . }}
</body>

View file

@ -1,7 +1,10 @@
{{ define "main" }}
<article>
<header>
<h1>{{ .Title }}</h1>
<time datetime="{{ .Lastmod }}">{{ .Lastmod.Format "January 2, 2006" }}</time>
<time datetime="{{ .Lastmod }}"
>{{ .Lastmod.Format "January 2, 2006" }}</time
>
</header>
{{ if .Params.toc }}
<aside id="toc">
@ -10,7 +13,6 @@
{{ .TableOfContents }}
</aside>
<a id="post"></a>
{{ end }}
{{ .Content }}
{{ partial "tags.html" . }}
{{ end }} {{ .Content }} {{ partial "tags.html" . }}
</article>
{{ end }}

View file

@ -1,10 +1,10 @@
<footer>
Made with <a href="https://gohugo.io">Hugo</a>. All content is openly licensed
via
Made with <a href="https://gohugo.io">Hugo</a>. All content is licensed under
<a
href="http://creativecommons.org/licenses/by-sa/4.0/"
target="_blank"
rel="license noopener noreferrer"
>CC BY-SA 4.0</a
>
CC BY-SA 4.0
</a>
</footer>

View file

@ -0,0 +1,10 @@
<header>
<p id="site-title">{{.Title}}</p>
<nav id="main-nav">
<ul>
{{ with .Menus.main }}{{ range . }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}{{ end }}
</ul>
</nav>
</header>