algmyr.se
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <meta name="date" content='$date-meta$'>
6 <title>$title$</title>
7 <style>
8 @import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans+Condensed:wght@300;500&display=swap');
9 html, body {
10 width: 100%;
11 height: 100%;
12 margin: 0;
13 padding: 0;
14 }
15
16 h1, h2, h3, h4, h5, h6 {
17 font-family: 'Fira Sans Condensed', sans-serif;
18 font-weight: 500;
19 }
20 h1 { font-size: 20pt; }
21 h2 { font-size: 16pt; }
22 h3 { font-size: 12pt; }
23 h4, h5, h6 { font-size: 13pt; }
24
25
26 body {
27 background: #242424;
28 width: 100%;
29 min-height: 100%;
30 font-family: 'Fira Sans Condensed', sans-serif;
31 font-weight: 300;
32 }
33
34 article {
35 background: whitesmoke;
36 color: #303030;
37 margin: 0 auto;
38 padding: 0.666rem 2rem;
39 width: 40rem;
40 }
41
42 code {
43 font-family: 'Fira Code', monospace;
44 font-size: 0.8em;
45 border: 1pt solid #bbbbbb;
46 background: #eeeeee;
47 border-radius: 3pt;
48 padding: 0 0.16666em;
49 }
50
51 main { align-self: center; }
52
53 header, footer {
54 background: #242424;
55 text-align: center;
56 color: #CCCCCC;
57 padding: 0.333rem;
58 }
59 </style>
60 </head>
61 <body>
62 <article>
63 <main>
64$body$
65 <main>
66 </article>
67 <footer>
68 <p>$footer$</p>
69 </footer>
70 </body>
71</html>