head.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<!DOCTYPE html>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/m/interesting3.png">
<style>
body {font-family: sans-serif;font-size:larger;max-width:60ch;margin:auto}
body {background-image: url("/bg.png")}
h1 {color:#e79e00; text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;}
section {margin:20px 0;padding:20px;border-radius:20px;border:1px solid rebeccapurple;background-color:white}

header {border: 2px solid black;max-width:100%;margin:1em;background-color:white}
header {display:grid;grid-template-columns:1fr 3fr;}
#me {max-width:100%;grid-row: 1/3;grid-column:1;margin:auto}
header * {margin:auto}
header p {padding:1em}

.breadcrumb {font-size:smaller;}
.breadcrumb ol {list-style:none;padding-left:1em}
.breadcrumb li {display:inline;}
.breadcrumb li+li::before {content:"|\00a0";padding:4px;}

.postlist li {list-style:none;}
.postlist time {color:#555;font-style:italic}
</style>