en/_header.html (view raw)
1<!doctype html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <meta name="description"
6 content="personal website featuring music and art">
7 <meta name="keywords"
8 content="music, art, self-hosting, foss, openbsd">
9 <meta name="author"
10 content="la-ninpre">
11 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
12 <title></title>
13 <style>
14 body{margin:40px auto;max-width:650px;line-height:1.6;font-size:1.1em;color:#433;background:#eee;padding:0 10px}
15 h1,h2,h3{line-height:1.2}
16 header ul,footer ul{padding:0}header ul li,footer ul li{display:inline-block}
17 a{color:#33a}
18 img{max-width:100%;vertical-align:middle}
19 @media (prefers-color-scheme: dark){body{color:#ccc;background:#111}a{color:#99e}}
20 </style>
21 <link rel="icon" href="/img/icon.png" type="image/png">
22</head>
23<body>
24<header>
25<p>aaoth.xyz</p>
26<nav>
27<ul>
28<li><a href="/">home</a></li>
29<li><a href="/blog">blog</a></li>
30<li><a href="/music">music</a></li>
31<li><a href="/visual">visual</a></li>
32<li><a href="/about.html">about</a></li>
33</ul>
34</nav>
35</header>