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