diff --git a/css/default.css b/css/default.css index 588c950..64e3f47 100644 --- a/css/default.css +++ b/css/default.css @@ -1,94 +1,94 @@ @font-face { - font-family: 'Arvo'; + font-family: "Arvo"; font-style: normal; - src: url('../fonts/Arvo-Regular.woff2') format('woff2'); + src: url("../fonts/Arvo-Regular.woff2") format("woff2"); } @font-face { - font-family: 'Arvo'; + font-family: "Arvo"; font-weight: bold; - src: url('../fonts/Arvo-Bold.woff2') format('woff2'); + src: url("../fonts/Arvo-Bold.woff2") format("woff2"); } @font-face { - font-family: 'Arvo'; + font-family: "Arvo"; font-style: italic; - src: url('../fonts/Arvo-Italic.woff2') format('woff2'); + src: url("../fonts/Arvo-Italic.woff2") format("woff2"); } @font-face { - font-family: 'Arvo'; + font-family: "Arvo"; font-weight: bold; font-style: italic; - src: url('../fonts/Arvo-BoldItalic.woff2') format('woff2'); + src: url("../fonts/Arvo-BoldItalic.woff2") format("woff2"); } @font-face { - font-family: 'Lato'; - font-style: normal; - src: url('../fonts/Lato-Regular.woff2') format('woff2'); -} - -@font-face { - font-family: 'Lato'; - font-weight: bold; - src: url('../fonts/Lato-Bold.woff2') format('woff2'); -} - -@font-face { - font-family: 'Lato'; - font-style: italic; - src: url('../fonts/Lato-Italic.woff2') format('woff2'); -} - -@font-face { - font-family: 'Lato'; - font-weight: bold; - font-style: italic; - src: url('../fonts/Lato-BoldItalic.woff2') format('woff2'); -} - -@font-face { - font-family: 'Quantico'; + font-family: "Lato"; font-style: normal; - src: url('../fonts/Quantico-Regular.woff2') format('woff2'); + src: url("../fonts/Lato-Regular.woff2") format("woff2"); } @font-face { - font-family: 'Quantico'; + font-family: "Lato"; font-weight: bold; - src: url('../fonts/Quantico-Bold.woff2') format('woff2'); + src: url("../fonts/Lato-Bold.woff2") format("woff2"); } @font-face { - font-family: 'Quantico'; + font-family: "Lato"; font-style: italic; - src: url('../fonts/Quantico-Italic.woff2') format('woff2'); + src: url("../fonts/Lato-Italic.woff2") format("woff2"); } @font-face { - font-family: 'Quantico'; + font-family: "Lato"; font-weight: bold; font-style: italic; - src: url('../fonts/Quantico-BoldItalic.woff2') format('woff2'); + src: url("../fonts/Lato-BoldItalic.woff2") format("woff2"); +} + +@font-face { + font-family: "Quantico"; + font-style: normal; + src: url("../fonts/Quantico-Regular.woff2") format("woff2"); +} + +@font-face { + font-family: "Quantico"; + font-weight: bold; + src: url("../fonts/Quantico-Bold.woff2") format("woff2"); +} + +@font-face { + font-family: "Quantico"; + font-style: italic; + src: url("../fonts/Quantico-Italic.woff2") format("woff2"); +} + +@font-face { + font-family: "Quantico"; + font-weight: bold; + font-style: italic; + src: url("../fonts/Quantico-BoldItalic.woff2") format("woff2"); } @font-family { - font-family: 'Monoid'; + font-family: "Monoid"; font-style: normal; - src: url('../fonts/Monoid-Regular.woff2') format('woff2'); + src: url("../fonts/Monoid-Regular.woff2") format("woff2"); } @font-face { - font-family: 'Monoid'; + font-family: "Monoid"; font-weight: bold; - src: url('../fonts/Monoid-Bold.woff2') format('woff2'); + src: url("../fonts/Monoid-Bold.woff2") format("woff2"); } @font-family { - font-family: 'Monoid'; + font-family: "Monoid"; font-style: italic; - src: url('../fonts/Monoid-Italic.woff2') format('woff2'); + src: url("../fonts/Monoid-Italic.woff2") format("woff2"); } :root { @@ -163,11 +163,18 @@ body { word-wrap: break-word; } -h1, h2, h3 { +h1, +h2, +h3 { color: var(--overlay2); } -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { font-family: "Arvo", serif; font-weight: normal; } @@ -177,18 +184,19 @@ header { margin: 4.2rem 0; } -main a, footer a { +main a, +footer a { color: var(--sky); } main a:not(.footnote-ref):hover, main .footnote-ref *:hover, -footer a:hover{ +footer a:hover { color: var(--base); background: var(--sky); } -.subdomains li a:hover { +#subdomains li a:hover { background: none !important; } @@ -197,7 +205,8 @@ a { font-family: "Quantico", monospace; } -a:hover, a *:hover { +a:hover, +a *:hover { transition-duration: 0.1s; } @@ -249,12 +258,12 @@ article .post-header { color: var(--text); } -.nattopages { +#nattopages { text-align: center; margin: 1rem auto 3rem; } -.nattopages a { +#nattopages a { font-weight: bold; font-family: "Monoid"; font-size: 3rem; @@ -280,7 +289,7 @@ article > section { } pre { - font-family: 'Monoid', monospace; + font-family: "Monoid", monospace; padding: 2rem; border-radius: 1rem; border-left: 0.5rem solid var(--sapphire); @@ -295,7 +304,8 @@ pre { width: max-content; } -img, video { +img, +video { max-width: 100%; } @@ -303,7 +313,7 @@ img, video { max-width: 100%; position: relative; height: 0; - padding-bottom: 56.25% + padding-bottom: 56.25%; } .iframe-parent iframe { @@ -314,6 +324,14 @@ img, video { height: 100%; } +#sticker { + bottom: -2em; + left: -2em; + position: fixed; + z-index: 9999; + transform: rotate(45deg); +} + @media (max-width: 319px) { body { width: 90%; @@ -324,16 +342,16 @@ img, video { footer { text-align: center; } - + nav { flex-direction: column; } - + nav a { display: block; line-height: 1.6; } - + .toc { padding: 1rem; } @@ -361,6 +379,10 @@ img, video { } @media (max-width: 639px) { + #sticker { + display: none; + } + nav { flex-direction: column; } diff --git a/css/highlight.css b/css/highlight.css index c6fb337..2c195d3 100644 --- a/css/highlight.css +++ b/css/highlight.css @@ -1,30 +1,97 @@ -pre code { color: var(--subtext0); } -code span.kw { color: var(--green); } /* Keyword */ -code span.dt { color: var(--yellow); } /* DataType */ -code span.dv { color: var(--sapphire); } /* DecVal */ -code span.bn { color: var(--sapphire); } /* BaseN */ -code span.fl { color: var(--sapphire); } /* Float */ -code span.ch { color: var(--sapphire); } /* Char */ -code span.st { color: var(--sapphire); } /* String */ -code span.co { color: var(--text); font-style: italic; } /* Comment */ -code span.ot { color: var(--sky); } /* Other */ -code span.al { color: var(--maroon); } /* Alert */ -code span.fu { color: var(--sky); } /* Function */ -code span.cn { color: var(--sapphire); } /* Constant */ -code span.sc { color: var(--maroon); } /* SpecialChar */ -code span.vs { color: var(--subtext0); } /* VerbatimString */ -code span.ss { color: var(--maroon); } /* SpecialString */ -code span.im { color: var(--subtext0); } /* Import */ -code span.va { color: var(--sky); } /* Variable */ -code span.cf { color: var(--green); } /* ControlFlow */ -code span.op { color: var(--green); } /* Operator */ -code span.bu { color: var(--subtext0); } /* BuiltIn */ -code span.ex { color: var(--subtext0); } /* Extension */ -code span.pp { color: var(--peach); } /* Preprocessor */ -code span.at { color: var(--subtext0); } /* Attribute */ -code span.er { color: var(--maroon); } /* Error */ -code span.wa { color: var(--peach); font-style: italic; } /* Warning */ -code span.do { color: var(--text); font-style: italic; } /* Documentation */ -code span.an { color: var(--text); font-style: italic; } /* Annotation */ -code span.cv { color: var(--text); font-style: italic; } /* CommentVar */ -code span.in { color: var(--text); font-weight:normal; font-style: normal; } /* Information */ +pre code { + color: var(--subtext0); +} +code span.kw { + color: var(--green); +} /* Keyword */ +code span.dt { + color: var(--yellow); +} /* DataType */ +code span.dv { + color: var(--sapphire); +} /* DecVal */ +code span.bn { + color: var(--sapphire); +} /* BaseN */ +code span.fl { + color: var(--sapphire); +} /* Float */ +code span.ch { + color: var(--sapphire); +} /* Char */ +code span.st { + color: var(--sapphire); +} /* String */ +code span.co { + color: var(--text); + font-style: italic; +} /* Comment */ +code span.ot { + color: var(--sky); +} /* Other */ +code span.al { + color: var(--maroon); +} /* Alert */ +code span.fu { + color: var(--sky); +} /* Function */ +code span.cn { + color: var(--sapphire); +} /* Constant */ +code span.sc { + color: var(--maroon); +} /* SpecialChar */ +code span.vs { + color: var(--subtext0); +} /* VerbatimString */ +code span.ss { + color: var(--maroon); +} /* SpecialString */ +code span.im { + color: var(--subtext0); +} /* Import */ +code span.va { + color: var(--sky); +} /* Variable */ +code span.cf { + color: var(--green); +} /* ControlFlow */ +code span.op { + color: var(--green); +} /* Operator */ +code span.bu { + color: var(--subtext0); +} /* BuiltIn */ +code span.ex { + color: var(--subtext0); +} /* Extension */ +code span.pp { + color: var(--peach); +} /* Preprocessor */ +code span.at { + color: var(--subtext0); +} /* Attribute */ +code span.er { + color: var(--maroon); +} /* Error */ +code span.wa { + color: var(--peach); + font-style: italic; +} /* Warning */ +code span.do { + color: var(--text); + font-style: italic; +} /* Documentation */ +code span.an { + color: var(--text); + font-style: italic; +} /* Annotation */ +code span.cv { + color: var(--text); + font-style: italic; +} /* CommentVar */ +code span.in { + color: var(--text); + font-weight: normal; + font-style: normal; +} /* Information */ diff --git a/images/personal/nyn.webp b/images/personal/nyn.webp new file mode 100644 index 0000000..d89cbc9 Binary files /dev/null and b/images/personal/nyn.webp differ diff --git a/index.html b/index.html index 22ba4a0..ce0d7ef 100644 --- a/index.html +++ b/index.html @@ -2,5 +2,6 @@ title: Home home: true --- -

Welcome

+ +

Welcome

Hello, I post stuff here. Check the archive. diff --git a/templates/archive.html b/templates/archive.html index c984fec..e3649cd 100644 --- a/templates/archive.html +++ b/templates/archive.html @@ -1,7 +1,5 @@ -

-

Here you can find all my previous posts:

-

+

Here you can find all my previous posts:

$partial("templates/post-list.html")$ -

Tags

+

Tags

$tags$
diff --git a/templates/dailies.html b/templates/dailies.html index 96a45d0..711982c 100644 --- a/templates/dailies.html +++ b/templates/dailies.html @@ -1,16 +1,13 @@ You have stumbled upon a relic of the past that I never maintained. -
+
$for(today)$ -
-

$title$

-
- $body$ -
-
-
+
+

$title$

+
$body$
+
+
$endfor$ -

-

Previous Dailies:

-

+

Previous Dailies:

+ $partial("templates/post-list.html")$ diff --git a/templates/default.html b/templates/default.html index 762f205..7b29d98 100644 --- a/templates/default.html +++ b/templates/default.html @@ -1,46 +1,64 @@ - - - - - nattopages - $title$ - - - - -
-
- nattopages -
- -
+ + + + + nattopages - $title$ + + + + +
+ + +
-
- $body$ -
+
$body$
- - + + + diff --git a/templates/post-list.html b/templates/post-list.html index db3b496..54e7ed2 100644 --- a/templates/post-list.html +++ b/templates/post-list.html @@ -1,7 +1,5 @@ diff --git a/templates/post.html b/templates/post.html index 1d089b5..9e0bcc6 100644 --- a/templates/post.html +++ b/templates/post.html @@ -1,19 +1,10 @@
-

$title$

-
- Posted on $date$ - $if(author)$ - by $author$ - $endif$
- $if(tags)$ - Tags: $tags$ - $endif$
- $if(modified)$ - Last modified on $modified$ - $endif$ -
-
-
- $body$ -
+

$title$

+
+ Posted on $date$ $if(author)$ by $author$ $endif$
+ $if(tags)$ Tags: $tags$ $endif$
+ $if(modified)$ Last modified on $modified$ $endif$ +
+
+
$body$
diff --git a/templates/tag.html b/templates/tag.html index 7e12fd9..3e06ca3 100644 --- a/templates/tag.html +++ b/templates/tag.html @@ -1,2 +1,3 @@ -Here are all the posts marked with tag $tag$: +Here are all the posts marked with tag +$tag$: $partial("templates/post-list.html")$