add more structure to static/ for computed assets
This commit is contained in:
parent
672fd6d0ee
commit
1d300aa6bb
7 changed files with 433 additions and 0 deletions
199
in-progress/beginning-latl.txt
Normal file
199
in-progress/beginning-latl.txt
Normal file
|
|
@ -0,0 +1,199 @@
|
||||||
|
(article
|
||||||
|
(h1 "beginning work on LATL")
|
||||||
|
(p
|
||||||
|
"a little introduction to a project i started thinking about in early 2020,
|
||||||
|
as i was learning how to do web development and wanted to try my hand at
|
||||||
|
combining some hobbies.")
|
||||||
|
(section
|
||||||
|
(hgroup
|
||||||
|
(h2 "what even is this?")
|
||||||
|
(p (em "of linguistics and hubris."))
|
||||||
|
(hr))
|
||||||
|
(p
|
||||||
|
"so, when i was a wee little child, i discovered language. i was one of
|
||||||
|
those kids who picked up reading real quick (like before i could form
|
||||||
|
memories) and just have always been fascinated by what those words and
|
||||||
|
symbols do. like, most wee little children discover language, but some
|
||||||
|
wee little children get given the lord of the rings when they're ten or
|
||||||
|
something and get into the narrative and the characters, sure. but
|
||||||
|
those appendices.... there's .. a language here? called quenya? and
|
||||||
|
this tolkien guy just made this up? "
|
||||||
|
(small "this is not in fact how i talked as a child, just go with me."))
|
||||||
|
(p
|
||||||
|
"so, i did the precocious kid thing and said to myself \"if this dead
|
||||||
|
british weirdo (who's like really into the concept of royalty) can
|
||||||
|
make a whole new language, then surely i can to.\"")
|
||||||
|
(p
|
||||||
|
"i did not, in fact, make a language. i made a relex of the language i
|
||||||
|
already spoke (my own peculiar idiolect of u.s. english,) but we all
|
||||||
|
gotta start somewhere." )
|
||||||
|
(p
|
||||||
|
"for a long time the internet to me was mostly "
|
||||||
|
(a ((href "https://listserv.brown.edu/archives/conlang.html"))
|
||||||
|
"the brown university conlang listserv.")
|
||||||
|
" here i learned about different phonology, what the heck
|
||||||
|
morphosyntactic alignment is, diachronicity and how different
|
||||||
|
languages can be related. i got exposed to awkwords and sca2 (tools
|
||||||
|
for generating words and modeling changes to those words.) but i
|
||||||
|
never interacted with ppl much. i was a kid and the ppl in there
|
||||||
|
really knew their stuff, and i never much felt comfy with the idea
|
||||||
|
of being just "
|
||||||
|
(em "in public") " on the internet like that.")
|
||||||
|
(p
|
||||||
|
"anyway i got better at making languages and learning about how
|
||||||
|
language works, and it's just been a (at times more consistent, at
|
||||||
|
times less) hobby of mine for most of my life.")
|
||||||
|
(p
|
||||||
|
"flash forward to a few years ago, i'm working on a language that has
|
||||||
|
turned into the passion project that i've spend the majority of my
|
||||||
|
conlanging on and i'm getting frustrated with my tools. i want to do
|
||||||
|
more complex, phonological-feature-aware, sound change rules; i want
|
||||||
|
a tighter feedback loop; i want to see how a derivational pattern at
|
||||||
|
one stage in a parent form of a language branches out or collapses
|
||||||
|
into different derivational patterns in a child language.")
|
||||||
|
(p
|
||||||
|
"all was not well in my conlanging.")
|
||||||
|
(p
|
||||||
|
"i would need to " (strong "do some programming."))
|
||||||
|
(p
|
||||||
|
"the thing is, i had just learned javascript. (it was a tech bootcamp.
|
||||||
|
someday i'll talk about my ~feelings~ about ~that~, but not here, not
|
||||||
|
now.) i had built a few little toy web apps, and i was not ready to
|
||||||
|
execute on a vision for a multi-purpose conlanging tool that was
|
||||||
|
beginning to take shape in my head.")
|
||||||
|
(p "i tried anyway.")
|
||||||
|
(p "and i made "
|
||||||
|
(a ((href "settled/1"))
|
||||||
|
"a bad first draft of a sound change tool."))
|
||||||
|
(p
|
||||||
|
"there's an ebnf grammar in that project somewhere! the hubris i
|
||||||
|
had then, to think i could make a little javascript-backed
|
||||||
|
language tool with all of the bells and whistles i needed! with
|
||||||
|
the knowledge that i had then! (or more accurately, didn't have)")
|
||||||
|
(br)
|
||||||
|
(p "but now..."))
|
||||||
|
(section
|
||||||
|
(hgroup
|
||||||
|
(h2 "reviving this project")
|
||||||
|
(p (em "whatcha gonna do sorrel?"))
|
||||||
|
(hr))
|
||||||
|
(p "i'm still not ready.")
|
||||||
|
(p
|
||||||
|
"but at least, today i'm forgoing bells and whistles for
|
||||||
|
execution models. core abstractions. experience using "
|
||||||
|
(a ((href "https://racket-lang.org"))
|
||||||
|
"a (programming) language-oriented programming language")
|
||||||
|
" maybe. there's a lot to think about.")
|
||||||
|
(p
|
||||||
|
"so, i'm going to try reviving this project. or, more accurately,
|
||||||
|
reimagining this project. from the little sound change tool that
|
||||||
|
was merely an unusably buggy iteration on tools that other
|
||||||
|
conlangers had executed better, to a more robust environment for
|
||||||
|
conlanging. one which gives language nerds the power to solve
|
||||||
|
all of their language nerding problems in one runtime, with an
|
||||||
|
extensible and reflective interface. and which is written in such
|
||||||
|
a way, with the appropriate abstractions, that lanuage nerdy
|
||||||
|
hackers can hack their own tools on top of it.")
|
||||||
|
(p
|
||||||
|
"and i'm going to be doing "
|
||||||
|
(a ((href "https://www.recurse.com/"))
|
||||||
|
"a hecking hacking retreat")
|
||||||
|
" about it. i'll spend some full-time programming days making a
|
||||||
|
goofy little thing for goofy little language nerds surrounded by
|
||||||
|
goofy programming nerds doing whatever rad things they happen
|
||||||
|
to be getting up to when i happen to be there.")
|
||||||
|
(p
|
||||||
|
"like many of the communities i am a part of, i am a quiet part of
|
||||||
|
the conlanging community. so, we'll see how this goes. maybe it
|
||||||
|
is only ever something of interest to me and the conlangers i
|
||||||
|
interact with in meatspace. maybe it only teaches me some things
|
||||||
|
about designing and building a tool of the type that i'm designing
|
||||||
|
and building. hoooopefully it is helpful in a way to other
|
||||||
|
conlangers such that it evolves beyond what i could do on
|
||||||
|
my own (cause i ain't no whiz kid 10x programmer.)")
|
||||||
|
(p
|
||||||
|
"but that's all me getting ahead of myself (as is often my wont.)
|
||||||
|
first! to pack for the trip!"))
|
||||||
|
(section
|
||||||
|
(hgroup
|
||||||
|
(h2 "packing for the trip")
|
||||||
|
(p (em "a biggg heap of things to expand"))
|
||||||
|
(hr))
|
||||||
|
(p
|
||||||
|
"i'm just gonna fly right through these. there's going to be a lot
|
||||||
|
to read up on, to explore, to think and talk through, before it
|
||||||
|
gets time to prototyping and to building a workable tool. so,
|
||||||
|
here's the very start of the thinking-in-public. each of these
|
||||||
|
little thoughts is going to get at least it's own writeup (if not
|
||||||
|
several) and i'll update with additional sections and links to
|
||||||
|
the writeups as i go.")
|
||||||
|
(section
|
||||||
|
(h3 "notes on the goals")
|
||||||
|
(p
|
||||||
|
"it's good to have goals! to define what it even is yr tring to
|
||||||
|
do. so here's my attempt. my goal is to create a foss+ working
|
||||||
|
runtime that *can* serve as a singular tool for conlangers with
|
||||||
|
some basic programming capacity. it should be linguistically
|
||||||
|
*theory neutral* to the extant that such a thing is possible.
|
||||||
|
it should allow for the definition of all relevant structures
|
||||||
|
of a language *in code* and support the construction of grammars,
|
||||||
|
dictionaries, text documents and (stretch goal) non-programmer
|
||||||
|
friendly tools *from code*. it should support phonological,
|
||||||
|
lexical, syntactic, morphological, semantic, etc transformations
|
||||||
|
across different 'epochs' be they diachronic or synchronic.
|
||||||
|
these transformations should work on transformations, ie
|
||||||
|
morphological transformations should themselves be transformed
|
||||||
|
by phonological transformations. users of the tool should be
|
||||||
|
able to edit their work and see the consequences of their changes
|
||||||
|
quickly. hopefully, this can all happen on the web, i guess,
|
||||||
|
cause ppl like using their browser as the everything app. ")
|
||||||
|
(section
|
||||||
|
(h3 "notes on existing tools")
|
||||||
|
(p
|
||||||
|
"i'm going to talk a bunch about existing tools made by
|
||||||
|
conlangers or made for professional linguists and used by
|
||||||
|
conlangers or just yr regular old spreedsheets and such. i'm
|
||||||
|
going to be doing some research about how conlangers do their
|
||||||
|
conlanging, lest this truly be a just-for-me type project."))
|
||||||
|
(section
|
||||||
|
(h3 "notes on primitives")
|
||||||
|
(p
|
||||||
|
"i think some interesting things start to bubble out of some of
|
||||||
|
those goals up there. like the idea of supporting a bunch of
|
||||||
|
different kinds of transformations that should themselves be
|
||||||
|
transformable. the primitives we're working with have to work
|
||||||
|
below the level of \"lexeme\" or \"phoneme\" to have something
|
||||||
|
abstract that can apply to both. i'm not going to get into
|
||||||
|
specifics even a little bit at this point-you'll have to stay
|
||||||
|
tuned for more.")))
|
||||||
|
(section
|
||||||
|
(h3 "notes on execution model")
|
||||||
|
(p
|
||||||
|
"this is going to be some crunchy computer language stuff. i'm
|
||||||
|
going to make some arguments for some things that (it is my
|
||||||
|
belief) fall out of these goals. things like dynamic typing.
|
||||||
|
things like reflectivity (this is sooo important it gets its
|
||||||
|
own section.) things like lazy evaluation (because languages
|
||||||
|
are big and sometimes you only want to look at a subset of a
|
||||||
|
language.) means of combination: propositions.")
|
||||||
|
(section
|
||||||
|
(h3 "notes on reflectivity and interaction"))
|
||||||
|
(section
|
||||||
|
(h3 "notes on portability"))
|
||||||
|
(section
|
||||||
|
(h3 "notes on the substratum (racket?)")))
|
||||||
|
(section
|
||||||
|
(hgroup
|
||||||
|
(h2 "about the name")
|
||||||
|
(p (em "it's pronouced ˈlæ.ɾɫ̩"))
|
||||||
|
(hr))
|
||||||
|
(p
|
||||||
|
"i don't know dude, naming things is hard. it's a working name,
|
||||||
|
it works good as an extension. "
|
||||||
|
(code "my-conlang.latl") "anyone?")
|
||||||
|
(p
|
||||||
|
"i also just like syllabic laterals? they sound neat to me. the
|
||||||
|
official initialism is _l_inguistic _a_nalytic _t_ransformation
|
||||||
|
_l_anguage, but it also double entendres to _l_ower _a_nterior
|
||||||
|
_t_emporal _l_obe, so that's just kind of fun.")
|
||||||
|
(p "maybe it'll have a different name some day, idk"))))
|
||||||
0
in-progress/this.txt
Normal file
0
in-progress/this.txt
Normal file
1
static/fragment/root/not-found.html
Normal file
1
static/fragment/root/not-found.html
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<section><h1>404</h1><p>hey, i couldn't find that. could ya try something else maybe?</p></section>
|
||||||
53
static/page/root/index.html
Normal file
53
static/page/root/index.html
Normal file
|
|
@ -0,0 +1,53 @@
|
||||||
|
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="ROBOTS" content="NOINDEX, NOFOLLOW"/><title>learning and making things</title><meta name="author" content="sorrel"/><meta name="description" content="yr place for sorrel on the world wide web"/><meta name="viewport" content="width=device-width, initial-scale=1"/><meta name="ascii-art-description" 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/style/styles.css"/><style>
|
||||||
|
p.ascii {
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
font-size: 8px;
|
||||||
|
white-space: pre;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
p.ascii.but-normal-size {
|
||||||
|
font-size: medium;
|
||||||
|
}</style><script src="/static/script/htmx.min.js" defer=""></script></head><body><header><div class="banner" hx-get="/hx/home" hx-target="main" hx-swap="innerHTML"><p class="ascii">▒▓░ <a href="/">home</a> ░░▒ ▒▒▓█▒ ░▒
|
||||||
|
░▒▒░▓▓ ▒▒▒▒▒▒▓█ ▒▓
|
||||||
|
▒▒▓▓░▒▓ ▓█▓▓ ░▓
|
||||||
|
▓▒▒ ▒▒ ░
|
||||||
|
▒ ▒▓▒▓▒ ▒░ ▒░
|
||||||
|
░░░░░░▒▒▒▓▒▓░ ░▒ ▒
|
||||||
|
▓░▒▒▒░▒▒▒▒▒▓▓▓▓▓ ░░ ░
|
||||||
|
▒▒░▒▒▒▒▒▒▒▒▓▓▓▓▓▓█ ░░ ░▒
|
||||||
|
▓▒▒▒▒▒▓▒▓▓▓▒▓▓▓▓▓▓ ░▒░░░░░░▒░ ▓▓ ▒
|
||||||
|
▓▓▓▒▒▓▓▓▓▓▓▓▓▓▓█▒▒░░▒░▒░░░░░▒░▒ ▒ ▒▒
|
||||||
|
░▒▒▒▒▒▓▒▓ ▒▓▓▓▓▓▓▓▓▓▓▓█▓░▒▒▒▒░░░░░░░░░░░▒ ▓▒ ░
|
||||||
|
▒░░▒▓▓▒▒▓▓▓▓▒▒▒ ▓▓▓▓▓▓▓▓▓█▓░▒▒▒▒▒░░▒░▒░░░░░░▒▓ █ ░ ▓▓
|
||||||
|
░ ░░▓▒▒ ░ ▓░░░▒▓▒▓▒▓▓▓▓▓▓▓▓▒ ▓▓▒▓▓▓█▓▒▒▒▒░▒░░░░▒░▒░░░░▒░░▒░ ▓ ▓ ▓▒░░░░░▒
|
||||||
|
░ ░▒▓▓ ▓ ▒ ▓░░▒▒▒▓▒▓▓▓▒▓▓▓▓▓▓▓▒ ▓▓▓▓█▓▒▒░▒▒▒▒░▒▒▒░░░░░░░░░░▒▒ ▓ ▒▒▒▒░▒░░▒░▓
|
||||||
|
▒▒▒▓▓▒ ▒░░ ▒▒▒▒▒▒▓▒▓▓▓▓▓▓▓▓▓▓▓▓▓▒ ▓▓▓█▒▓▒▒▒▒▒▒░▒▒▒░░▒░▒░░░░█▒ ▒▒▓▒ ▒▒▒▒▒▒░░░▒░░
|
||||||
|
▒▒▓▓░ ░ ▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█▓▓▒ ▓▓▒▒▒▓▒▒▒▒▒░▒░░░░░░░ ▓▓▒░ ░█▓ ▒▒▒▒▒▒░░░░░░
|
||||||
|
░▓ ▒░▒ ▓▒▓▓▒▓▓▓▓▓▓▓▒▓▓▓▓█▓████▓▒▒▒▒▓▓▓▓▓▓▓▒▒▒▒▒▒▓░ ▓▒ ▓▒▒ █▓▓▓▒▒▒▒░░░░░
|
||||||
|
▒░ ▒▒▓▒▓▓▓▓▓▓▓▓▓▓▓▓█▓█▓▒▒▒▒▓▒▒▒▒ ▓░ ▒▒ ▒▓▓▓▓▓▒▒▒░░░▒
|
||||||
|
▓ ▓ ▓▓▓▓▓▒▓▒▓▓▓▓▓▓▒▒▒▒▒▒▒▓▓ ░▓▓█▓▓▓▓▓▓▓▓▓▒▒▒▓ ░░ ▒█ ░▒▒▒▓▓▓▓▓▒▒▒▒▒
|
||||||
|
░ ▒▓▓▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓ ▒██▒██▓▓▓▓▓▓▓▓▓▓▓▓▒▒░░ ▓░ ▒▓▓▓▓▒▓▓▒▒▒▒░
|
||||||
|
▒▒▒▒░▒▓ ▒ ▒▓▓▒▒▒▒▒▒▒░▒░░░▒▒▒▒▓ ▒███▓█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒ ▓▒ ░▒▒▒░▒▓▓▓▓▒▓▒▒▒
|
||||||
|
▒▒▒▒▒▒▒▒▒▒ ▒▒▒▒▒░▒░░░░░░░░░░░░ ▒██▓██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒ ▓▒ ░░░░▒░░▒▒▒▒▒▒▒▒▒▒▓
|
||||||
|
▒▒▒▒▒▒▒▒▓▒▓▒░░▒░░░▒░ ▒▒▒▒░░▒░░░░░░░░░▒ ▒▓██▓██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒ ▒▒ ▓▒▒▒░▒░░▒▒▒▓▓▓▒▒▒▒▓
|
||||||
|
▒▒▒▒▒▒▓▒▓▓▒▒▒▒▒▒▒▒▒▒▒░▓ ▒░░░░░▒░░░░░░░▒▒ ▒▒█▓██▓██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ ▒▒░ ▒▒▒▒▒▒░░▒▒▒▒▓▓▒▓▒ ▒
|
||||||
|
▒▒▒▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒░ ░░░░░░░░░░░░░░░ ▒▓█▓█▓▓▓█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒ ▒▒░ ▒░░░▒▒▒▒▒▒▒▓▓▒▒▓ ▒░▒
|
||||||
|
▒▒▓▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░ ░░░░░░░░▒▒░░░ ▒██▓▓▓▓▓█▓▒▓▓▓▓▓▓▒▒▒▒▒▓▒ ░░▒ ▓▒░▒▒▒▒▒▒▒▓▒▒▒ ▒ ▒▒▒
|
||||||
|
▒▒▒▓▓█▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▓▒▒▒ ▓▒░░░░░░░░░▒ ▓▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒ ▒▒ ▒▒▒▒▒▒▒▓▓▓▒▒░░░░▓▓██
|
||||||
|
▒▓▓▓█▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒ ▓░░░░░▒░▒ ▓▓█▓▓▓▓▓▓▓██▓▓▓▓▓▓▒▒▒▓ ░▒ ▓▓▒▒▓▒▓▒▒░ ▓▓▓▓▓▓█▓
|
||||||
|
▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓ ░▓▓▒ ░░ ▓▓█▓▓▓▓▓▓▓▓██▒▓▒▒▒▒▓▓ ░▒ ▒▓▓ ░██▓▓▓▓▓▓▓▓▓▓
|
||||||
|
▓▓▓█▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▓ ▒ ░░ ▓▓█▓▓▓▓▓▓▓▓▓▓▒▒ ▒ ░▓ ░ ▒ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||||
|
▓▓▓▒▓▒▒▒▒▓▒▒▒▒▓ ▒▒░ ▒▓▓▓▓▓▓▓▓▓█▓ ▓▒ ░ ░ ░▒ ░░ ▒ █▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||||
|
███▒▒▒▒▒▓░ ▒▓░░ ▒▓▓▓▓▓▓▓▓ ▓▒░ ▒░ ░▒ ░ ▒ ▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||||
|
█▒▓▓ ▒▒▓▓▓▓▓▓▓▒ ▒░▓ ▒▒▓▓▓▓▓▒ ▒▒░ ▒ ▒▒ ▒ ░▓▓▓▓▓▓▓▓▓▓
|
||||||
|
░▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▓ ▓░ ░▓▒ ░▒░▒ ▓▒ ▓ ▒ ▓▓▓▓░
|
||||||
|
░▓▒▓▓▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▓▒▓ ░░▓ ▒▒░ ▒ ▓░ ▒
|
||||||
|
▓▒░ ▓▒▒▒█▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒ ▒░ ▓▒▓ ▒▒ ▒ ░
|
||||||
|
░▒▓ ▓▒▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▓▒▒▒ ▒░▓ ░▒░▒ ░░
|
||||||
|
▒▓ ░▒▒▒▒▒▓▒▒▓▒▒▒▒▒▒▒▒▒▒▓▒▓▓▓▒▒ ▓░ ░▒ ░▓ </p></div><nav><a href="/about" hx-get="/hx/about" hx-target="main" hx-swap="innerHTML">about sorrel (the bitch who made this)</a><a href="/unsettled" hx-get="/hx/unsettled" hx-target="main" hx-swap="innerHTML">unsettled thoughts (something like a blog)</a><a href="/settled" hx-get="/hx/settled" hx-target="main" hx-swap="innerHTML">"settled" thoughts (projects built/in progress)</a><a href="/feed.atom">þͤ olde rss</a></nav></header><main aria-live="polite"><article><noscript><span class="noscript"><p>hey! yr not letting yr browser execute javascript served by my page.</p><p>that's cool!</p><p>browser (by google?) as arbitrary code execution platform is one of the
|
||||||
|
weird, regrettable (at least as it is currently implemented)
|
||||||
|
consequences of our political economy.</p><p>anyway, feel free to browse! yr experience won't be much different,
|
||||||
|
you'll just get bigger html blob.</p><p>the only js i deliver is <a href="https://htmx.org">this little REST tool called htmx</a> if you want to see what that's about.</p><p>o! and if you want to hear/read <a href="/tagged/javascript">what i have to say about javascript</a> you could do that maybe</p><p>/noscript</p></span></noscript><p>hey! i'm sorrel.</p><p>(called like the plant up there)</p><p>this is my new-fangled website computer page on the world wide web. i had
|
||||||
|
a nice time building this little thing <span class="hx-target"><a href="/this" hx-get="/hx/this" hx-target="closest span" hx-swap="innerHTML">(how i build this little page.)</a></span></p><p> i hope you have a nice time looking at things here.</p><p class="ascii but-normal-size">︿︿
|
||||||
|
〰</p></article></main></body></html>
|
||||||
48
static/page/root/not-found.html
Normal file
48
static/page/root/not-found.html
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="ROBOTS" content="NOINDEX, NOFOLLOW"/><title>learning and making things</title><meta name="author" content="sorrel"/><meta name="description" content="yr place for sorrel on the world wide web"/><meta name="viewport" content="width=device-width, initial-scale=1"/><meta name="ascii-art-description" 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/style/styles.css"/><style>
|
||||||
|
p.ascii {
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
font-size: 8px;
|
||||||
|
white-space: pre;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
p.ascii.but-normal-size {
|
||||||
|
font-size: medium;
|
||||||
|
}</style><script src="/static/script/htmx.min.js" defer=""></script></head><body><header><div class="banner" hx-get="/hx/home" hx-target="main" hx-swap="innerHTML"><p class="ascii">▒▓░ <a href="/">home</a> ░░▒ ▒▒▓█▒ ░▒
|
||||||
|
░▒▒░▓▓ ▒▒▒▒▒▒▓█ ▒▓
|
||||||
|
▒▒▓▓░▒▓ ▓█▓▓ ░▓
|
||||||
|
▓▒▒ ▒▒ ░
|
||||||
|
▒ ▒▓▒▓▒ ▒░ ▒░
|
||||||
|
░░░░░░▒▒▒▓▒▓░ ░▒ ▒
|
||||||
|
▓░▒▒▒░▒▒▒▒▒▓▓▓▓▓ ░░ ░
|
||||||
|
▒▒░▒▒▒▒▒▒▒▒▓▓▓▓▓▓█ ░░ ░▒
|
||||||
|
▓▒▒▒▒▒▓▒▓▓▓▒▓▓▓▓▓▓ ░▒░░░░░░▒░ ▓▓ ▒
|
||||||
|
▓▓▓▒▒▓▓▓▓▓▓▓▓▓▓█▒▒░░▒░▒░░░░░▒░▒ ▒ ▒▒
|
||||||
|
░▒▒▒▒▒▓▒▓ ▒▓▓▓▓▓▓▓▓▓▓▓█▓░▒▒▒▒░░░░░░░░░░░▒ ▓▒ ░
|
||||||
|
▒░░▒▓▓▒▒▓▓▓▓▒▒▒ ▓▓▓▓▓▓▓▓▓█▓░▒▒▒▒▒░░▒░▒░░░░░░▒▓ █ ░ ▓▓
|
||||||
|
░ ░░▓▒▒ ░ ▓░░░▒▓▒▓▒▓▓▓▓▓▓▓▓▒ ▓▓▒▓▓▓█▓▒▒▒▒░▒░░░░▒░▒░░░░▒░░▒░ ▓ ▓ ▓▒░░░░░▒
|
||||||
|
░ ░▒▓▓ ▓ ▒ ▓░░▒▒▒▓▒▓▓▓▒▓▓▓▓▓▓▓▒ ▓▓▓▓█▓▒▒░▒▒▒▒░▒▒▒░░░░░░░░░░▒▒ ▓ ▒▒▒▒░▒░░▒░▓
|
||||||
|
▒▒▒▓▓▒ ▒░░ ▒▒▒▒▒▒▓▒▓▓▓▓▓▓▓▓▓▓▓▓▓▒ ▓▓▓█▒▓▒▒▒▒▒▒░▒▒▒░░▒░▒░░░░█▒ ▒▒▓▒ ▒▒▒▒▒▒░░░▒░░
|
||||||
|
▒▒▓▓░ ░ ▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█▓▓▒ ▓▓▒▒▒▓▒▒▒▒▒░▒░░░░░░░ ▓▓▒░ ░█▓ ▒▒▒▒▒▒░░░░░░
|
||||||
|
░▓ ▒░▒ ▓▒▓▓▒▓▓▓▓▓▓▓▒▓▓▓▓█▓████▓▒▒▒▒▓▓▓▓▓▓▓▒▒▒▒▒▒▓░ ▓▒ ▓▒▒ █▓▓▓▒▒▒▒░░░░░
|
||||||
|
▒░ ▒▒▓▒▓▓▓▓▓▓▓▓▓▓▓▓█▓█▓▒▒▒▒▓▒▒▒▒ ▓░ ▒▒ ▒▓▓▓▓▓▒▒▒░░░▒
|
||||||
|
▓ ▓ ▓▓▓▓▓▒▓▒▓▓▓▓▓▓▒▒▒▒▒▒▒▓▓ ░▓▓█▓▓▓▓▓▓▓▓▓▒▒▒▓ ░░ ▒█ ░▒▒▒▓▓▓▓▓▒▒▒▒▒
|
||||||
|
░ ▒▓▓▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓ ▒██▒██▓▓▓▓▓▓▓▓▓▓▓▓▒▒░░ ▓░ ▒▓▓▓▓▒▓▓▒▒▒▒░
|
||||||
|
▒▒▒▒░▒▓ ▒ ▒▓▓▒▒▒▒▒▒▒░▒░░░▒▒▒▒▓ ▒███▓█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒ ▓▒ ░▒▒▒░▒▓▓▓▓▒▓▒▒▒
|
||||||
|
▒▒▒▒▒▒▒▒▒▒ ▒▒▒▒▒░▒░░░░░░░░░░░░ ▒██▓██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒ ▓▒ ░░░░▒░░▒▒▒▒▒▒▒▒▒▒▓
|
||||||
|
▒▒▒▒▒▒▒▒▓▒▓▒░░▒░░░▒░ ▒▒▒▒░░▒░░░░░░░░░▒ ▒▓██▓██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒ ▒▒ ▓▒▒▒░▒░░▒▒▒▓▓▓▒▒▒▒▓
|
||||||
|
▒▒▒▒▒▒▓▒▓▓▒▒▒▒▒▒▒▒▒▒▒░▓ ▒░░░░░▒░░░░░░░▒▒ ▒▒█▓██▓██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ ▒▒░ ▒▒▒▒▒▒░░▒▒▒▒▓▓▒▓▒ ▒
|
||||||
|
▒▒▒▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒░ ░░░░░░░░░░░░░░░ ▒▓█▓█▓▓▓█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒ ▒▒░ ▒░░░▒▒▒▒▒▒▒▓▓▒▒▓ ▒░▒
|
||||||
|
▒▒▓▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░ ░░░░░░░░▒▒░░░ ▒██▓▓▓▓▓█▓▒▓▓▓▓▓▓▒▒▒▒▒▓▒ ░░▒ ▓▒░▒▒▒▒▒▒▒▓▒▒▒ ▒ ▒▒▒
|
||||||
|
▒▒▒▓▓█▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▓▒▒▒ ▓▒░░░░░░░░░▒ ▓▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒ ▒▒ ▒▒▒▒▒▒▒▓▓▓▒▒░░░░▓▓██
|
||||||
|
▒▓▓▓█▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒ ▓░░░░░▒░▒ ▓▓█▓▓▓▓▓▓▓██▓▓▓▓▓▓▒▒▒▓ ░▒ ▓▓▒▒▓▒▓▒▒░ ▓▓▓▓▓▓█▓
|
||||||
|
▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓ ░▓▓▒ ░░ ▓▓█▓▓▓▓▓▓▓▓██▒▓▒▒▒▒▓▓ ░▒ ▒▓▓ ░██▓▓▓▓▓▓▓▓▓▓
|
||||||
|
▓▓▓█▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▓ ▒ ░░ ▓▓█▓▓▓▓▓▓▓▓▓▓▒▒ ▒ ░▓ ░ ▒ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||||
|
▓▓▓▒▓▒▒▒▒▓▒▒▒▒▓ ▒▒░ ▒▓▓▓▓▓▓▓▓▓█▓ ▓▒ ░ ░ ░▒ ░░ ▒ █▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||||
|
███▒▒▒▒▒▓░ ▒▓░░ ▒▓▓▓▓▓▓▓▓ ▓▒░ ▒░ ░▒ ░ ▒ ▓▓▓▓▓▓▓▓▓▓▓▓▓
|
||||||
|
█▒▓▓ ▒▒▓▓▓▓▓▓▓▒ ▒░▓ ▒▒▓▓▓▓▓▒ ▒▒░ ▒ ▒▒ ▒ ░▓▓▓▓▓▓▓▓▓▓
|
||||||
|
░▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▓ ▓░ ░▓▒ ░▒░▒ ▓▒ ▓ ▒ ▓▓▓▓░
|
||||||
|
░▓▒▓▓▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▓▒▓ ░░▓ ▒▒░ ▒ ▓░ ▒
|
||||||
|
▓▒░ ▓▒▒▒█▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒ ▒░ ▓▒▓ ▒▒ ▒ ░
|
||||||
|
░▒▓ ▓▒▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▓▒▒▒ ▒░▓ ░▒░▒ ░░
|
||||||
|
▒▓ ░▒▒▒▒▒▓▒▒▓▒▒▒▒▒▒▒▒▒▒▓▒▓▓▓▒▒ ▓░ ░▒ ░▓ </p></div><nav><a href="/about" hx-get="/hx/about" hx-target="main" hx-swap="innerHTML">about sorrel (the bitch who made this)</a><a href="/unsettled" hx-get="/hx/unsettled" hx-target="main" hx-swap="innerHTML">unsettled thoughts (something like a blog)</a><a href="/settled" hx-get="/hx/settled" hx-target="main" hx-swap="innerHTML">"settled" thoughts (projects built/in progress)</a><a href="/feed.atom">þͤ olde rss</a></nav></header><main aria-live="polite"><section><h1>404</h1><p>hey, i couldn't find that. could ya try something else maybe?</p></section></main></body></html>
|
||||||
1
static/script/htmx.min.js
vendored
Normal file
1
static/script/htmx.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
131
static/style/styles.css
Normal file
131
static/style/styles.css
Normal file
|
|
@ -0,0 +1,131 @@
|
||||||
|
: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;
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
Reference in a new issue