rebranding from liquidex.house to riki.house

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 liquidex
+Copyright (c) 2023 riki
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,8 +1,8 @@
-# liquidex's treehouse
+# treehouse
 
 Welcome to the Construct.
 
-If you haven't seen the treehouse yet, you [may wanna](https://liquidex.house). It's pretty darn cool.
+If you haven't seen the house yet, you [may wanna](https://riki.house). It's pretty darn cool.
 
 Please note that this repository contains spoilers. So if you like exploring by yourself, you may wanna do that first before diving into the source code.
 
@@ -35,7 +35,7 @@ The website will reload itself automatically if you change any file in the repos
 
 ## Issues
 
-Please report issues [directly to me](https://liquidex.house/b?hello).
+Please report issues [directly to me](https://riki.house/b?hello).
-Known issues are tracked on the [issue tracker in liquidex's shed](https://src.liquidev.net/liquidex/treehouse/issues).
+Known issues are tracked on the [issue tracker in riki's shed](https://src.liquidev.net/liquidex/treehouse/issues).
 
 I do not accept and do not plan to accept external contributions to the treehouse's codebase, because then it would no longer be *my* treehouse.

admin/README.md

@@ -1,6 +1,6 @@
 # `admin`
 
-Bunch of scripts I use to administrate the treehouse at <https://liquidex.house>.
+Bunch of scripts I use to administrate the treehouse at <https://riki.house>.
 The full setup is:
 
 - A systemd service runs `daemon.bash` in a separate user.

content/about.tree

@@ -1,14 +1,23 @@
 %% title = "who that! (about me)"
 
 % id = "01J09B2BZXJ989S2SGWBNZ397C"
-+ I am *liquidex*.
++ my name's *riki!*
 
-    % id = "01J09B2BZX54T2GSP8H3D62S6J"
+    % id = "01JGW96B8N7V4EGTAFGDS08TFW"
-    + also known as *liquidex*
+    - that's short for *rikiddo* (リキッド)
+    
+    % id = "01JGW988E4E9CX48A93H9VZY77"
+    - you can pronounce it like "Ricky"
+
+    % id = "01JGW96B8NX66HF6ZNZFGZVMK6"
+    + also known as *riki*
 
         % id = "01J09B2BZXQ31FV1M3PMM6Q0GX"
         - this is [the identity function](https://en.wikipedia.org/wiki/Identity_function) applied to my nickname
 
+    % id = "01J09B2BZX54T2GSP8H3D62S6J"
+    - also known as *liquidex*
+
     % id = "01J09B2BZX0R0AX5QHND6EBRFE"
     - also known as *liquidev* on [various programming platforms][def:social/github]
 
@@ -37,7 +46,7 @@
     "01J09E55G0WS63QCFBPP12EMRM",
     "01J09E55G0H58Q8V8NV23QSQGC",
   ]
-+ I'm a _he/him_-type cat [furry][page:philosophy/furry] doing various things with computers!
++ I'm a _he/him_-type cat [furry][page:philosophy/furry] doing various things with computers.
 
     % id = "01J7S89Y467VSMGW5DCE1P2D75"
     - I don't have enough drawing skill to pull off a full body fursona just yet, but this is me!
@@ -73,7 +82,7 @@
     + [websites](/),
 
         % id = "01J09B2BZXN6GWK2JPC7YGT0E1"
-        + after all the treehouse is _my_ website, with _my_ own backend, static generator, _my_ own design, [an only partially stolen color scheme](https://github.com/ayu-theme/ayu-colors), and most important, lots of fun stuff hidden underneath the surface.
+        + after all riki.house is _my_ website, with _my_ own backend, static generator, _my_ own design, [an only partially stolen color scheme](https://github.com/ayu-theme/ayu-colors), and most important, lots of fun stuff hidden underneath the surface.
 
             % id = "01J09B2BZXZAEPD36XG495WYFH"
             + like have you wondered just how deep the rabbit hole goes?
@@ -84,14 +93,7 @@
                 - `<!-- what I mean is if you haven't seen anyone else here, you haven't looked hard enough. -->`{=html}
 
     % id = "01J09B2BZXX2R1TH10GGZC25KG"
-    + you name it. as long as it poses a cool and fun challenge, I'll be on it :verified:
+    - you name it. as long as it poses a cool and fun challenge, I'll be on it :verified:
-
-        % id = "01J09B2BZX5WED9XE2RAADFW8M"
-        - there's probably only one thing I _don't_ like and it's backend web development. where did all the simplicity go?
-
-            % id = "01J09B2BZXQQMPDYQJ052131GT"
-            - obviously treehouse is a very simple website with a very simple backend, but. seriously.
-            why do people have to make websites be so complicated. and slow.
 
 % id = "01J09B2BZXS6NZKYS6CTWMG1QY"
 - and other than programming, I do various other things…
@@ -148,3 +150,5 @@
 
         % id = "01J09E55G1T4PPVBXH7PSR8ZNY"
         - just don't forget to wave at me if you do - I need to tell you apart from bots somehow!
+
+

content/index.tree

@@ -1,4 +1,4 @@
-%% title = "liquidex's treehouse"
+%% title = "riki's house"
    styles = ["page/index.css"]
 
 % id = "01H8V556P1PND8DQ73XBTZZJH7"

content/music/spotify.tree

@@ -8,7 +8,7 @@
     what a poor, small company they are to be having these problems :(
 
         % id = "01HVNX7FMSV3DT95W29TDXG8R2"
-        - "well then why are you paying them, liquidex?" unfortunately lots of music is only available (_and_ UNAVAILABLE!) on Spotify, as seen on [_fuck DRM_][page:music/fuck-drm].
+        - "well then why are you paying them, riki?" unfortunately lots of music is only available (_and_ UNAVAILABLE!) on Spotify, as seen on [_fuck DRM_][page:music/fuck-drm].
         from a consumer standpoint it's also really nice for discovering new music, because you don't have to pay a large amount just to give a listen to an album you may not end up liking.
 
 % id = "01HVNX7FMSR6TFJK3A9VVQ667K"

content/philosophy.tree

@@ -10,6 +10,10 @@
         - hey don't make this weird, okay.
         showers are good for having thoughts.
 
+% content.link = "philosophy/riki"
+  id = "01JGXMY2P2AX2GCVHQ2BPECJZF"
++ :page: nickname change!
+
 % content.link = "philosophy/light-streaks"
   id = "01JG55SH9HYR7TK5G1RVAGYQWR"
 + :page: my weird stim: writing with light streaks
@@ -48,3 +52,4 @@
 
 
 
+

content/philosophy/i-build-things.tree

@@ -26,7 +26,7 @@ So grand.
 yeah you're not very creative are you.
 
 % id = "01JBAK3T1Z472KF0XFYZNNXA6Z"
-- liquidex yells at cloud.
+- riki yells at cloud.
 
     % id = "01JBAK3T1ZHGDQFZNYGY941QDX"
     - there's a reason I call myself a programming wizard.

content/philosophy/responsibility.tree

@@ -28,7 +28,7 @@ what's wrong with speaking in a fluffy suit on a tech conference?
     - and one word came to my mind. "responsibility."
 
         % id = "01JDJ0RH4DS45GTSXEZ2R6ANT4"
-        - You are responsible for the company image, [Mr.](https://projectile.bandcamp.com/album/sinking){.secret title="Projectile."} {-Anderson-} liquidex.
+        - You are responsible for the company image, [Mr.](https://projectile.bandcamp.com/album/sinking){.secret title="Projectile."} {-Anderson-} riki.
 
 % id = "01JDJ0RH4DCXZBSDZT29PWAG1R"
 - so what is responsibility?
@@ -56,7 +56,7 @@ what's wrong with speaking in a fluffy suit on a tech conference?
 - we rectify negative consequences, because of monkey brain herd mentality: [conformity](https://en.wikipedia.org/wiki/Conformity).
 
     % id = "01JDJ0RH4DRQW5XR9N7M7QZXCV"
-    -  there are cases where you _have_ to stay serious, where [life's on the line](https://www.youtube.com/watch?v=1QNoygm8bEY){.secret title="And therefur liquidex did not stay serious and did his usual secret music link shenaniganry, including a furry joke in this very sentence you're reading right now. Splendid."} and some could _fucking die or get permanently hurt_.
+    -  there are cases where you _have_ to stay serious, where [life's on the line](https://www.youtube.com/watch?v=1QNoygm8bEY){.secret title="And therefur riki did not stay serious and did his usual secret music link shenaniganry, including a furry joke in this very sentence you're reading right now. Splendid."} and some could _fucking die or get permanently hurt_.
     
         % id = "01JDJ0RH4D6FT1Y7M7XGBXM83A"
         - but since our species's inception, we as humans have become more than just hunter-gatherers.

content/philosophy/riki.tree

@@ -0,0 +1,74 @@
+%% title = "nickname change!"
+
+% id = "01JGXMY094E9AGM67T7EXAW25Z"
+- I'm changing my nickname from liquidex to *riki*!
+
+so don't be surprised that <https://liquidex.house> now redirects to <https://riki.house>.
+
+    % id = "01JGXMY094R42TY12HYEPQWNMA"
+    - I don't remember how, but this new nickname came to me around New Year's Eve.
+    I was thinking about my alt nickname _rikiddo_ and thought to myself, "I wonder what will happen if I drop the ddo?"
+    and _riki_ felt like the name of the cutest little critter in the world, so I just had to make the switch!
+
+    % id = "01JGXMY094Z19V95YYTV08FXDP"
+    - I've been rocking the _liquidex_ moniker for 4 or 5 years now.
+    _liquid_ in various forms has been my nickname for over twice as long.
+    I liked it when I came up with it, but I feel like it no longer reflects myself or my values very well.
+
+        % id = "01JGXMY09417BKZ9ZQJ93RNQEK"
+        - honestly most of all, _liquidex_ just feels like the wrong sort of name for a furry ---w---
+
+        % id = "01JGXMY094QY1AMGNPPAMEC4AF"
+        - but that's not surprising, given that I came up with it while spreading hate towards innocent people.
+        it was _meant_ to be cheap and edgy-sounding.
+
+            % id = "01JGXMY094SDVHZVX9QWCPZVMV"
+            - which no longer aligns with what I want to be, so sayōnara, liquidex!
+
+    % id = "01JGXMY0945EWSD345WP3B74WQ"
+    - I'm not getting rid of the liquidex _username_ in most places, though---I like to imagine it might be a fun name for a company one day. _liquidex_ or _liquidev_, either would work, and they fit pretty well considering _riki_'s etymology.
+
+% id = "01JGXMY094HKNKF3YY44V5F4CH"
+- _riki_ feels like just the right sort of nickname for myself.
+it sounds cute and fun, yet slightly mischievous, perfect for the playful little cat I am. ---w---
+
+    % id = "01JGXMY094G7MSVSPJGC5T7P70"
+    - I also kind of like it doesn't really imply a specific gender.
+    feels right for a femboy-ish person like myself.
+
+% id = "01JGXMY094AZAMC177NF6FGBCK"
+- I've been rebranding the treehouse to fit this change, of course.
+
+    % id = "01JGXMY09476P1MVYTRXFTMWNZ"
+    - my website's no longer _liquidex's treehouse_, it's *riki's house* now!
+
+    or, *riki's fluffy little house* if you like typing a lot.
+
+    % id = "01JGXMY0944ETDB31X8XRPNZZH"
+    - the new logo is essentially just [my Minecraft house][branch:01JGRNC1F4BR62X3CTXXQBA6BF], lmao.
+    I liked the design so much I thought it would be perfect for a website with a `.house` TLD.
+
+    % id = "01JGXMY094924XQ3GMRS0Z63EY"
+    - you may have noticed the website is a lot more _pink_ now.
+    or purple, if you're on dark mode.
+
+        % id = "01JGXMY094T6WGHJC2ZK942RG1"
+        - I decided to go with these colors, because they fit the pink color scheme of the house pretty well!
+
+        % id = "01JGXMY094FMQEGZ97B0EQYV5E"
+        - also, I don't really like the stereotype that pink is a girly color.
+        so here it is: I'm a guy with a girly-looking website.
+        cry about it!
+
+        % id = "01JGXMY094Z55EVDRVKHQ4FJT9"
+        - I increased the overall contrast and boldness of the typography _a ton_, too.
+        the text is now darker (or lighter, if you're in dark mode), the code examples now have a more readable light mode theme, and the fonts are overall more bold and readable.
+
+    % id = "01JGXMY094HKEP5FDZT21SAA2F"
+    - but, the treehouse in the corner is not going anywhere!
+    at its core, this piece of software is still called `treehouse`, and I don't really wanna change that.
+    I think it's a good name.
+
+% id = "01JGXMY0940VX2RYFF0KDWM1P9"
+- so yeah, I think that pretty much covers it all---my nickname's riki now, so don't be surprised about the change!
+

content/programming/blog/or-types.tree

@@ -60,7 +60,7 @@ my intuitive understanding was this:
 
 
 % id = "01HTWN4XAD1MF8MGFK2BQPNQJQ"
-- now you might ask "what does this have to do with types mr. liquidex?"
+- now you might ask "what does this have to do with types mr. riki?"
 
     % id = "01HTWN4XADE1NAXYNE0MWP03SP"
     - I've always thought of product types as being very similar to a Boolean `AND` of two types, and sum types as being very similar to a Boolean `OR` of two types.

content/programming/blog/vfs.tree

@@ -286,7 +286,7 @@ like... you know. a _virtual_ file system?
 - ### [Radio Edit (radio edit)](https://www.youtube.com/watch?v=WQzx9o2-0d0){.secret}
 
     % id = "01JDJGVC7BH3VFBZ4MG5TXJT25"
-    - _but wait liquidex! what's that `edit_path` do?_
+    - _but wait riki! what's that `edit_path` do?_
 
     % id = "01JDJGVC7B7WD9RA8KZ1RT4MPS"
     - one notable thing about this virtual file system is that it doesn't allow writing to the virtual files.

content/treehouse.tree

@@ -14,10 +14,10 @@
 - #### :page: credits
 
     % id = "01HPSX8W0WQF2BXQ9RMME20628"
-    - **liquidex's treehouse** is brought to you by…
+    - **riki's house** is brought to you by…
 
         % id = "01HPSX8W0W4ABATHQC52KXRPBV"
-        - [liquidex][branch:01H89P3CH836K8WKQ9BPR6RE3C]! of course. that's me!
+        - [riki][branch:01H89P3CH836K8WKQ9BPR6RE3C]! of course. that's me!
 
         % id = "01HPSX8W0WTAFZPEGZPDB9CBJ3"
         - the piece of software called [treehouse][def:treehouse/repo] which powers this website. it's open source, together with the content!

content/treehouse/changelog.tree

@@ -259,10 +259,10 @@
 
         margin: 0px 2px;
 
-        &.red { background-color: var(--liquidex-brand-red); }
+        &.red { background-color: var(--accent-red); }
-        &.yellow { background-color: var(--liquidex-brand-yellow); }
+        &.yellow { background-color: var(--accent-yellow); }
-        &.green { background-color: var(--liquidex-brand-green); }
+        &.green { background-color: var(--accent-green); }
-        &.blue { background-color: var(--liquidex-brand-blue); }
+        &.blue { background-color: var(--accent-blue); }
     }
     </style>
     ```

content/treehouse/dev/syntax-highlighting.tree

@@ -32,6 +32,7 @@
     - NOTE: this is C23 so you may see some unfamiliar keywords
     % id = "01HY5R1ZW5DDH54AFNJTFMKZSF"
     - patterns
+
     ```c
     #include <stdio.h>
     #define SOMETHING_SOMETHING
@@ -62,6 +63,7 @@
 
     % id = "01HY5R1ZW5X2AVZFVHV0QR1J93"
     - keywords
+
     ```c
     alignas alignof auto break case const constexpr continue default do else extern for goto if
     inline register restrict return sizeof static static_assert switch thread_local typedef typeof
@@ -75,6 +77,7 @@
 
     % id = "01HY5R1ZW5PP1C00NSWAG5FA8B"
     - sample
+
     ```c
     #include <snug/bump.h>
 
@@ -129,6 +132,7 @@
 
         % id = "01HY5R1ZW5KYY6VCKWBHN1GF10"
         - patterns
+
         ```c.types
         x /*: int */
         ```
@@ -138,6 +142,7 @@
 
     % id = "01HRT0DG7V9PAY44NMYVMF7B63"
     - patterns
+
     ```javascript
     // This is a single-line comment.
     /* This is
@@ -154,6 +159,7 @@
 
     % id = "01HRT0DG7VM2MV9YA5D694WA8Y"
     - keywords
+
     ```javascript
     as async await break case catch class const continue debugger default delete do else export
     extends finally for from function get if import in instanceof let new of return set static
@@ -166,6 +172,7 @@
 
     % id = "01HRT0DG7VA7MA87JR7MGQW294"
     - sample code
+
     ```javascript
     // t is an existing tile index; variable name is short for brevity
     export function removeRedundancies(t) {
@@ -224,6 +231,7 @@
 
     % id = "01HRT0W4AKPFENNFWMA7AAGN5Z"
     - patterns
+
     ```json
     abcd
     0.912392198e+2113
@@ -234,12 +242,14 @@
 
     % id = "01HRT0W4AK8D1W9ZN9HJTHC85Q"
     - keywords
+
     ```json
     null true false
     ```
 
     % id = "01HRT0W4AK4F2S65M1NT75PCGQ"
     - sample
+
     ```json
     {
         "patterns": [
@@ -265,6 +275,7 @@
 
     % id = "01HTAQ23YHP2MN7VANBA573WWB"
     - patterns
+
     ```lua
     -- single-line comment
     --[[
@@ -285,6 +296,7 @@
 
     % id = "01HTAQ23YHY8EH8Z8AQEQ8G6SA"
     - keywords
+
     ```lua
     if then else elseif end do function repeat until while for break return local in not and or goto
     self
@@ -294,6 +306,7 @@
 
     % id = "01HTAQ23YHCRZFXM02VYRVS4JS"
     - sample
+
     ```lua
     -- Ticks the scheduler: executes every active fiber, removes inactive fibers,
     -- and ignores sleeping fibers.
@@ -330,6 +343,7 @@
 
     % id = "01HTWRAS0E9FRH08MZZKMKXX2M"
     - patterns
+
     ```rust
     // this is a comment
     /* this is a multiline comment */
@@ -352,6 +366,7 @@
 
     % id = "01HTWRAS0EQ3E9BV7TWEGQ01YF"
     - keywords
+
     ```rust
     _ as async await break const continue dyn else enum extern fn for if impl in let loop
     macro_rules! match mod move mut pub ref return static struct trait type unsafe use where while
@@ -365,6 +380,7 @@
 
     % id = "01HTWRAS0EQRQJ9NHYPTE89Q5H"
     - sample
+
     ```rust
     use chrono::{Datelike, Utc};
     use serde::{Deserialize, Serialize};

content/treehouse/dev/tools.tree

@@ -3,7 +3,7 @@ styles = ["dev.css"]
 scripts = ["treehouse/dev/picture-upload.js"]
 
 % id = "01JEHDJSJP282VCTRKYHNFM4N7"
-- welcome! if you stumbled upon this page at random, know these tools are available in *debug builds only* (which <https://liquidex.house> is not.)
+- welcome! if you stumbled upon this page at random, know these tools are available in *debug builds only* (which <https://riki.house> is not.)
 
     % id = "01JEHDJSJP7FT74RB92VRA14F2"
     - I don't currently have an option to disable generating a page in release builds, so here you are.

content/treehouse/new.tree

@@ -13,14 +13,14 @@ if you've been wondering what I've been up to, you've come to the right place.
     - you can keep track of which posts you've read by looking at the color of the links.
 
     % id = "01JDTA3BNHRT3GM61XSXHRKTPB"
-    - there is [an Atom feed][feed:new] in case you want to add the treehouse to your feed reader.
+    - there is [an Atom feed][feed:new] in case you want to add riki's house to your feed reader.
 
         % id = "01JDTAEQPT6C6P6RSETHMAKTNH"
         - hint: unlike this page (for now), the Atom feed exposes _categories_ you can feed to your reader to filter out posts you don't want to see.
 
         % id = "01JEPCPH3ZZGC3NQWWDCC7SR1V"
         - also, the Atom feed does not contain post content.
-        this is due to the treehouse being {-cybernetically enhanced-} better with all my artisanal touches and CSS!
+        this is due to the house being {-cybernetically enhanced-} better with all my artisanal touches and CSS!
 
         if you want to read any of the posts, follow the links.
         it's like that by design.
@@ -166,7 +166,7 @@ if you've been wondering what I've been up to, you've come to the right place.
 - ### ["I build things"][page:philosophy/i-build-things]
 
     % id = "01JBAK3T1ZXJ8C8MKBWHGXABQX"
-    - liquidex yells at cloud.
+    - riki yells at cloud.
     an insight as to how I believe life ought to be colorful, and how just saying "I build _things_" is gray and empty.
 
 % id = "01JBAGZAZ30K443QYPK0XBNZWM"
@@ -315,7 +315,7 @@ if you've been wondering what I've been up to, you've come to the right place.
 
 % id = "01HQ8KV8T8GRCVFDJ3EP6QE163"
   tags = ["design"]
-- ### [liquidex's treehouse: design][page:design]
+- ### [riki's treehouse: design][page:design]
 
     % id = "01HQ8KV8T8EEX6XBG2K1X3FGKW"
     - I started a branch on user interface and user experience design, because I was working with mintty at work and had some thoughts about it.

scripts/mkicon.fish

@@ -1,7 +1,8 @@
 #!/usr/bin/env fish
 
-set filename $argv[1]
+for filename in $argv
-set icon_name (basename $filename .svg)
+    set icon_name (basename $filename .svg)
-set icon_base64 (svgcleaner --stdout $filename 2>/dev/null | base64 -w0)
+    set icon_base64 (svgcleaner --stdout $filename 2>/dev/null | base64 -w0)
 
-printf "--icon-%s: url('data:image/svg+xml;base64,%s');" "$icon_name" "$icon_base64"
+    printf "--icon-%s: url('data:image/svg+xml;base64,%s');\n" "$icon_name" "$icon_base64" | sort
+end

static/chat/kuroneko.json

@@ -96,7 +96,7 @@
             "kind": "ask",
             "questions": [
                 {
-                    "content": "\"She?\" You mean, your owner isn't liquidex?",
+                    "content": "\"She?\" You mean, your owner isn't riki?",
                     "then": "introductions.youSpeak.theOther.owner3"
                 },
                 {

static/css/base.css

@@ -1,42 +1,38 @@
 /* Color scheme. */
 
 :root {
-    /* naturally */
+    --accent-red: #fb4c9e;
-    --liquidex-brand-blue: #058ef0;
+    --accent-yellow: #ffac0c;
-    /* but also: */
+    --accent-green: #0dd292;
-    --liquidex-brand-red: #eb134a;
+    --accent-blue: #0577f0;
-    --liquidex-brand-yellow: #ffc31f;
+    --accent-purple: #c952f5;
-    --liquidex-brand-green: #06ca4a;
+    --accent-pink: #ffa8f3;
 
-    --text-color-light: #55423e;
+    --background-color: #faeaff;
-    --link-color-light: #004ec8;
+    --background-color-tooltip: color-mix(
-    --link-color-visited-light: #6c2380;
+        in lab,
-
+        var(--background-color),
-    --background-color: rgb(255, 253, 246);
+        var(--shading-base) 10%
-    --background-color-tooltip: rgb(226, 223, 214);
+    );
-    --text-color: #55423e;
+    --text-color: #302859;
     --link-color: #004ec8;
     --link-color-visited: #6c2380;
 
-    --shaded-background: rgba(0, 0, 0, 5%);
+    --shading-base: #592782;
-    --border-1: rgba(0, 0, 0, 15%);
+
-    --border-2: rgba(0, 0, 0, 30%);
+    --shaded-background: rgb(from var(--shading-base) r g b / 5%);
-    --hover: rgba(0, 0, 0, 15%);
+    --border-1: rgb(from var(--shading-base) r g b / 15%);
+    --border-2: rgb(from var(--shading-base) r g b / 30%);
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
-        --background-color: rgb(30, 40, 53);
+        --background-color: rgb(31, 30, 53);
-        --background-color-tooltip: rgb(23, 31, 41);
+        --text-color: #f7ece5;
-        --text-color: #d7cdbf;
         --link-color: #93cce8;
         --link-color-visited: #f7afde;
 
-        --shaded-background: #f7e5df0c;
+        --shading-base: #e4d2ff;
-        --border-0: #f7e5df1a;
-        --border-1: #f7e5df26;
-        --border-1-and-a-half: #f7e5df3a;
-        --border-2: #f7e5df4d;
     }
 }
 

static/css/dev.css

@@ -1,6 +1,6 @@
 /* Styles for developer tools.
    This stylesheet MUST NOT be used for modifying the appearance of elements globally.
-   If you notice that it is for whatever reason, please bonk liquidex on the head. */
+   If you notice that it is for whatever reason, please bonk riki on the head. */
 
 th-picture-upload {
     display: block;

static/css/icons.css

@@ -1,25 +1,27 @@
 :root {
-    --icon-breadcrumb: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgMTIgNC00LTQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTU0MjNlIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
+    --icon-breadcrumb: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgMTIgNC00LTQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzAyODU5IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
-    --icon-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iIzU1NDIzZSIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
+    --icon-choose: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiAxMiA0LTQtNC00IiBzdHJva2U9IiMzMDI4NTkiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==");
-    --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiM1NTQyM2UiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4=");
+    --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMzAyODU5Ij48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+");
-    --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiM1NTQyM2UiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
+    --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiMzMDI4NTkiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
-    --icon-more: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQgNiA0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiM1NTQyM2UiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
+    --icon-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iIzMwMjg1OSIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
-    --icon-permalink: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNjU2ODYgMiAxLjQxNDIxIDEuNDE0MjJjLjY4MDUxLjY4MDUxIDEuMDY0NTMgMS41NDUyMSAxLjE1MjEzIDIuNDMzNjIuODg4NC4wODc2IDEuNzUzMS40NzE2NSAyLjQzMzcgMS4xNTIxNmwxLjQxNDIgMS40MTQyMmMxLjU2MjEgMS41NjIwOSAxLjU2MjEgNC4wOTQ3OCAwIDUuNjU2ODhzLTQuMDk0NzkgMS41NjIxLTUuNjU2ODggMGwtMS40MTQyMi0xLjQxNDJjLS42ODA1MS0uNjgwNi0xLjA2NDU2LTEuNTQ1My0xLjE1MjE2LTIuNDMzNy0uODg4NDEtLjA4NzYtMS43NTMxMS0uNDcxNjItMi40MzM2Mi0xLjE1MjEzbC0xLjQxNDIyLTEuNDE0MjFjLTEuNTYyMDk0LTEuNTYyMS0xLjU2MjA5NC00LjA5NDc2IDAtNS42NTY4NiAxLjU2MjEtMS41NjIwOTQgNC4wOTQ3Ni0xLjU2MjA5NCA1LjY1Njg2IDB6bS42MTggNy42ODkwN2MtLjE0NDMuMDg1MjItLjI5MjgxLjE2MDYxLS40NDQ1NS4yMjYxNi4wMjA4My40ODI1Ny4yMTU0Ni45NTg5Ny41ODM5MSAxLjMyNzM3bDEuNDE0MjEgMS40MTQzYy43ODEwNy43ODEgMi4wNDczNy43ODEgMi44Mjg0NyAwIC43ODEtLjc4MTEuNzgxLTIuMDQ3NCAwLTIuODI4NDdsLTEuNDE0My0xLjQxNDIxYy0uMzY4NC0uMzY4NDUtLjg0NDgtLjU2MzA4LTEuMzI3MzctLjU4MzkxLS4wNjU1NS4xNTE3My0uMTQwOTMuMzAwMjQtLjIyNjE2LjQ0NDU0bDEuODQ2NDMgMS44NDY0NS0xLjQxNDIgMS40MTQyem0tLjYxOC00Ljg2MDY0Yy4zNjg0NC4zNjg0NS41NjMwOC44NDQ4OC41ODM5MSAxLjMyNzQyLS4xNTE3NC4wNjU1NC0uMzAwMjQuMTQwOTMtLjQ0NDU0LjIyNjE1bC0xLjkxNzU0LTEuOTE3NTMtMS40MTQyMSAxLjQxNDIxIDEuOTE3NTMgMS45MTc1M2MtLjA4NTIzLjE0NDMxLS4xNjA2MS4yOTI4Mi0uMjI2MTYuNDQ0NTYtLjQ4MjU0LS4wMjA4My0uOTU4OTctLjIxNTQ3LTEuMzI3NDItLjU4MzkxbC0xLjQxNDIxLTEuNDE0MjJjLS43ODEwNS0uNzgxMDUtLjc4MTA1LTIuMDQ3MzcgMC0yLjgyODQyczIuMDQ3MzctLjc4MTA1IDIuODI4NDIgMHoiIGZpbGw9IiM1NTQyM2UiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
+    --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iIzMwMjg1OSIvPjwvc3ZnPg==");
-    --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iIzU1NDIzZSIvPjwvc3ZnPg==");
+    --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjMzAyODU5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
-    --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjNTU0MjNlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
+    --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiMzMDI4NTkiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4=");
-    --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjNTU0MjNlIj48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+");
+    --icon-more: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQgNiA0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMDI4NTkiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
+    --icon-permalink: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNjU2ODYgMiAxLjQxNDIxIDEuNDE0MjJjLjY4MDUxLjY4MDUxIDEuMDY0NTMgMS41NDUyMSAxLjE1MjEzIDIuNDMzNjIuODg4NC4wODc2IDEuNzUzMS40NzE2NSAyLjQzMzcgMS4xNTIxNmwxLjQxNDIgMS40MTQyMmMxLjU2MjEgMS41NjIwOSAxLjU2MjEgNC4wOTQ3OCAwIDUuNjU2ODhzLTQuMDk0NzkgMS41NjIxLTUuNjU2ODggMGwtMS40MTQyMi0xLjQxNDJjLS42ODA1MS0uNjgwNi0xLjA2NDU2LTEuNTQ1My0xLjE1MjE2LTIuNDMzNy0uODg4NDEtLjA4NzYtMS43NTMxMS0uNDcxNjItMi40MzM2Mi0xLjE1MjEzbC0xLjQxNDIyLTEuNDE0MjFjLTEuNTYyMDk0LTEuNTYyMS0xLjU2MjA5NC00LjA5NDc2IDAtNS42NTY4NiAxLjU2MjEtMS41NjIwOTQgNC4wOTQ3Ni0xLjU2MjA5NCA1LjY1Njg2IDB6bS42MTggNy42ODkwN2MtLjE0NDMuMDg1MjItLjI5MjgxLjE2MDYxLS40NDQ1NS4yMjYxNi4wMjA4My40ODI1Ny4yMTU0Ni45NTg5Ny41ODM5MSAxLjMyNzM3bDEuNDE0MjEgMS40MTQzYy43ODEwNy43ODEgMi4wNDczNy43ODEgMi44Mjg0NyAwIC43ODEtLjc4MTEuNzgxLTIuMDQ3NCAwLTIuODI4NDdsLTEuNDE0My0xLjQxNDIxYy0uMzY4NC0uMzY4NDUtLjg0NDgtLjU2MzA4LTEuMzI3MzctLjU4MzkxLS4wNjU1NS4xNTE3My0uMTQwOTMuMzAwMjQtLjIyNjE2LjQ0NDU0bDEuODQ2NDMgMS44NDY0NS0xLjQxNDIgMS40MTQyem0tLjYxOC00Ljg2MDY0Yy4zNjg0NC4zNjg0NS41NjMwOC44NDQ4OC41ODM5MSAxLjMyNzQyLS4xNTE3NC4wNjU1NC0uMzAwMjQuMTQwOTMtLjQ0NDU0LjIyNjE1bC0xLjkxNzU0LTEuOTE3NTMtMS40MTQyMSAxLjQxNDIxIDEuOTE3NTMgMS45MTc1M2MtLjA4NTIzLjE0NDMxLS4xNjA2MS4yOTI4Mi0uMjI2MTYuNDQ0NTYtLjQ4MjU0LS4wMjA4My0uOTU4OTctLjIxNTQ3LTEuMzI3NDItLjU4MzkxbC0xLjQxNDIxLTEuNDE0MjJjLS43ODEwNS0uNzgxMDUtLjc4MTA1LTIuMDQ3MzcgMC0yLjgyODQyczIuMDQ3MzctLjc4MTA1IDIuODI4NDIgMHoiIGZpbGw9IiMzMDI4NTkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
-        --icon-breadcrumb: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgMTIgNC00LTQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDdjZGJmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
+        --icon-breadcrumb: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgMTIgNC00LTQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjdlY2U1IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
-        --icon-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iI2Q3Y2RiZiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
+        --icon-choose: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiAxMiA0LTQtNC00IiBzdHJva2U9IiNmN2VjZTUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==");
-        --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiNkN2NkYmYiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4=");
+        --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZjdlY2U1Ij48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+");
-        --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiNkN2NkYmYiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
+        --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiNmN2VjZTUiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
-        --icon-permalink: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNjU2ODYgMiAxLjQxNDIxIDEuNDE0MjJjLjY4MDUxLjY4MDUxIDEuMDY0NTMgMS41NDUyMSAxLjE1MjEzIDIuNDMzNjIuODg4NC4wODc2IDEuNzUzMS40NzE2NSAyLjQzMzcgMS4xNTIxNmwxLjQxNDIgMS40MTQyMmMxLjU2MjEgMS41NjIwOSAxLjU2MjEgNC4wOTQ3OCAwIDUuNjU2ODhzLTQuMDk0NzkgMS41NjIxLTUuNjU2ODggMGwtMS40MTQyMi0xLjQxNDJjLS42ODA1MS0uNjgwNi0xLjA2NDU2LTEuNTQ1My0xLjE1MjE2LTIuNDMzNy0uODg4NDEtLjA4NzYtMS43NTMxMS0uNDcxNjItMi40MzM2Mi0xLjE1MjEzbC0xLjQxNDIyLTEuNDE0MjFjLTEuNTYyMDk0LTEuNTYyMS0xLjU2MjA5NC00LjA5NDc2IDAtNS42NTY4NiAxLjU2MjEtMS41NjIwOTQgNC4wOTQ3Ni0xLjU2MjA5NCA1LjY1Njg2IDB6bS42MTggNy42ODkwN2MtLjE0NDMuMDg1MjItLjI5MjgxLjE2MDYxLS40NDQ1NS4yMjYxNi4wMjA4My40ODI1Ny4yMTU0Ni45NTg5Ny41ODM5MSAxLjMyNzM3bDEuNDE0MjEgMS40MTQzYy43ODEwNy43ODEgMi4wNDczNy43ODEgMi44Mjg0NyAwIC43ODEtLjc4MTEuNzgxLTIuMDQ3NCAwLTIuODI4NDdsLTEuNDE0My0xLjQxNDIxYy0uMzY4NC0uMzY4NDUtLjg0NDgtLjU2MzA4LTEuMzI3MzctLjU4MzkxLS4wNjU1NS4xNTE3My0uMTQwOTMuMzAwMjQtLjIyNjE2LjQ0NDU0bDEuODQ2NDMgMS44NDY0NS0xLjQxNDIgMS40MTQyem0tLjYxOC00Ljg2MDY0Yy4zNjg0NC4zNjg0NS41NjMwOC44NDQ4OC41ODM5MSAxLjMyNzQyLS4xNTE3NC4wNjU1NC0uMzAwMjQuMTQwOTMtLjQ0NDU0LjIyNjE1bC0xLjkxNzU0LTEuOTE3NTMtMS40MTQyMSAxLjQxNDIxIDEuOTE3NTMgMS45MTc1M2MtLjA4NTIzLjE0NDMxLS4xNjA2MS4yOTI4Mi0uMjI2MTYuNDQ0NTYtLjQ4MjU0LS4wMjA4My0uOTU4OTctLjIxNTQ3LTEuMzI3NDItLjU4MzkxbC0xLjQxNDIxLTEuNDE0MjJjLS43ODEwNS0uNzgxMDUtLjc4MTA1LTIuMDQ3MzcgMC0yLjgyODQyczIuMDQ3MzctLjc4MTA1IDIuODI4NDIgMHoiIGZpbGw9IiNkN2NkYmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
+        --icon-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iI2Y3ZWNlNSIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
-        --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iI2Q3Y2RiZiIvPjwvc3ZnPg==");
+        --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iI2Y3ZWNlNSIvPjwvc3ZnPg==");
-        --icon-more: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQgNiA0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiNkN2NkYmYiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
+        --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjZjdlY2U1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
-        --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjZDdjZGJmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
+        --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiNmN2VjZTUiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4=");
-        --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZDdjZGJmIj48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+");
+        --icon-more: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQgNiA0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiNmN2VjZTUiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
+        --icon-permalink: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNjU2ODYgMiAxLjQxNDIxIDEuNDE0MjJjLjY4MDUxLjY4MDUxIDEuMDY0NTMgMS41NDUyMSAxLjE1MjEzIDIuNDMzNjIuODg4NC4wODc2IDEuNzUzMS40NzE2NSAyLjQzMzcgMS4xNTIxNmwxLjQxNDIgMS40MTQyMmMxLjU2MjEgMS41NjIwOSAxLjU2MjEgNC4wOTQ3OCAwIDUuNjU2ODhzLTQuMDk0NzkgMS41NjIxLTUuNjU2ODggMGwtMS40MTQyMi0xLjQxNDJjLS42ODA1MS0uNjgwNi0xLjA2NDU2LTEuNTQ1My0xLjE1MjE2LTIuNDMzNy0uODg4NDEtLjA4NzYtMS43NTMxMS0uNDcxNjItMi40MzM2Mi0xLjE1MjEzbC0xLjQxNDIyLTEuNDE0MjFjLTEuNTYyMDk0LTEuNTYyMS0xLjU2MjA5NC00LjA5NDc2IDAtNS42NTY4NiAxLjU2MjEtMS41NjIwOTQgNC4wOTQ3Ni0xLjU2MjA5NCA1LjY1Njg2IDB6bS42MTggNy42ODkwN2MtLjE0NDMuMDg1MjItLjI5MjgxLjE2MDYxLS40NDQ1NS4yMjYxNi4wMjA4My40ODI1Ny4yMTU0Ni45NTg5Ny41ODM5MSAxLjMyNzM3bDEuNDE0MjEgMS40MTQzYy43ODEwNy43ODEgMi4wNDczNy43ODEgMi44Mjg0NyAwIC43ODEtLjc4MTEuNzgxLTIuMDQ3NCAwLTIuODI4NDdsLTEuNDE0My0xLjQxNDIxYy0uMzY4NC0uMzY4NDUtLjg0NDgtLjU2MzA4LTEuMzI3MzctLjU4MzkxLS4wNjU1NS4xNTE3My0uMTQwOTMuMzAwMjQtLjIyNjE2LjQ0NDU0bDEuODQ2NDMgMS44NDY0NS0xLjQxNDIgMS40MTQyem0tLjYxOC00Ljg2MDY0Yy4zNjg0NC4zNjg0NS41NjMwOC44NDQ4OC41ODM5MSAxLjMyNzQyLS4xNTE3NC4wNjU1NC0uMzAwMjQuMTQwOTMtLjQ0NDU0LjIyNjE1bC0xLjkxNzU0LTEuOTE3NTMtMS40MTQyMSAxLjQxNDIxIDEuOTE3NTMgMS45MTc1M2MtLjA4NTIzLjE0NDMxLS4xNjA2MS4yOTI4Mi0uMjI2MTYuNDQ0NTYtLjQ4MjU0LS4wMjA4My0uOTU4OTctLjIxNTQ3LTEuMzI3NDItLjU4MzkxbC0xLjQxNDIxLTEuNDE0MjJjLS43ODEwNS0uNzgxMDUtLjc4MTA1LTIuMDQ3MzcgMC0yLjgyODQyczIuMDQ3MzctLjc4MTA1IDIuODI4NDIgMHoiIGZpbGw9IiNmN2VjZTUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
     }
 }

static/css/main.css

@@ -9,7 +9,7 @@ body {
     grid-template-columns:
         [left] minmax(
             0,
-            clamp(80px, calc(100vw - (1920px - 360px - 160px)), 160px)
+            clamp(136px, calc(100vw - (1920px - 360px - 160px)), 160px)
         )
         [center] minmax(0, auto)
         [right] minmax(0, calc(100vw - (1920px - 360px)));
@@ -109,7 +109,7 @@ body {
 }
 
 :focus-visible {
-    outline: 0.1rem solid var(--liquidex-brand-blue);
+    outline: 0.1rem solid var(--accent-blue);
     outline-offset: 0.2rem;
 }
 
@@ -125,12 +125,6 @@ body {
     src: url("../font/Recursive_VF_1.085.woff2?v=b3-445487d5");
 }
 
-@font-face {
-    font-family: "RecVarMono";
-    src: url("../font/Recursive_VF_1.085.woff2?v=b3-445487d5");
-    font-variation-settings: "MONO" 1;
-}
-
 body,
 pre,
 code,
@@ -163,8 +157,8 @@ input {
 
 :root {
     --recursive-mono: 0;
-    --recursive-casl: 1;
+    --recursive-casl: 0;
-    --recursive-wght: 400;
+    --recursive-wght: 450;
     --recursive-slnt: 0;
     --recursive-crsv: 0.5;
 
@@ -191,7 +185,6 @@ input {
 }
 
 h1 {
-    --recursive-casl: 0;
     --recursive-wght: 900;
 
     font-size: 5.6rem;
@@ -199,22 +192,19 @@ h1 {
 }
 
 h2 {
-    --recursive-casl: 0.5;
+    --recursive-wght: 850;
-    --recursive-wght: 800;
 
     font-size: 3.2rem;
 }
 
 h3 {
-    --recursive-casl: 0.5;
+    --recursive-wght: 850;
-    --recursive-wght: 700;
 
     font-size: 2.4rem;
 }
 
 h4 {
-    --recursive-casl: 0.5;
+    --recursive-wght: 800;
-    --recursive-wght: 700;
 
     font-size: 1.6rem;
 }
@@ -224,7 +214,6 @@ code,
 kbd,
 th-literate-program {
     --recursive-mono: 1;
-    --recursive-casl: 0;
     --recursive-wght: 450;
 }
 
@@ -418,7 +407,6 @@ th {
     background-color: var(--shaded-background);
 
     --recursive-wght: 700;
-    --recursive-casl: 0.5;
 }
 
 /* Horizontal rules */
@@ -436,7 +424,7 @@ hr {
 .noscript {
     padding: 1.6rem;
     background-color: #fde748;
-    color: var(--text-color-light);
+    color: #55423e;
     border: 0.1rem solid #6c581c;
     border-radius: 0.8rem;
     width: fit-content;
@@ -460,11 +448,11 @@ hr {
 }
 
 .noscript a {
-    color: var(--link-color-light);
+    color: #004ec8;
 }
 
 .noscript a:visited {
-    color: var(--link-color-visited-light);
+    color: #6c2380;
 }
 
 /* Navigation button */
@@ -476,8 +464,8 @@ hr {
 
 #nav-logo .logo {
     /* NOTE: Measurements in px for pixel perfection */
-    width: 64px;
+    width: 120px;
-    height: 64px;
+    height: 120px;
 
     display: block;
     opacity: 100%;
@@ -517,7 +505,6 @@ h1.page-title {
 span.badge {
     --recursive-wght: 800;
     --recursive-mono: 1;
-    --recursive-casl: 0;
 
     border-radius: 100rem;
     padding: 0.2rem 0.6rem;
@@ -680,7 +667,6 @@ th-emoji-tooltip p {
 
 th-command-line {
     --recursive-mono: 1;
-    --recursive-casl: 0;
 
     display: none;
     flex-direction: column;
@@ -749,7 +735,7 @@ th-command-line {
 
             &:hover,
             &.tabbed {
-                background-color: var(--liquidex-brand-blue);
+                background-color: var(--accent-purple);
                 color: white;
             }
 
@@ -887,28 +873,28 @@ th-literate-program[data-mode="output"] {
 /* Syntax highlighting */
 
 :root {
-    --syntax-comment: #9b8580;
+    --syntax-comment: #6c657b;
     --syntax-identifier: var(--text-color);
-    --syntax-keyword1: #e15e2b;
+    --syntax-keyword1: #b03b0d;
-    --syntax-keyword2: #199aca;
+    --syntax-keyword2: #02739d;
-    --syntax-operator: #e3755b;
+    --syntax-operator: #ac4141;
-    --syntax-function: #d57b07;
+    --syntax-function: #9940b9;
-    --syntax-literal: #a64fb3;
+    --syntax-literal: #a84983;
-    --syntax-string: #79ac3b;
+    --syntax-string: #2c7754;
-    --syntax-punct: #a28680;
+    --syntax-punct: #6c657b;
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
-        --syntax-comment: #aca8a4;
+        --syntax-comment: #a8a2b9;
         --syntax-identifier: var(--text-color);
-        --syntax-keyword1: #ffb06a;
+        --syntax-keyword1: #ffb496;
-        --syntax-keyword2: #8ad4f9;
+        --syntax-keyword2: #98dcfd;
-        --syntax-operator: #ec9f8d;
+        --syntax-operator: #ffa5a5;
-        --syntax-function: #fbd283;
+        --syntax-function: #ffde9e;
-        --syntax-literal: #e9b9f0;
+        --syntax-literal: #ffcaf4;
-        --syntax-string: #b0dd7a;
+        --syntax-string: #d6fbaa;
-        --syntax-punct: #9d9a96;
+        --syntax-punct: #a8a2b9;
     }
 }
 

static/css/page/index.css

@@ -1,6 +1,90 @@
 h1.page-title {
     --recursive-wght: 900;
     font-size: 5.6rem;
+
+    display: flex;
+    flex-direction: column;
+    line-height: 1;
+    width: min-content;
+
+    transform: skew(-5deg, -5deg);
+
+    & .rikis {
+        width: max-content;
+        background-color: var(--text-color);
+        color: var(--background-color);
+        padding: 0.1em;
+
+        --shadow-color: var(--accent-pink);
+        box-shadow:
+            0.5px 0.5px 0 var(--shadow-color),
+            1px 1px 0 var(--shadow-color),
+            1.5px 1.5px 0 var(--shadow-color),
+            2px 2px 0 var(--shadow-color),
+            2.5px 2.5px 0 var(--shadow-color),
+            3px 3px 0 var(--shadow-color),
+            3.5px 3.5px 0 var(--shadow-color),
+            4px 4px 0 var(--shadow-color);
+
+        /*
+            import math
+
+            print("box-shadow:")
+            x = 0
+            max_x = 16
+            while x < max_x:
+                print(f"{x}px {x}px {math.pow(x / max_x, 2) * 16}px rgba(from var(--shadow-color) r g b / {math.pow(1 - x / max_x, 3)}),")
+                x += 0.5
+        */
+        /* prettier-ignore */
+        box-shadow:
+            0px 0px 0.0px rgba(from var(--shadow-color) r g b / 1.0),
+            0.5px 0.5px 0.015625px rgba(from var(--shadow-color) r g b / 0.909149169921875),
+            1.0px 1.0px 0.0625px rgba(from var(--shadow-color) r g b / 0.823974609375),
+            1.5px 1.5px 0.140625px rgba(from var(--shadow-color) r g b / 0.744293212890625),
+            2.0px 2.0px 0.25px rgba(from var(--shadow-color) r g b / 0.669921875),
+            2.5px 2.5px 0.390625px rgba(from var(--shadow-color) r g b / 0.600677490234375),
+            3.0px 3.0px 0.5625px rgba(from var(--shadow-color) r g b / 0.536376953125),
+            3.5px 3.5px 0.765625px rgba(from var(--shadow-color) r g b / 0.476837158203125),
+            4.0px 4.0px 1.0px rgba(from var(--shadow-color) r g b / 0.421875),
+            4.5px 4.5px 1.265625px rgba(from var(--shadow-color) r g b / 0.371307373046875),
+            5.0px 5.0px 1.5625px rgba(from var(--shadow-color) r g b / 0.324951171875),
+            5.5px 5.5px 1.890625px rgba(from var(--shadow-color) r g b / 0.282623291015625),
+            6.0px 6.0px 2.25px rgba(from var(--shadow-color) r g b / 0.244140625),
+            6.5px 6.5px 2.640625px rgba(from var(--shadow-color) r g b / 0.209320068359375),
+            7.0px 7.0px 3.0625px rgba(from var(--shadow-color) r g b / 0.177978515625),
+            7.5px 7.5px 3.515625px rgba(from var(--shadow-color) r g b / 0.149932861328125),
+            8.0px 8.0px 4.0px rgba(from var(--shadow-color) r g b / 0.125),
+            8.5px 8.5px 4.515625px rgba(from var(--shadow-color) r g b / 0.102996826171875),
+            9.0px 9.0px 5.0625px rgba(from var(--shadow-color) r g b / 0.083740234375),
+            9.5px 9.5px 5.640625px rgba(from var(--shadow-color) r g b / 0.067047119140625),
+            10.0px 10.0px 6.25px rgba(from var(--shadow-color) r g b / 0.052734375),
+            10.5px 10.5px 6.890625px rgba(from var(--shadow-color) r g b / 0.040618896484375),
+            11.0px 11.0px 7.5625px rgba(from var(--shadow-color) r g b / 0.030517578125),
+            11.5px 11.5px 8.265625px rgba(from var(--shadow-color) r g b / 0.022247314453125),
+            12.0px 12.0px 9.0px rgba(from var(--shadow-color) r g b / 0.015625),
+            12.5px 12.5px 9.765625px rgba(from var(--shadow-color) r g b / 0.010467529296875),
+            13.0px 13.0px 10.5625px rgba(from var(--shadow-color) r g b / 0.006591796875),
+            13.5px 13.5px 11.390625px rgba(from var(--shadow-color) r g b / 0.003814697265625),
+            14.0px 14.0px 12.25px rgba(from var(--shadow-color) r g b / 0.001953125),
+            14.5px 14.5px 13.140625px rgba(from var(--shadow-color) r g b / 0.000823974609375),
+            15.0px 15.0px 14.0625px rgba(from var(--shadow-color) r g b / 0.000244140625),
+            15.5px 15.5px 15.015625px rgba(from var(--shadow-color) r g b / 3.0517578125e-05)
+            ;
+    }
+
+    & .adjectives {
+        --recursive-wght: 800;
+        font-size: 2rem;
+        vertical-align: 50%;
+    }
+
+    & .house {
+        width: max-content;
+        font-size: 4rem;
+        padding-left: 1em;
+        padding-top: 0.1em;
+    }
 }
 
 @media (hover: none) {
@@ -69,28 +153,28 @@ main.tree > ul {
 }
 
 #index\:about {
-    --section-color: #a7d5e0;
+    --section-color: var(--accent-pink);
 }
 
 #index\:programming {
-    --section-color: var(--liquidex-brand-red);
+    --section-color: var(--accent-red);
     --section-text-offset: -0.1em;
 }
 
 #index\:design {
-    --section-color: var(--liquidex-brand-yellow);
+    --section-color: var(--accent-yellow);
 }
 
 #index\:music {
-    --section-color: var(--liquidex-brand-green);
+    --section-color: var(--accent-green);
     --section-text-offset: -0.05em;
 }
 
 #index\:games {
-    --section-color: var(--liquidex-brand-blue);
+    --section-color: var(--accent-blue);
     --section-text-offset: 0.05em;
 }
 
 #index\:philosophy {
-    --section-color: #c952f5;
+    --section-color: var(--accent-purple);
 }

static/css/page/tairu.css

@@ -32,7 +32,6 @@
     & .west,
     & .north {
         --recursive-wght: 900;
-        --recursive-casl: 0;
         --recursive-slnt: 0;
         --recursive-mono: 1;
 

static/css/tree.css

@@ -20,7 +20,9 @@
     padding: 0;
 
     align-items: center;
+}
 
+.breadcrumb {
     opacity: 70%;
 }
 
@@ -42,7 +44,6 @@
 .breadcrumb a {
     --recursive-mono: 1;
     --recursive-wght: 500;
-    --recursive-casl: 0;
 
     color: var(--text-color);
     text-decoration: none;
@@ -415,7 +416,6 @@ ul.branch-quote {
 
     &::before {
         --recursive-wght: 900;
-        --recursive-casl: 0;
 
         content: "“";
         position: absolute;

static/js/command-line.js

@@ -212,7 +212,7 @@ CommandLine.registerCommand({
 
 CommandLine.registerCommand({
     aliases: ["quit", "exit", "q", "q!", "wq", "wq!", "wqa", "wqa!", "bc", "bc!", "bca", "bca!"],
-    description: "quit liquidex's treehouse (congration!)",
+    description: "quit riki's treehouse (congration!)",
     // non-immediate because this is a destructive action
 
     showInSuggestions(commandLine) {

static/svg/dark/breadcrumb.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6 12L10 8L6 4" fill="none" stroke="#d7cdbf" stroke-width="2" />
+    <path d="M6 12L10 8L6 4" fill="none" stroke="#f7ece5" stroke-width="2" />
 </svg>

static/svg/dark/choose.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6 12L10 8L6 4" stroke="#d7cdbf" stroke-width="2"/>
+<path d="M6 12L10 8L6 4" stroke="#f7ece5" stroke-width="2"/>
 </svg>

static/svg/dark/cmd.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="6" cy="6" r="1" fill="#d7cdbf"/>
+<circle cx="6" cy="6" r="1" fill="#f7ece5"/>
-<circle cx="6" cy="10" r="1" fill="#d7cdbf"/>
+<circle cx="6" cy="10" r="1" fill="#f7ece5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 14V2H11V14H9Z" fill="#d7cdbf"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 14V2H11V14H9Z" fill="#f7ece5"/>
 </svg>

static/svg/dark/collapse.svg

@@ -1,3 +1,3 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <line x1="3" y1="6" x2="9" y2="6" stroke="#d7cdbf" stroke-width="2" stroke-opacity="0.5" />
+    <line x1="3" y1="6" x2="9" y2="6" stroke="#f7ece5" stroke-width="2" stroke-opacity="0.5" />
 </svg>

static/svg/dark/expand.svg

@@ -1,4 +1,4 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 5V2H5V5H2V7H5V10H7V7H10V5H7Z" fill="#d7cdbf"
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 5V2H5V5H2V7H5V10H7V7H10V5H7Z" fill="#f7ece5"
         fill-opacity="0.5" />
 </svg>

static/svg/dark/go.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M10.5858 7L8.29291 4.70711L9.70712 3.29289L14.4142 8L9.70712 12.7071L8.29291 11.2929L10.5858 9H3V7H10.5858Z"
-        fill="#d7cdbf" />
+        fill="#f7ece5" />
 </svg>

static/svg/dark/history.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2426 3.75736C11.1569 2.67157 9.65685 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8H16L13 5L10 8H12C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C9.10457 4 10.1046 4.44772 10.8284 5.17157L12.2426 3.75736ZM7.00001 5V7.58579L5.79291 8.79289L7.20712 10.2071L9.00001 8.41421V5H7.00001Z" fill="#d7cdbf"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2426 3.75736C11.1569 2.67157 9.65685 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8H16L13 5L10 8H12C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C9.10457 4 10.1046 4.44772 10.8284 5.17157L12.2426 3.75736ZM7.00001 5V7.58579L5.79291 8.79289L7.20712 10.2071L9.00001 8.41421V5H7.00001Z" fill="#f7ece5"/>
 </svg>

static/svg/dark/leaf.svg

@@ -1,3 +1,3 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="6" cy="6" r="2" fill="#d7cdbf" fill-opacity="0.5" />
+    <circle cx="6" cy="6" r="2" fill="#f7ece5" fill-opacity="0.5" />
 </svg>

static/svg/dark/more.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4 6L8 10L12 6" fill="none" stroke="#d7cdbf" stroke-opacity="0.5" stroke-width="2" />
+    <path d="M4 6L8 10L12 6" fill="none" stroke="#f7ece5" stroke-opacity="0.5" stroke-width="2" />
 </svg>

static/svg/dark/permalink.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd"
         d="M7.65686 2L9.07107 3.41422C9.75158 4.09473 10.1356 4.95943 10.2232 5.84784C11.1116 5.93544 11.9763 6.31949 12.6569 7L14.0711 8.41422C15.6332 9.97631 15.6332 12.509 14.0711 14.0711C12.509 15.6332 9.97631 15.6332 8.41422 14.0711L7 12.6569C6.31949 11.9763 5.93544 11.1116 5.84784 10.2232C4.95943 10.1356 4.09473 9.75158 3.41422 9.07107L2 7.65686C0.437906 6.09476 0.437906 3.5621 2 2C3.5621 0.437906 6.09476 0.437906 7.65686 2ZM8.27486 9.68907C8.13056 9.77429 7.98205 9.84968 7.83031 9.91523C7.85114 10.3978 8.04577 10.8742 8.41422 11.2426L9.82843 12.6569C10.6095 13.4379 11.8758 13.4379 12.6569 12.6569C13.4379 11.8758 13.4379 10.6095 12.6569 9.82843L11.2426 8.41422C10.8742 8.04577 10.3978 7.85114 9.91523 7.83031C9.84968 7.98204 9.7743 8.13055 9.68907 8.27485L11.5355 10.1213L10.1213 11.5355L8.27486 9.68907ZM7.65686 4.82843C8.0253 5.19688 8.21994 5.67331 8.24077 6.15585C8.08903 6.22139 7.94053 6.29678 7.79623 6.382L5.87869 4.46447L4.46448 5.87868L6.38201 7.79621C6.29678 7.94052 6.2214 8.08903 6.15585 8.24077C5.67331 8.21994 5.19688 8.0253 4.82843 7.65686L3.41422 6.24264C2.63317 5.46159 2.63317 4.19527 3.41422 3.41422C4.19527 2.63317 5.46159 2.63317 6.24264 3.41422L7.65686 4.82843Z"
-        fill="#d7cdbf" />
+        fill="#f7ece5" />
 </svg>

static/svg/light/breadcrumb.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6 12L10 8L6 4" fill="none" stroke="#55423e" stroke-width="2" />
+    <path d="M6 12L10 8L6 4" fill="none" stroke="#302859" stroke-width="2" />
 </svg>

static/svg/light/choose.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6 12L10 8L6 4" stroke="#55423e" stroke-width="2"/>
+<path d="M6 12L10 8L6 4" stroke="#302859" stroke-width="2"/>
 </svg>

static/svg/light/cmd.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="6" cy="6" r="1" fill="#55423e"/>
+<circle cx="6" cy="6" r="1" fill="#302859"/>
-<circle cx="6" cy="10" r="1" fill="#55423e"/>
+<circle cx="6" cy="10" r="1" fill="#302859"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 14V2H11V14H9Z" fill="#55423e"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 14V2H11V14H9Z" fill="#302859"/>
 </svg>

static/svg/light/collapse.svg

@@ -1,3 +1,3 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <line x1="3" y1="6" x2="9" y2="6" stroke="#55423e" stroke-width="2" stroke-opacity="0.5" />
+    <line x1="3" y1="6" x2="9" y2="6" stroke="#302859" stroke-width="2" stroke-opacity="0.5" />
 </svg>

static/svg/light/expand.svg

@@ -1,4 +1,4 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 5V2H5V5H2V7H5V10H7V7H10V5H7Z" fill="#55423e"
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 5V2H5V5H2V7H5V10H7V7H10V5H7Z" fill="#302859"
         fill-opacity="0.5" />
 </svg>

static/svg/light/go.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M10.5858 7L8.29291 4.70711L9.70712 3.29289L14.4142 8L9.70712 12.7071L8.29291 11.2929L10.5858 9H3V7H10.5858Z"
-        fill="#55423e" />
+        fill="#302859" />
 </svg>

static/svg/light/history.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2426 3.75736C11.1569 2.67157 9.65685 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8H16L13 5L10 8H12C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C9.10457 4 10.1046 4.44772 10.8284 5.17157L12.2426 3.75736ZM7.00001 5V7.58579L5.79291 8.79289L7.20712 10.2071L9.00001 8.41421V5H7.00001Z" fill="#55423e"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2426 3.75736C11.1569 2.67157 9.65685 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8H16L13 5L10 8H12C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C9.10457 4 10.1046 4.44772 10.8284 5.17157L12.2426 3.75736ZM7.00001 5V7.58579L5.79291 8.79289L7.20712 10.2071L9.00001 8.41421V5H7.00001Z" fill="#302859"/>
 </svg>

static/svg/light/leaf.svg

@@ -1,3 +1,3 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="6" cy="6" r="2" fill="#55423e" fill-opacity="0.5" />
+    <circle cx="6" cy="6" r="2" fill="#302859" fill-opacity="0.5" />
 </svg>

static/svg/light/more.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4 6L8 10L12 6" fill="none" stroke="#55423e" stroke-opacity="0.5" stroke-width="2" />
+    <path d="M4 6L8 10L12 6" fill="none" stroke="#302859" stroke-opacity="0.5" stroke-width="2" />
 </svg>

static/svg/light/permalink.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd"
         d="M7.65686 2L9.07107 3.41422C9.75158 4.09473 10.1356 4.95943 10.2232 5.84784C11.1116 5.93544 11.9763 6.31949 12.6569 7L14.0711 8.41422C15.6332 9.97631 15.6332 12.509 14.0711 14.0711C12.509 15.6332 9.97631 15.6332 8.41422 14.0711L7 12.6569C6.31949 11.9763 5.93544 11.1116 5.84784 10.2232C4.95943 10.1356 4.09473 9.75158 3.41422 9.07107L2 7.65686C0.437906 6.09476 0.437906 3.5621 2 2C3.5621 0.437906 6.09476 0.437906 7.65686 2ZM8.27486 9.68907C8.13056 9.77429 7.98205 9.84968 7.83031 9.91523C7.85114 10.3978 8.04577 10.8742 8.41422 11.2426L9.82843 12.6569C10.6095 13.4379 11.8758 13.4379 12.6569 12.6569C13.4379 11.8758 13.4379 10.6095 12.6569 9.82843L11.2426 8.41422C10.8742 8.04577 10.3978 7.85114 9.91523 7.83031C9.84968 7.98204 9.7743 8.13055 9.68907 8.27485L11.5355 10.1213L10.1213 11.5355L8.27486 9.68907ZM7.65686 4.82843C8.0253 5.19688 8.21994 5.67331 8.24077 6.15585C8.08903 6.22139 7.94053 6.29678 7.79623 6.382L5.87869 4.46447L4.46448 5.87868L6.38201 7.79621C6.29678 7.94052 6.2214 8.08903 6.15585 8.24077C5.67331 8.21994 5.19688 8.0253 4.82843 7.65686L3.41422 6.24264C2.63317 5.46159 2.63317 4.19527 3.41422 3.41422C4.19527 2.63317 5.46159 2.63317 6.24264 3.41422L7.65686 4.82843Z"
-        fill="#55423e" />
+        fill="#302859" />
 </svg>

static/svg/object/logo.svg

@@ -1,5 +1,34 @@
-<svg class="logo" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="logo" width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd"
+
-        d="M8 3H7H6V4V5H4V6H6V9V10H7H10V12H11V10H12H13V9V8V7H12H11H10V8V9H7V6H8H9V5V4V3H8ZM12 9H11V8H12V9ZM7 5V4H8V5H7ZM3 5H2V6H3V5ZM10 13H11V14H10V13Z"
+<rect x="21" y="35" width="37" height="13" fill="#FFFBFE"/>
-        fill="currentColor" />
+<rect x="17" y="51" width="45" height="13" fill="#FFFBFE"/>
+<rect x="17" y="51" width="4" height="13" fill="#402444" class="f"/>
+<rect x="17" y="51" width="45" height="5" fill="#402444" class="f"/>
+<rect x="59" y="51" width="4" height="13" fill="#402444" class="f"/>
+<rect x="48" y="51" width="4" height="13" fill="#402444" class="f"/>
+<rect x="45" y="37" width="4" height="13" fill="#402444" class="f"/>
+<rect x="31" y="39" width="4" height="13" fill="#402444" class="f"/>
+<rect x="28" y="51" width="4" height="13" fill="#402444" class="f"/>
+<rect x="15" y="67" width="4" height="6" fill="#402444" class="f"/>
+<rect x="61" y="67" width="4" height="6" fill="#402444" class="f"/>
+<rect x="11" y="64" width="58" height="4" fill="#402444" class="f"/>
+<path d="M10.5 47.5L12.7348 48.7416C14.2204 49.5669 15.8918 50 17.5913 50H62.4087C64.1082 50 65.7796 49.5669 67.2652 48.7416L69.5 47.5" stroke="#FFA8F3" stroke-width="4"/>
+<rect x="21" y="35" width="4" height="13" fill="#402444" class="f"/>
+<rect x="21" y="34" width="38" height="6" fill="#402444" class="f"/>
+<rect x="55" y="35" width="4" height="13" fill="#402444" class="f"/>
+<path d="M32 23C30 24 28 36 28 36H52C52 36 50 24 48 23C46 22 43.5 21 40 21C36.5 21 34 22 32 23Z" fill="#FFA8F3"/>
+<path d="M14 7C31.1714 7 35 21.7231 35 23.9538L28 36C11.0513 36.2867 6.18405 24.2714 14 7Z" fill="#C780D2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3223 20.8129C11.8557 19.4953 11.5566 18.1958 11.5 17C17.5689 16.0418 22.1021 19.9323 25.6444 22.9724C26.975 24.1144 28.1658 25.1363 29.2456 25.7362L27.7324 26.8857L27.5696 27.2588C28.0885 27.5508 28.5669 27.8033 29 28L26.2999 30.1675L25.5 32C24.7656 32.2825 24.0184 32.4787 23.2686 32.6009L22.1364 33.5098C21.6608 33.3886 21.0215 33.1158 20.2799 32.7244C15.4631 32.3777 11.1046 29.5836 10 27.7425C10.4205 27.1117 11.0401 26.6065 11.8478 26.2103C10.1763 24.3995 9 22.5403 9 21C10.1116 20.7916 11.2225 20.7408 12.3223 20.8129Z" fill="#FFD5FA"/>
+<path d="M14 7C31.6 7 35.12 21.803 36 24L28 36C17.44 36 14 24.5758 14 7Z" fill="#FFA8F3"/>
+<path d="M66 7C48.8286 7 45 21.7231 45 23.9538L52 36C68.9487 36.2867 73.816 24.2714 66 7Z" fill="#C780D2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M67.6777 20.8129C68.1443 19.4953 68.4434 18.1958 68.5 17C62.4311 16.0418 57.8979 19.9323 54.3556 22.9724C53.025 24.1144 51.8342 25.1363 50.7544 25.7362L52.2676 26.8857L52.4304 27.2588C51.9115 27.5508 51.4331 27.8033 51 28L53.7001 30.1675L54.5 32C55.2344 32.2825 55.9816 32.4787 56.7314 32.6009L57.8636 33.5098C58.3392 33.3886 58.9785 33.1158 59.7201 32.7244C64.5369 32.3777 68.8954 29.5836 70 27.7425C69.5795 27.1117 68.9599 26.6065 68.1522 26.2103C69.8237 24.3995 71 22.5403 71 21C69.8884 20.7916 68.7775 20.7408 67.6777 20.8129Z" fill="#FFD5FA"/>
+<path d="M66 7C48.4 7 44.88 21.803 44 24L52 36C62.56 36 66 24.5758 66 7Z" fill="#FFA8F3"/>
+<rect x="38" y="60" width="4" height="4" fill="#402444" class="f"/>
+
+<style>
+    @media (prefers-color-scheme: dark) {
+        .f { fill: #4A2F56; }
+    }
+</style>
+
 </svg>

template/_feed_atom.hbs

@@ -2,7 +2,7 @@
 
 <!--
 
-%% title = "liquidex's treehouse Atom feed"
+%% title = "riki's house Atom feed"
 
 - ### remarks
 
@@ -31,7 +31,7 @@
 
     {{#each feed.entries}}
     <entry>
-        <id>{{ ../config.site }}/b?{{ id }}</id>
+        <id>{{ ../config.user.feed_id_prefix }}/b?{{ id }}</id>
         <updated>{{ updated }}</updated>
         <link rel="alternate" type="text/html" href="{{ url }}"/>
 
@@ -48,7 +48,7 @@
 
                       |\_/|   e n d              ME 20
                      = -w- =    o f              OW 24
-                       |  \       f i l e  liquidex.house
+                       |  \       f i l e      riki.house
 
 This Atom feed is intended for use by humans, monsters, and other critters.
 If you are a robot scraping my website for evil, please refrain from—

template/components/_header.hbs

@@ -10,7 +10,12 @@
         {{{ page.breadcrumbs }}}
     </ol>
 
-    {{#if (ne page.title page.tree_path)}}
+    {{#if (eq page.tree_path 'index')}}
+    {{!-- index has a custom stylised wordmark --}}
+    <h1 class="page-title"><span class="rikis">riki's</span> <span class="house"><span class="adjectives">fluffy little</span> house</span></h1>
+    {{/if}}
+
+    {{#if (ne page.tree_path 'index')}}
     <h1 class="page-title"><a href="{{ config.site }}/{{ page.tree_path }}">{{ page.title }}</a></h1>
     {{/if}}
 </section>

treehouse.toml

@@ -10,10 +10,15 @@ site = ""
 commit_base_url = "https://src.liquidev.net/liquidex/treehouse/src/commit"
 
 [user]
-title = "liquidex's treehouse"
+title = "riki's house"
-author = "liquidex"
+author = "riki"
-description = "a fluffy ragdoll's house on a tree = —w— ="
+description = "a fluffy ragdoll's fluffy house = —w— ="
-canonical_url = "https://liquidex.house"
+canonical_url = "https://riki.house"
+
+# URI prefix to use for entry IDs in feeds.
+# This is kept at the old domain so as not to wreak havoc in people's feed readers.
+# (changing this would mark all existing entries as unread, which would be really annoying.)
+feed_id_prefix = "https://liquidex.house"
 
 [defs]