< !DOCTYPE html > < html dir = “auto” >
<
head >
<
title > [
[safe_title]
] < /title> <
meta charset = "UTF-8" >
<
meta name = "viewport"
content = “width=device-width, initial-scale=1” > < style > @charset “utf-8”;
: root { –main - bg - color: #000056; –main-color: # ffe8bd; –alternate - bg - color: #1c0021; –alternate-color: # fff4e6; –main - border - color: #f43f32; –link - color: #36fd63; }
html { font - size: 100 % ; font - family: -apple - system, BlinkMacSystemFont, “helvetica neue”, helvetica, roboto, noto, “segoe ui”, arial, sans - serif; line - height: 1.4; }
body { margin: 0; padding: 1e m; background - color: var (–main - bg - color); color: var (–main - color); }
@media(max - device - width: 480 px) {}
@media(min - device - width: 481 px) { body { margin: auto; max - width: 600 px; } }
blockquote { font - style: italic; margin: 1.5e m 2e m; padding: 1e m; background - color: var (–alternate - bg - color); color: var (–alternate - color); }
a { color: var (–link - color); } pre { display: block; overflow: scroll; width: 100 % ; background - color: var (–alternate - bg - color); padding: .5e m 1e m; margin: 1e m 0; }
code { background - color: var (–alternate - bg - color); color: var (–alternate - color); font - family: Menlo, Courier, sans - serif; padding: 2 px 3 px; }
table { margin: 1.5e m 0; border: 1 px solid var (–main - border - color); border - collapse: collapse; }
th { padding: .25e m .5e m; background: var (–alternate - bg - color); border: 1 px solid var (–main - border - color); }
td { padding: .25e m .5e m; border: 1 px solid var (–main - border - color); }
img { max - width: 90 % ; } < /style> < /head>
< body > % % [ [draft] ] % % < /body>
<
footer >
<
p > < a href = "https://twitter.com/NeoYokel" > Twitter < /a> - <a href="https:/ / mastodon.social / @DavidBlue ">Mastodon</a> - <a href="
https: //t.me/davidblue">Telegram - Local
< /footer> < /html>