diff options
| -rwxr-xr-x | build.sh | 5 | ||||
| -rw-r--r-- | decadv-2025.html | 319 | ||||
| -rw-r--r-- | footer.htm | 2 | ||||
| -rwxr-xr-x | newlog.sh | 2 | ||||
| -rw-r--r-- | style.css | 16 | ||||
| -rw-r--r-- | ukarpanghooth-1.png | bin | 0 -> 71017 bytes | |||
| -rw-r--r-- | ukarpanghooth-2.png | bin | 0 -> 31981 bytes | |||
| -rw-r--r-- | ukarpanghooth.html | 26 |
8 files changed, 255 insertions, 115 deletions
@@ -23,4 +23,9 @@ q EOF done +journal="decadv-2025" +[ -x "$(which html-journal)" ] && { + html-journal "${journal}.html" "https://aaoth.xyz/${journal}.html" > dist/"${journal}-atom.xml" +} + rm ./*-inc.htm diff --git a/decadv-2025.html b/decadv-2025.html index 3107e39..d725c02 100644 --- a/decadv-2025.html +++ b/decadv-2025.html @@ -4,7 +4,7 @@ <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>2025 december adventure — aaoth.xyz</title> - <link href="style.css" rel="stylesheet"/> + <link href="style.css" rel="stylesheet"> </head> <body> <nav> @@ -12,36 +12,129 @@ <li><a href="/">home</a></li> </ul> </nav> - <section> - <h1>december adventure 2025</h1> - <div class="win"> - <p><a href="https://eli.li/december-adventure">december adventure</a> - is a <b>low key</b> thingy by eli oat. the goal is to choose a project - and work on it in a relaxed pace.</p> - <p>in this year's decadv i want to work on a project that - i've been postponing for too long now. i'm fascinated - by scripts and writing aystems, both natural and - constructed. over the years i've accumulated a few - writing systems of my own. sadly, i haven't found the - time to document them, but this year i want to try to - change this.</p> - <p>in particular, i want not only to document each writing - system, but to make a computer font for each one.</p> - </div> - <h2 id="log">the log</h2> - <div class="win"> - <p>here will be some log entries, in reverse chronological order.</p> - </div> - <!--newlog - <h3 id="2025-12-xx">2025-12-xx</h3> - <div class="win"> - <p> - </p> - </div> - --> - <h3 id="2025-12-09">2025-12-09</h3> - <div class="win"> - <p> + <h1>la ninpre's december adventure 2025</h1> + <div class="win"> + <p><a href="https://eli.li/december-adventure">december adventure</a> + is a <b>low key</b> thingy by eli oat. the goal is to choose a project + and work on it in a relaxed pace.</p> + <p>in this year's decadv i want to work on a project that + i've been postponing for too long now. i'm fascinated + by scripts and writing aystems, both natural and + constructed. over the years i've accumulated a few + writing systems of my own. sadly, i haven't found the + time to document them, but this year i want to try to + change this.</p> + <p>in particular, i want not only to document each writing + system, but to make a computer font for each one.</p> + <p>this log is an <a href="https://journal.miso.town">html journal</a>. here is an <a href="/decadv-2025-atom.xml">atom feed</a> of the log. + </div> + <!--newlog + <article> + <h2 id="2025-12-xx">2025-12-xx</h2> + <div class="win"> + <p> + </p> + </div> + </article> + --> + <article> + <h2 id="2025-12-25">2025-12-25</h2> + <div class="win"> + <p> +today i didn't do much about the font. +played with sqlite at work. i think it is a very useful little tool. + </p> + </div> + </article> + <article> + <h2 id="2025-12-24">2025-12-24</h2> + <div class="win"> + <p> +tweaked some letter shapes today. although, much more needs to be done about that. +i don't quite like the shape of 'y', thinking of making it a bit smaller. +</p><p> +this is actually weird, but i never used the half-horizontal +glyph variants anywhere. i needed them for some reasson +in test version, but for real one i don't think i'll need them. + </p> + </div> + </article> + <article> + <h2 id="2025-12-23">2025-12-23</h2> + <div class="win"> + <p> +i've written all the opentype-feature logic, it's <a href="ukarpanghooth.html#playground">live</a>! +see the font repo for all the spicy details. +but seriously, i need now to do the boring part. test, test, test and tweak. +</p><p> +also i want to create a version of the font that is rotated 90 degrees to the left, +because then it'll behave correctly like it should. right now the letter blocks are placed +left-to-right, but they should stack top-to-bottom instead. +since computing is western-oriented (latin-oriented), vertical scripts aren't well supported, +i might have to do this rotation manually for it to work. + </p> + </div> + </article> + <article> + <h2 id="2025-12-22">2025-12-22</h2> + <div class="win"> + <p> +added the remaining character variants to the fontforge file! +yesterday before wrapping up for the day i created encoding slots +in fontforge for character variants, but i didn't know +that if these encoding slots have nothing inside, fontforge +won't save them and their names! +so i've written a script to append empty char defininitions to the sfd file. +</p><p> +this means i'm moving to step 5, yay! + </p> + </div> + </article> + <article> + <h2 id="2025-12-21">2025-12-21</h2> + <div class="win"> + <p> +i skipped a week or so, because of some sickness (idk what exactly, +flu-like symptoms). +but this day i started working on a font for my first writing system. +i've drawn all the main glyphs, except for numbers. +i had to do four versions of each glyph because of +how the script is going to work. +i've set up <a href="https://git.aaoth.xyz/lipi">a repo</a> +for all fonts to live in. +right now i'm on stages 3 and 4 of <a href="#2025-12-01">the scheme</a>. +initially, i wasted a lot of time because i didn't set up +the units correcly in inkscape. +now i think of making a template for drawing the glyphs. + </p> + </div> + </article> + <article> + <h2 id="2025-12-10">2025-12-10</h2> + <div class="win"> + <p> +i've seen some posts on the fediverse that reminded me of something. +i refactored the html of this log so that it conforms to +the <a href="https://journal.miso.town/">journal</a> spec +by m15o. this means we can get atom feed for free! +i've also written a library for parsing html journals. why? i don't know, felt like it. +there is already original implementation, and i won't say it's inferior or something, +but i noticed that it behaves a bit differently than is +specified in the format. +i wrote a little <a href="https://git.aaoth.xyz/html-journal">tool</a> that can be used to make a feed from +html journal file. i've added it to my build script. +my library recognizes a subset of html journal formats, +i've tested it on some other people's journals, some of them don't work. +but i think that if it works with my library, it'll work +with the original as well. +anyway, it was fun. + </p> + </div> + </article> + <article> + <h2 id="2025-12-09">2025-12-09</h2> + <div class="win"> + <p> today is a little meta-day. i've added a little script to compose new log entries. see how i said no automation and here i am, writing ed scripts. @@ -52,11 +145,13 @@ every line entered could not be edited with backspace. once i wanted to write my own ed, but with more powerful regexes and with some features borrowed from sam(1), like, for example, ability to forget that line terminators exist and treat text as a one-dimensional array of bytes. but that's for another day maybe. - </p> - </div> - <h3 id="2025-12-08">2025-12-08</h3> - <div class="win"> - <p> + </p> + </div> + </article> + <article> + <h2 id="2025-12-08">2025-12-08</h2> + <div class="win"> + <p> this was a busy day at work, like all mondays are. day before i started automatic reconstruction in colmap, because i figured it would take some time. @@ -66,11 +161,13 @@ i stopped all daemons and closed display server so it could have all power it ne and it finished! but the results are quite roughh and noisy. and it took whooping 46GiB of space! didn't even get close to gaussian splatting. will try that on a lighter dataset. - </p> - </div> - <h3 id="2025-12-07">2025-12-07</h3> - <div class="win"> - <p> + </p> + </div> + </article> + <article> + <h2 id="2025-12-07">2025-12-07</h2> + <div class="win"> + <p> another one that i've spent with friends. also i've learned about <a href="https://en.wikipedia.org/wiki/Gaussian_splatting">gaussian splatting</a> and it got me attracted. i've tried to make a structure from motion in <a href="https://colmap.github.io">colmap</a>, but tinkered with it for a long time without any good results. @@ -79,75 +176,87 @@ we also tried to do our first linocuts. we've figured out how to cut, but not so much how to print, that's a thing to learn. in the evening we went to the swimming pool. i try to add something physical to my life, otherwise it's just computers and work. - </p> - </div> - <h3 id="2025-12-06">2025-12-06</h3> - <div class="win"> - <p> + </p> + </div> + </article> + <article> + <h2 id="2025-12-06">2025-12-06</h2> + <div class="win"> + <p> this day i spent time with friends. we went to a flower market (or a festival, i am not sure how these things are named, flower event). plants were nice, but the place they choose to host such event wasn't fit for it. there were narrow spaces between stands, and there were quite a lot of vizitors, so to see anything or even go through one had to push through people. - </p> - </div> - <h3 id="2025-12-05">2025-12-05</h3> - <div class="win"> - <p>i found the thing! - uploaded the picture of it, as well as inscription of what's been cut there. - been a pretty busy day at work, so that's all for today i guess. - </p> - </div> - <h3 id="2025-12-04">2025-12-04</h3> - <div class="win"> - <p>no writing systems related stuff today, alas. - but i've worked on improving my websiting experience.</p> - <p>i wanted to rebuild this website without any automation - (yeah, this is third time i redo this, but now i literally - write html by hand). - although, i thought, that maybe having cross-links displayed - at the bottom of pages is not that bad. so i added some - shell stuff so these lists could be generated. - i try not to worry too much about how well does it do.</p> - <p>initially, i went with straightforward O(n²) approach - (for each file, for each link, search each file for that link). - but then it occured to me that basically outgoing links, - which are much easier to find can be set as incoming links - to targeting pages.</p> - <p>oh, by the way, the repo is available on my git: - <a href="https://git.aaoth.xyz/aaothxyz-decadv">site sources</a>.</p> - </div> - <h3 id="2025-12-03">2025-12-03</h3> - <div class="win"> - <p>added pictures for <a href="ukarpanghooth.html">ukarpanghooth</a> script. - i planned to do another one, but didn't manage to find this little trinket i've cut writings on. - </p> - </div> - <h3 id="2025-12-02">2025-12-02</h3> - <div class="win"> - <p>today i mostly tweaked the website. decided to make it look - like <a href="http://acme.cat-v.org">acme</a> window in which i'm currently writing this sentence :D</p> - <p>css is a bit questionable, but i'll tweak it more as i go.</p> - <p>as a sidenote, it's a bit challenging to work on something while also having - to go to a $dayjob...</p> - </div> - <h3 id="2025-12-01">2025-12-01</h3> - <div class="win"> - <p>started working on <a href="ukarpanghooth.html">ukarpanghooth</a> description. couldn't do images today, sorry...</p> - <p>also came up with a rough scheme on how to make each font:</p> - <ol> - <li>draw each glyph and glyph variant (inkscape)</li> - <li>save glyphs as individual svg files</li> - <li>load glyphs (fontforge)</li> - <li>tweak position and size (fontforge)</li> - <li>export as ufo (fontforge)</li> - <li>add opentype fea</li> - <li>compile (fontmake/fontc)</li> - <li>test (browser, libreoffice, harfbuzz, pango), looping back to 1-7 as needed</li> - <li>verify metadata and upload</li> - </ol> - </div> - </section> + </p> + </div> + </article> + <article> + <h2 id="2025-12-05">2025-12-05</h2> + <div class="win"> + <p>i found the thing! + uploaded the picture of it, as well as inscription of what's been cut there. + been a pretty busy day at work, so that's all for today i guess. + </p> + </div> + </article> + <article> + <h2 id="2025-12-04">2025-12-04</h2> + <div class="win"> + <p>no writing systems related stuff today, alas. + but i've worked on improving my websiting experience.</p> + <p>i wanted to rebuild this website without any automation + (yeah, this is third time i redo this, but now i literally + write html by hand). + although, i thought, that maybe having cross-links displayed + at the bottom of pages is not that bad. so i added some + shell stuff so these lists could be generated. + i try not to worry too much about how well does it do.</p> + <p>initially, i went with straightforward O(n²) approach + (for each file, for each link, search each file for that link). + but then it occured to me that basically outgoing links, + which are much easier to find can be set as incoming links + to targeting pages.</p> + <p>oh, by the way, the repo is available on my git: + <a href="https://git.aaoth.xyz/aaothxyz-decadv">site sources</a>.</p> + </div> + </article> + <article> + <h2 id="2025-12-03">2025-12-03</h2> + <div class="win"> + <p>added pictures for <a href="ukarpanghooth.html">ukarpanghooth</a> script. + i planned to do another one, but didn't manage to find this little trinket i've cut writings on. + </p> + </div> + </article> + <article> + <h2 id="2025-12-02">2025-12-02</h2> + <div class="win"> + <p>today i mostly tweaked the website. decided to make it look + like <a href="http://acme.cat-v.org">acme</a> window in which i'm currently writing this sentence :D</p> + <p>css is a bit questionable, but i'll tweak it more as i go.</p> + <p>as a sidenote, it's a bit challenging to work on something while also having + to go to a $dayjob...</p> + </div> + </article> + <article> + <h2 id="2025-12-01">2025-12-01</h2> + <div class="win"> + <p>started working on <a href="ukarpanghooth.html">ukarpanghooth</a> description. couldn't do images today, sorry...</p> + <p>also came up with a rough scheme on how to make each font:</p> + <ol> + <li>draw each glyph and glyph variant (inkscape)</li> + <li>save glyphs as individual svg files</li> + <li>load glyphs (fontforge)</li> + <li>tweak position and size (fontforge)</li> + <li>export as ufo (fontforge)</li> + <li>add opentype fea</li> + <li>compile (fontmake/fontc)</li> + <li>test (browser, libreoffice, harfbuzz, pango), looping back to 1-7 as needed</li> + <li>verify metadata and upload</li> + </ol> + </div> + </article> </body> </html> @@ -1,5 +1,5 @@ <footer> -<h2>incoming links</h2> +<h2 id="incoming">incoming links</h2> <div class="win"> {{incoming}} <hr> @@ -26,7 +26,7 @@ ed "$tmpf" || { ed "$_log_file" << EOF /<!--newlog/ +,/-->/-t/-->/ -?h3?s/-xx/-$day/g +?h2?s/-xx/-$day/g /<p>/r $tmpf w EOF @@ -81,3 +81,19 @@ h1 + .win { margin-top: initial; } +textarea { + width: 100%; +} + +#ukarpanghooth { + font-family: Ukarpanghooth; + font-size: 3em; +} + +@font-face { + font-family: "Ukarpanghooth"; + src: + local("Ukarpanghooth"), + url("https://git.aaoth.xyz/lipi/plain/ukarpanghooth/output/ukarpanghooth.woff2?h=main") format("woff2"); + font-feature-settings: "calt", "kern"; +} diff --git a/ukarpanghooth-1.png b/ukarpanghooth-1.png Binary files differnew file mode 100644 index 0000000..1b32b8f --- /dev/null +++ b/ukarpanghooth-1.png diff --git a/ukarpanghooth-2.png b/ukarpanghooth-2.png Binary files differnew file mode 100644 index 0000000..a4efc7c --- /dev/null +++ b/ukarpanghooth-2.png diff --git a/ukarpanghooth.html b/ukarpanghooth.html index aeb7e99..0d7d2e7 100644 --- a/ukarpanghooth.html +++ b/ukarpanghooth.html @@ -4,7 +4,7 @@ <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ukarpanghooth — aaoth.xyz</title> - <link href="style.css" rel="stylesheet"/> + <link href="style.css" rel="stylesheet"> </head> <body> <nav> @@ -14,14 +14,14 @@ </nav> <article> <h1>ukarpanghooth</h1> -<h2>overview</h2> +<h2 id="overview">overview</h2> <div class="win"> <p>the first writing system i'm going to talk about is ukarpanghooth (meaning 'angular cut', <span class="nobreak">IPA: /ɤ.kaɾ.pan.ɡʱə.uːtʰ/</span>). it was actually my first attempt to create a writing system. it's main purpose was just to be unreadable by others (steganography? security by obscurity?).</p> </div> -<h2>description</h2> +<h2 id="description">description</h2> <div class="win"> <p>this is a simple alphabetic script based on latin alphabet. some letter shapes are also influenced by runic scripts. the first version @@ -31,12 +31,14 @@ obscure. words are separated by a special symbol, so that sentences are written together as one piece.</p> <figure> -<img src="ukarpanghooth-1.svg" alt="chart with three columns"/> +<img src="ukarpanghooth-1.png" alt="chart with three columns"> <figcaption> correspondence between latin, proto-ukarpanghooth (abbreviated on the picture) and ukarpanghooth. some intermediate letter forms are also shown. numeral for digit zero is shown with an asterisk because it is not known if the corresponding glyph was used as a zero in numbers. +<br> +<a href="ukarpanghooth-1.svg">open svg version</a> </figcaption> </figure> @@ -50,17 +52,19 @@ square shape. there also instances of it written snake-shaped, turning by 90 degrees after each word.</p> <figure> -<img src="ukarpanghooth-2.svg" alt="two pieces of example text written differently"/> +<img src="ukarpanghooth-2.png" alt="two pieces of example text written differently"> <figcaption> "example text in ukarpanghooth" written conventional way (on the left), and maze-shaped (on the right). the latter writing direction was historically the first. +<br> +<a href="ukarpanghooth-1.svg">open svg version</a> </figcaption> </figure> <p>the name of the script suggests that one can cut it on something (wood, stone, etc.), as only straight line segments are used.</p> </div> -<h2>usage</h2> +<h2 id="usage">usage</h2> <div class="win"> <p>as mentioned before, script's main purpose was to hide some information (i once used it to cheat on a test in a physics class :D). mainly i @@ -73,14 +77,14 @@ simple and use only straight lines.</p> <figure> <img src="ukarpanghooth-cross.jpg" alt="a photo of st peter's cross cut out from plastic -with some inscriptions on it, on the right side of the picture there is drawing which shows only inscriptions"/> +with some inscriptions on it, on the right side of the picture there is drawing which shows only inscriptions"> <figcaption> st peter's cross with "hd un'nuhrthh fah'deelhrhu khotghu koth'h" written on it. </figcaption> </figure> </div> -<h2>font</h2> +<h2 id="font">font</h2> <div class="win"> <p>actually, at first, i didn't think that it would be possible to replicate this script's peculiar writing order in a computer @@ -117,6 +121,12 @@ lookup charBlock { } charBlock; </code> </pre> +<p>sources and compiled font for this script are available at <a href="https://git.aaoth.xyz/lipi/tree/ukarpanghooth">my git directory</a>.</p> +</div> +<h2 id="playground">playground</h2> +<div class="win"> +<p>here you can try this writing system, it currently lacks a lot of glyphs, but the main letters are implemented.</p> +<textarea id="ukarpanghooth">write something here</textarea> </div> </article> </body> |
