publish about, this, now, contact, disclaimer

This commit is contained in:
sorrel 2023-12-24 20:57:02 -05:00
parent 5805e5e769
commit 77df98c01b
24 changed files with 108 additions and 197 deletions

View file

@ -1,3 +1,9 @@
24/12/2023
- published about sections
TODO:
- modify publish script to ensure rollback on failure
- create update script to publish updates to existing posts
21/12/2023
- broke "about" into smaller sections and linked from "/"
- removed "about" from header - now just [settled | unsettled | feed]

1
.gitignore vendored
View file

@ -4,3 +4,4 @@ sorrel/**
deploy-dir/**
tool/**
publish-test/**
compiled/**

View file

@ -1,3 +1,11 @@
24/12/2023
- posted:
- this
- now
- about
- contact
- very-earnest-disclaimer
21/12/2023
- beginning latl effectively finished and ready for post once ci is fixed
- projects to write about

52
archive/about.txt Normal file
View file

@ -0,0 +1,52 @@
(section
(h2 "a λ.functional λ.gay")
(p "i'm a gay lil nerd who's learning everyday about community, and ecology,
and computer; and trying hard to be good for the world with my gay lil
friends")
(p "i was named after "
(a ((href "https://plants.usda.gov/home/plantProfile?symbol=OXOR"))
"a plant called sorrel")
" and i live in the mountains of southern appalachia on "
(span ((lang "chr")) "ᏣᎳᎩ")
" (tsalagi/cherokee) land. i live with some cats and a whole mess of plants
(most of them food) and a cordswain and i have sweet neighbors")
(p
"i have never identified with the term 'hacker' but i have learned, in the
past few years, that i do like to orchestrate computer machines and i do
that with some cute friends at "
(a ((href "https://bunk.computer"))
"bunk computer club"))
(p "some random things i believe/ i like/ i am/etc (in no particular order")
;; about me bullets
(ul
;; language bullet
(li (p "i like linguistics a whole lot. "
(span
((class "hx-target"))
(a ((href "/tagged/conlang")
(hx-get "/hx/tagged/conlang")
(hx-target "closest span.hx-target")
; swap for a tag? just a lil list inside a list?
(hx-swap "innerHTML"))
"i make languages (the human kind) for fun."))
" there's a whole bunch of people who do this! "
(a ((href "https://conlang.org/"))
"the language creation society")
" i'm even working on a "
(span
((class "hx-target"))
(a ((href "/tagged/latl")
(hx-get "/hx/tagged/latl")
(hx-target "closest span.hx-target")
(hx-swap "innerHTML"))
"language (computer) to make languages (human)"))))
;; mmt bullet
(li (p "mmt, but make it anarchist "
(small "and get rid of all that \"sovereignty\" stuff, ew")))
;; neuroqueer bullet
(li (p "got a spicy brained, trans lady-fied experience.
i have feelings about these things that inevitably weave thru
my projects and art and all that"))
;; art bullet
(li (p "i used to make a lot more visual art than i do these days. some
sort of smth'll wind up here at some point"))))

View file

@ -33,4 +33,10 @@
(p (a ((href "https://git.bunk.computer/oxaliq/sorrel.dev/src/branch/main/.idea-log"))
"you can read about my vague plans here"))
(p (a ((href "https://git.bunk.computer/oxaliq/sorrel.dev/src/branch/main/in-progress"))
"or read works in progress here")))
"or read works in progress here"))
(p
"the image in the header is a crop of the work "
(em "'Oxalis acetosella', Otto Wilhelm Thomé (1885)")
" run through a generation tool on "
(a ((href "https://www.asciiart.eu/"))
"this ascii art archive")))

View file

@ -1,2 +1,8 @@
title,link,summary,published,updated
now,https://sorrel.dev/now,what the author of this site is up to,2023-12-24T19:45:57
contact,https://sorrel.dev/contact,how to talk to sorrel,2023-12-24T19:45:11
disclaimer,https://sorrel.dev/very-earnest-disclaimer,a very earnest disclaimer,2023-12-24T19:43:23
this,https://sorrel.dev/this,the site this bitch made,2023-12-24T19:41:47
about,https://sorrel.dev/about,the bitch who made this site,2023-12-24T19:15:34
about,https://sorrel.dev/about,the bitch who made this site,2023-12-24T19:11:35
Beginning LATL,https://sorrel.dev/unsettled/1,beginning the process of thinking through an environment for conlanging and other language shenanigans,2023-12-04T15:20:53
1 title,link,summary,published,updated
2 now,https://sorrel.dev/now,what the author of this site is up to,2023-12-24T19:45:57
3 contact,https://sorrel.dev/contact,how to talk to sorrel,2023-12-24T19:45:11
4 disclaimer,https://sorrel.dev/very-earnest-disclaimer,a very earnest disclaimer,2023-12-24T19:43:23
5 this,https://sorrel.dev/this,the site this bitch made,2023-12-24T19:41:47
6 about,https://sorrel.dev/about,the bitch who made this site,2023-12-24T19:15:34
7 about,https://sorrel.dev/about,the bitch who made this site,2023-12-24T19:11:35
8 Beginning LATL,https://sorrel.dev/unsettled/1,beginning the process of thinking through an environment for conlanging and other language shenanigans,2023-12-04T15:20:53

View file

@ -1 +1,6 @@
id,headline,description,history->
now,now,what the author of this site is up to,2023-12-24T19:45:57
contact,contact,how to talk to sorrel,2023-12-24T19:45:11
very-earnest-disclaimer,disclaimer,a very earnest disclaimer,2023-12-24T19:43:23
this,this,the site this bitch made,2023-12-24T19:41:47
about,about,the bitch who made this site,2023-12-24T19:15:34

1 id headline description history->
2 now now what the author of this site is up to 2023-12-24T19:45:57
3 contact contact how to talk to sorrel 2023-12-24T19:45:11
4 very-earnest-disclaimer disclaimer a very earnest disclaimer 2023-12-24T19:43:23
5 this this the site this bitch made 2023-12-24T19:41:47
6 about about the bitch who made this site 2023-12-24T19:15:34

View file

@ -1,3 +1,2 @@
tags,->
latl,unsettled/1
conlang,unsettled/1
about,root/now,root/contact,root/very-earnest-disclaimer,root/this,root/about

1 tags tags,-> ->
2 latl about,root/now,root/contact,root/very-earnest-disclaimer,root/this,root/about unsettled/1
conlang unsettled/1

View file

@ -317,9 +317,11 @@
(close-output-port out))
(error "couldn't obtain file lock on ~a" out))
;; update 'resource/index
(write-new-resource/index r new-res-table #:test (if x #t #f))
;; update 'resource/index (unless root)
(if (equal? r "root")
(displayln "skipping write-new-resource/index")
(write-new-resource/index r new-res-table #:test (if x #t #f)))
;; update feed table
(define atom-table (csv->list
@ -347,8 +349,7 @@
(define feed-out
(open-output-file (if x "publish-test/source/feed.atom"
"source/feed.atom")
;; need to remove this and just replace once testing is done
#:exists (if x 'replace 'error)))
#:exists 'replace))
(if (port-try-file-lock? feed-out 'exclusive)
(begin
(display

View file

@ -1,52 +1 @@
(section
(h2 "a λ.functional λ.gay")
(p "i'm a gay lil nerd who's learning everyday about community, and ecology,
and computer; and trying hard to be good for the world with my gay lil
friends")
(p "i was named after "
(a ((href "https://plants.usda.gov/home/plantProfile?symbol=OXOR"))
"a plant called sorrel")
" and i live in the mountains of southern appalachia on "
(span ((lang "chr")) "ᏣᎳᎩ")
" (tsalagi/cherokee) land. i live with some cats and a whole mess of plants
(most of them food) and a cordswain and i have sweet neighbors")
(p
"i have never identified with the term 'hacker' but i have learned, in the
past few years, that i do like to orchestrate computer machines and i do
that with some cute friends at "
(a ((href "https://bunk.computer"))
"bunk computer club"))
(p "some random things i believe/ i like/ i am/etc (in no particular order")
;; about me bullets
(ul
;; language bullet
(li (p "i like linguistics a whole lot. "
(span
((class "hx-target"))
(a ((href "/tagged/conlang")
(hx-get "/hx/tagged/conlang")
(hx-target "closest span.hx-target")
; swap for a tag? just a lil list inside a list?
(hx-swap "innerHTML"))
"i make languages (the human kind) for fun."))
" there's a whole bunch of people who do this! "
(a ((href "https://conlang.org/"))
"the language creation society")
" i'm even working on a "
(span
((class "hx-target"))
(a ((href "/tagged/latl")
(hx-get "/hx/tagged/latl")
(hx-target "closest span.hx-target")
(hx-swap "innerHTML"))
"language (computer) to make languages (human)"))))
;; mmt bullet
(li (p "mmt, but make it anarchist "
(small "and get rid of all that \"sovereignty\" stuff, ew")))
;; neuroqueer bullet
(li (p "got a spicy brained, trans lady-fied experience.
i have feelings about these things that inevitably weave thru
my projects and art and all that"))
;; art bullet
(li (p "i used to make a lot more visual art than i do these days. some
sort of smth'll wind up here at some point"))))
(body (section (h2 "a λ.functional λ.gay") (p "i'm a gay lil nerd who's learning everyday about community, and ecology,\n and computer; and trying hard to be good for the world with my gay lil\n friends") (p "i was named after " (a ((href "https://plants.usda.gov/home/plantProfile?symbol=OXOR")) "a plant called sorrel") " and i live in the mountains of southern appalachia on " (span ((lang "chr")) "ᏣᎳᎩ") " (tsalagi/cherokee) land. i live with some cats and a whole mess of plants\n (most of them food) and a cordswain and i have sweet neighbors") (p "i have never identified with the term 'hacker' but i have learned, in the\n past few years, that i do like to orchestrate computer machines and i do\n that with some cute friends at " (a ((href "https://bunk.computer")) "bunk computer club")) (p "some random things i believe/ i like/ i am/etc (in no particular order") (ul (li (p "i like linguistics a whole lot. " (span ((class "hx-target")) (a ((href "/tagged/conlang") (hx-get "/hx/tagged/conlang") (hx-target "closest span.hx-target") (hx-swap "innerHTML")) "i make languages (the human kind) for fun.")) " there's a whole bunch of people who do this! " (a ((href "https://conlang.org/")) "the language creation society") " i'm even working on a " (span ((class "hx-target")) (a ((href "/tagged/latl") (hx-get "/hx/tagged/latl") (hx-target "closest span.hx-target") (hx-swap "innerHTML")) "language (computer) to make languages (human)")))) (li (p "mmt, but make it anarchist " (small "and get rid of all that \"sovereignty\" stuff, ew"))) (li (p "got a spicy brained, trans lady-fied experience. \n i have feelings about these things that inevitably weave thru\n my projects and art and all that")) (li (p "i used to make a lot more visual art than i do these days. some\n sort of smth'll wind up here at some point")))) (footer (section (h5 "tagged") (ul ((class "tag-list")) (li ((class "tag-item")) (span ((class "hx-target")) (a ((href "/tagged/about") (hx-get "/hx/tagged/about") (hx-target "closest span.hx-target") (hx-swap "innerHTML")) "about"))))) (hr) (p ((class "doc-history")) (small "published: 2023-12-24T19:15:34")) (p ((class "license-info")) (small (a ((href "/license")) "license")))))

1
source/contact.txt Normal file
View file

@ -0,0 +1 @@
(body (section (h2 "contact") (p "e-m-" (span "a-i") (span "-l [ at ") (span "] s-o-") (span "r-r-e-l [ d o") (span "t ] d-e") (span "-v is a good place to do the email")) (p "i have avoided 'online' for a long time, but i'm getting hip to it. i'm\n on the big mastodon server @oxaliq")) (footer (section (h5 "tagged") (ul ((class "tag-list")) (li ((class "tag-item")) (span ((class "hx-target")) (a ((href "/tagged/about") (hx-get "/hx/tagged/about") (hx-target "closest span.hx-target") (hx-swap "innerHTML")) "about"))))) (hr) (p ((class "doc-history")) (small "published: 2023-12-24T19:45:11")) (p ((class "license-info")) (small (a ((href "/license")) "license")))))

View file

@ -1 +1 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title>λ.sorrel.dev</title><link rel="self" href="https://sorrel.dev/feed.atom"/><updated>2023-11-08T22:49:41</updated><author><name>sorrel</name></author><id>https://sorrel.dev</id>
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title>λ.sorrel.dev</title><link rel="self" href="https://sorrel.dev/feed.atom"/><updated>2023-12-24T19:45:57</updated><author><name>sorrel</name></author><id>https://sorrel.dev</id><entry><title>now</title><link href="https://sorrel.dev/now"/><id>https://sorrel.dev/now</id><content src="https://sorrel.dev/now" type="text/html"></content><summary>what the author of this site is up to</summary><published>2023-12-24T19:45:57</published><updated></updated></entry><entry><title>contact</title><link href="https://sorrel.dev/contact"/><id>https://sorrel.dev/contact</id><content src="https://sorrel.dev/contact" type="text/html"></content><summary>how to talk to sorrel</summary><published>2023-12-24T19:45:11</published><updated></updated></entry><entry><title>disclaimer</title><link href="https://sorrel.dev/very-earnest-disclaimer"/><id>https://sorrel.dev/very-earnest-disclaimer</id><content src="https://sorrel.dev/very-earnest-disclaimer" type="text/html"></content><summary>a very earnest disclaimer</summary><published>2023-12-24T19:43:23</published><updated></updated></entry><entry><title>this</title><link href="https://sorrel.dev/this"/><id>https://sorrel.dev/this</id><content src="https://sorrel.dev/this" type="text/html"></content><summary>the site this bitch made</summary><published>2023-12-24T19:41:47</published><updated></updated></entry><entry><title>about</title><link href="https://sorrel.dev/about"/><id>https://sorrel.dev/about</id><content src="https://sorrel.dev/about" type="text/html"></content><summary>the bitch who made this site</summary><published>2023-12-24T19:15:34</published><updated></updated></entry><entry><title>about</title><link href="https://sorrel.dev/about"/><id>https://sorrel.dev/about</id><content src="https://sorrel.dev/about" type="text/html"></content><summary>the bitch who made this site</summary><published>2023-12-24T19:11:35</published><updated></updated></entry><entry><title>Beginning LATL</title><link href="https://sorrel.dev/unsettled/1"/><id>https://sorrel.dev/unsettled/1</id><content src="https://sorrel.dev/unsettled/1" type="text/html"></content><summary>beginning the process of thinking through an environment for conlanging and other language shenanigans</summary><published>2023-12-04T15:20:53</published><updated></updated></entry></feed>

View file

@ -11,7 +11,7 @@
(content "it's a crop of the work 'Oxalis acetosella', Otto Wilhelm Thomé
(1885) run through the ascii-art generation tool on https://www.asciiart.eu/")))
(link ((rel "stylesheet")
(href "/static/styles.css")))
(href "/static/style/styles.css")))
(style "
p.ascii {
font-family: 'Courier New', Courier, monospace;

View file

@ -14,8 +14,8 @@
(p (em "a categorical mess for your perusal")))]
[(string-prefix? res "tagged/")
(let ([tag (string-replace res "tagged/" "#")])
`(hgroup (h1 ,(~a "stuff what's tagged like \"~a\"" tag))
(p (em (~a "everything (or maybe just some things) i've ever said about \"~a\"" tag)))))]
`(hgroup (h1 ,(~a "stuff what's tagged like " tag))
(p (em (~a "everything (or maybe just some things) i've ever said about \"" tag "\"")))))]
[else
'(hgroup (h1 "i'm lost")
(p (em "you weren't meant to be here")))])
@ -43,7 +43,7 @@
(h4 ,(second post))
(p ,(third post))
;; tagged posts will insert href instead of id
(a ((href ,(first post)))
(a ((href ,(~a "/" (first post))))
,(~a "go! to " (second post) " page")))))

1
source/now.txt Normal file
View file

@ -0,0 +1 @@
(body (section (hgroup (h2 "now") (p "a snapshot of the (mostly) non-computer things of import")) (section (hgroup (h3 "read") (p "stuff i'm taking in")) (ul (li "the paying guests, sarah waters") (li "females, andrea long chu") (li "palo alto, malcolm harris") (li "high pitched and moist, tami t") (li "desolation's flower, ragana") (li "salesforce, lauren bousfield") (li "el mal querer, rosalía") (li "guacamelee, drinkbox"))) (section (hgroup (h3 "eval") (p "stuff i'm crunching on")) (ul (li "playing more go") (li "winter garden chores") (li "starting a community maker space") (li "going on more hikes") (li "body stuff"))) (section (hgroup (h3 "print") (p "stuff i'm putting out")) (ul (li "fun leatherwork") (li "fun woodwork") (li "relearning how to draw"))) (section (hgroup (h3 "loop") (p "stuff what's on the horizon")) (ul (li "being in the northeastern us") (li "putting my labor on the market") (li "maybe making some music again?")))) (footer (section (h5 "tagged") (ul ((class "tag-list")) (li ((class "tag-item")) (span ((class "hx-target")) (a ((href "/tagged/about") (hx-get "/hx/tagged/about") (hx-target "closest span.hx-target") (hx-swap "innerHTML")) "about"))))) (hr) (p ((class "doc-history")) (small "published: 2023-12-24T19:45:57")) (p ((class "license-info")) (small (a ((href "/license")) "license")))))

1
source/tagged/about.txt Normal file
View file

@ -0,0 +1 @@
'(article (hgroup (h1 "stuff what's tagged like #about") (p (em "everything (or maybe just some things) i've ever said about \"about\""))) (h3 "the thoughts") (div ((class "post-preview")) (h4 "now") (p "what the author of this site is up to") (a ((href "/now")) "go! to now page")) (div ((class "post-preview")) (h4 "contact") (p "how to talk to sorrel") (a ((href "/contact")) "go! to contact page")) (div ((class "post-preview")) (h4 "disclaimer") (p "a very earnest disclaimer") (a ((href "/very-earnest-disclaimer")) "go! to disclaimer page")) (div ((class "post-preview")) (h4 "this") (p "the site this bitch made") (a ((href "/this")) "go! to this page")) (div ((class "post-preview")) (h4 "about") (p "the bitch who made this site") (a ((href "/about")) "go! to about page")))

View file

@ -1 +1 @@
'(article (hgroup (h1 "all the tags") (p (em "a categorical mess for your perusal"))) (h3 "the thoughts") (p "there's nothing here yet"))'(article (hgroup (h1 "all the tags") (p (em "a categorical mess for your perusal"))) (h3 "the thoughts") (p "there's nothing here yet"))'(article (hgroup (h1 "all the tags") (p (em "a categorical mess for your perusal"))) (h3 "the thoughts") (p "there's nothing here yet"))
'(article (hgroup (h1 "all the tags") (p (em "a categorical mess for your perusal"))) (h3 "the thoughts") (div ((class "post-preview")) (h4 "about") (p "posts about about") (a ((href "/tagged/about")) "go! to about page")))

1
source/this.txt Normal file
View file

@ -0,0 +1 @@
(body (section (hgroup (h2 "how this site") (p "some kind of colophon")) (p "all of the code for the website is hosted and deployed from tree, " (a ((href "https://git.bunk.computer/oxaliq/sorrel.dev")) "bunk computer club's git forge") "i do almost everything in the main branch, cause it's just me and that way\n i can add links below to the in-progress stuff real easy") (p "first, this website doesn't do anything to know who you are or anything.\n this website is a ~20MB binary and some static resources. it is built\n primarily with " (a ((href "https://docs.racket-lang.org/web-server/")) "racket web-server")) (p "this website serves ~46kB of javascript in the form of " (a ((href "https://htmx.org/")) "the htmx library (minified.)") " i don't love serving minified code. forking the library and removing\n features that are of no use to me is on the agenda for 2024") (p "everything here is hosted on turtle, " (a ((href "https://wiki.bunk.computer/hypha/servers")) "bunk computer club's shared application server")) (p "there's some racket scripts i use for tooling that were made with " (a ((href "https://docs.racket-lang.org/cli/")) "#lang cli")) (p (a ((href "https://git.bunk.computer/oxaliq/sorrel.dev/src/branch/main/.dev-log")) "you can read about development here")) (p (a ((href "https://git.bunk.computer/oxaliq/sorrel.dev/src/branch/main/.idea-log")) "you can read about my vague plans here")) (p (a ((href "https://git.bunk.computer/oxaliq/sorrel.dev/src/branch/main/in-progress")) "or read works in progress here")) (p "the image in the header is a crop of the work " (em "'Oxalis acetosella', Otto Wilhelm Thomé (1885)") " run through a generation tool on " (a ((href "https://www.asciiart.eu/")) "this ascii art archive"))) (footer (section (h5 "tagged") (ul ((class "tag-list")) (li ((class "tag-item")) (span ((class "hx-target")) (a ((href "/tagged/about") (hx-get "/hx/tagged/about") (hx-target "closest span.hx-target") (hx-swap "innerHTML")) "about"))))) (hr) (p ((class "doc-history")) (small "published: 2023-12-24T19:41:47")) (p ((class "license-info")) (small (a ((href "/license")) "license")))))

View file

@ -0,0 +1 @@
(body (section (h2 "a very earnest disclaimer") (p "i like to talk about computation with ppl! but it is important for me that\n you know: i am new to all this! i did not think computers or software were\n ^for me^ and then i had to get good at spreadsheets at my first email-factory\n job and then i got curious about webdev and now i have reached terminal\n velocity down a very λ.particular.rabbit[hole]") (p "i think computation is both fascinating on its own terms and as a substrate\n for pro-social infrastructure. i am motivated to work on projects that\n engage with this possiblity") (p "i'm not very good at many things. i don't even have a math education or a\n degree in anything. have you ever met someone who *is* good at _all_ ^this^\n ~stuff~ ???") (p "i like thinking in public, but please be patient! with me and with\n everyone else you talk about things you care about with") (p "let's hold our strong opinions loosely!") (p "and first assume good faith from each other!") (br) (br) (p ((class "ascii but-normal-size")) " ⃔‥̺⃝⃕") (br)) (footer (section (h5 "tagged") (ul ((class "tag-list")) (li ((class "tag-item")) (span ((class "hx-target")) (a ((href "/tagged/about") (hx-get "/hx/tagged/about") (hx-target "closest span.hx-target") (hx-swap "innerHTML")) "about"))))) (hr) (p ((class "doc-history")) (small "published: 2023-12-24T19:43:23")) (p ((class "license-info")) (small (a ((href "/license")) "license")))))

View file

@ -51,6 +51,10 @@ span.hx-target section {
margin: 3;
}
span.hx-target footer {
display: none;
}
a {
font-family: 'Courier New', Courier, monospace;
font-size: small;

View file

@ -1,131 +0,0 @@
:root {
color-scheme: light dark;
}
@media screen and not (prefers-color-scheme: light) {
html {
--foreground-color: lab(90 50 -80);
--background-color: lab(0 50 -30);
--link-color: lab(80 40 100);
--visited-link-color: lab(70 10 15);
--banner-ascii-color: lab(90 -40 20 / 0.8);
}
}
@media screen and (prefers-color-scheme: light) {
html {
--foreground-color: lab(10 50 -80);
--background-color: lab(90 50 -30);
--link-color: lab(20 40 100);
--visited-link-color: lab(20 10 15);
--banner-ascii-color: lab(10 -40 20 / 0.8);
}
}
html {
padding: 20px;
color: var(--foreground-color);
background-color: var(--background-color);
}
h1, h2, h3, h4, h5 {
font-family: 'Courier New', Courier, monospace;
color: var(--background-color);
background-color: var(--visited-link-color);
padding: 2 10;
}
h5 {
margin: 2 0;
}
span.noscript p {
font-family: 'Courier New', Courier, monospace;
font-size: small;
}
span.hx-target section {
border: solid 1px var(--link-color);
border-radius: 4px;
padding: 0 10;
margin: 3;
}
a {
font-family: 'Courier New', Courier, monospace;
font-size: small;
color: var(--link-color);
}
a:visited {
color: var(--visited-link-color);
text-decoration-color: var(--link-color);
}
body {
max-width: 600;
margin: auto;
font-size: medium;
font-family: sans-serif;
}
header{
display: flex;
flex-direction: column;
}
@media screen and (max-width: 600px) {
div.banner p.ascii {
font-size: 5px;
}
body {
max-width: 375px;
}
}
@media screen and (min-width: 1000px) {
div.banner {
padding: 0 auto;
}
body {
max-width: 800px;
}
}
div.banner {
background-color: lab(0 5 1 / 0.8);
width: max-content;
margin: auto;
}
div.banner p.ascii {
color: var(--banner-ascii-color);
}
nav {
display: flex;
flex-direction: row;
padding: 5px;
}
nav a {
padding: 5px;
}
p {
margin: 12 0;
}
ul.tag-list {
display: flex;
flex-direction: row;
margin: 6 0;
padding: 0;
}
li.tag-item {
list-style-type: none;
flex-basis: fit-content;
margin: 0 6;
}