mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-28 21:30:27 -04:00
* prepare dark mode stuffs * themed all global colors * store preference in local storage * toggle styling * lightbulb position * minify bundled script with uglify-js instead of hugo * detect whether user has an OS-wide dark mode preference and use that by default * two different colors for each homepage link * inline bulb SVGs into stylesheet * fingerprint and cache styles for a year * fix lightbulb positioning with weird magic numbers, will come back to that * themed syntax highlighting * use terser instead of uglify-js (b/c of ES6)
15 lines
689 B
HTML
15 lines
689 B
HTML
<header>
|
|
<nav>
|
|
<a class="no-underline" href="{{ .Site.BaseURL }}" id="logo" rel="me author" aria-label="{{ .Site.Title }}">
|
|
{{ partialCached "page/logo" . }}
|
|
<h1 id="name">{{ .Site.Title }}</h1>
|
|
</a>
|
|
<ul>
|
|
{{- range .Site.Menus.main }}
|
|
<li><a class="no-underline" {{ printf "href=%q" .URL | safeHTMLAttr }} aria-label="{{ .Name }}"{{ if strings.HasPrefix .URL "http" }} target="_blank" rel="me noopener"{{ end }}><span class="icon">{{ .Pre }}</span><span class="text">{{ .Name }}</span></a></li>
|
|
{{ end -}}
|
|
<li><button id="dark-mode-toggle" title="Toggle Dark Mode" aria-label="Toggle Dark Mode"></button></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|