my website
fix incorrect uses of <main>, missing escape
+59
-59
+5
-3
src/blog/template_page.html
+5
-3
src/blog/template_page.html
···
7
7
<title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
8
8
<link rel="stylesheet" href="$backtoblogroot$/../style.css">
9
9
<style>
10
-
main {
10
+
#post-body {
11
11
max-width: 50rem;
12
12
text-align: justify;
13
13
}
···
39
39
<li><a href="$backtoblogroot$/">blog</a></li>
40
40
</ul>
41
41
</nav>
42
+
<main>
42
43
<article>
43
44
$for(include-before)$
44
45
$include-before$
···
61
62
$endif$
62
63
</header>
63
64
$endif$
64
-
<main>
65
+
<div id="post-body">
65
66
$body$
66
-
</main>
67
+
</div>
67
68
$for(include-after)$
68
69
$include-after$
69
70
$endfor$
70
71
</article>
72
+
</main>
71
73
</body>
72
74
</html>
+54
-56
src/index.html
+54
-56
src/index.html
···
60
60
<link rel="me" href="https://wetdry.world/@chfour"> <!-- old fedi acc -->
61
61
</head>
62
62
<body>
63
-
<article>
64
-
<img id="fops" src="platinum_fop_45_o.svg" alt="" width="250" height="250">
65
-
<main>
66
-
<ul class="inline-list slashed" style="max-width: 30rem; line-height: 1.2; text-align: justify;">
67
-
<li>Linux, Nix & NixOS</li>
68
-
<li>C, Python, HTML+CSS and co</li>
69
-
<li>electronics, "embedded" & test gear</li>
70
-
<li>RF (incl. amateur radio)</li>
71
-
<li>time and frequency metrology</li>
72
-
<li>trains and almost everything surrounding trains</li>
73
-
<li>very amateur photography</li>
74
-
</ul>
63
+
<img id="fops" src="platinum_fop_45_o.svg" alt="" width="250" height="250">
64
+
<main>
65
+
<ul class="inline-list slashed" style="max-width: 30rem; line-height: 1.2; text-align: justify;">
66
+
<li>Linux, Nix & NixOS</li>
67
+
<li>C, Python, HTML+CSS and co</li>
68
+
<li>electronics, "embedded" & test gear</li>
69
+
<li>RF (incl. amateur radio)</li>
70
+
<li>time and frequency metrology</li>
71
+
<li>trains and almost everything surrounding trains</li>
72
+
<li>very amateur photography</li>
73
+
</ul>
75
74
76
-
<p>high ambitions, low energy, hoarder of junk</p>
77
-
<p>exceptionally uncreative</p>
78
-
<p>gender outage, (she|it)>they, some flavor(s) of queer. taken <3</p>
79
-
<p>ΘΔ [platinum] fox, furry</p>
80
-
<p>19 years old and counting</p>
81
-
<p>from Silesia, Poland<span id="timenow"></span></p>
75
+
<p>high ambitions, low energy, hoarder of junk</p>
76
+
<p>exceptionally uncreative</p>
77
+
<p>gender outage, (she|it)>they, some flavor(s) of queer. taken <3</p>
78
+
<p>ΘΔ [platinum] fox, furry</p>
79
+
<p>19 years old and counting</p>
80
+
<p>from Silesia, Poland<span id="timenow"></span></p>
82
81
83
-
<p>known as <b>chfour</b></p>
82
+
<p>known as <b>chfour</b></p>
84
83
85
-
<ul class="inline-list" id="links">
86
-
<li><a rel="me" href="https://merping.synth.download/@chfour">
87
-
<span>fediverse</span>
88
-
<span>@chfour@merping.synth.download</span>
89
-
</a></li>
90
-
<li><a href="https://bsky.app/profile/eeep.ee">
91
-
<span>bluesky</span>
92
-
<span>@eeep.ee (bridged)</span>
93
-
</a></li>
94
-
<li><a href="https://signal.me/#eu/uwW5t81nJulRdHjWEkNUE2omPv9HzXhzUzar2yvP14ULx50MgdZBwpxrhWX3RfA3">
95
-
<span>signal</span>
96
-
<span>chfour.32</span>
97
-
</a></li>
98
-
<li><a href="discord.html">
99
-
<span>discord</span>
100
-
<span>ch4</span>
101
-
</a></li>
102
-
<li><a href="https://github.com/chfour">
103
-
<span>github</span>
104
-
<span>chfour</span>
105
-
</a></li>
106
-
<li><a href="https://files.eeep.ee/">
107
-
<span>file dumpster</span>
108
-
<span>files.eeep.ee</span>
109
-
</a></li>
110
-
<li><a href="blog/">
111
-
<span>"blog"</span>
112
-
<span>& rants & projects</span>
113
-
</a></li>
114
-
</ul>
115
-
</main>
116
-
<footer>
117
-
<a id="src" href="https://github.com/chfour/website3" aria-label="website source" title="website source">
118
-
<code>/nix/store/VERY5p3c14lsecretv4luereplaceme0-chfour-website</code>
119
-
</a>
120
-
</footer>
121
-
</article>
84
+
<ul class="inline-list" id="links">
85
+
<li><a rel="me" href="https://merping.synth.download/@chfour">
86
+
<span>fediverse</span>
87
+
<span>@chfour@merping.synth.download</span>
88
+
</a></li>
89
+
<li><a href="https://bsky.app/profile/eeep.ee">
90
+
<span>bluesky</span>
91
+
<span>@eeep.ee (bridged)</span>
92
+
</a></li>
93
+
<li><a href="https://signal.me/#eu/uwW5t81nJulRdHjWEkNUE2omPv9HzXhzUzar2yvP14ULx50MgdZBwpxrhWX3RfA3">
94
+
<span>signal</span>
95
+
<span>chfour.32</span>
96
+
</a></li>
97
+
<li><a href="discord.html">
98
+
<span>discord</span>
99
+
<span>ch4</span>
100
+
</a></li>
101
+
<li><a href="https://github.com/chfour">
102
+
<span>github</span>
103
+
<span>chfour</span>
104
+
</a></li>
105
+
<li><a href="https://files.eeep.ee/">
106
+
<span>file dumpster</span>
107
+
<span>files.eeep.ee</span>
108
+
</a></li>
109
+
<li><a href="blog/">
110
+
<span>"blog"</span>
111
+
<span>& rants & projects</span>
112
+
</a></li>
113
+
</ul>
114
+
</main>
115
+
<footer>
116
+
<a id="src" href="https://github.com/chfour/website3" aria-label="website source" title="website source">
117
+
<code>/nix/store/VERY5p3c14lsecretv4luereplaceme0-chfour-website</code>
118
+
</a>
119
+
</footer>
122
120
<script>
123
121
const timenow = document.getElementById("timenow");
124
122
const formatter = new Intl.DateTimeFormat("pl-PL", {timeZone: "Europe/Warsaw", timeStyle: "short"});