diff --git a/LICENSE b/LICENSE index c7b84bb..1db4cad 100644 --- a/LICENSE +++ b/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 diff --git a/README.md b/README.md index c843c32..d937ced 100644 --- a/README.md +++ b/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). -Known issues are tracked on the [issue tracker in liquidex's shed](https://src.liquidev.net/liquidex/treehouse/issues). +Please report issues [directly to me](https://riki.house/b?hello). +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. diff --git a/admin/README.md b/admin/README.md index 9414515..fe480f3 100644 --- a/admin/README.md +++ b/admin/README.md @@ -1,6 +1,6 @@ # `admin` -Bunch of scripts I use to administrate the treehouse at . +Bunch of scripts I use to administrate the treehouse at . The full setup is: - A systemd service runs `daemon.bash` in a separate user. diff --git a/content/about.tree b/content/about.tree index 8d03f9c..4752e1b 100644 --- a/content/about.tree +++ b/content/about.tree @@ -1,14 +1,23 @@ %% title = "who that! (about me)" % id = "01J09B2BZXJ989S2SGWBNZ397C" -+ I am *liquidex*. ++ my name's *riki!* - % id = "01J09B2BZX54T2GSP8H3D62S6J" - + also known as *liquidex* + % id = "01JGW96B8N7V4EGTAFGDS08TFW" + - 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 @@ - ``{=html} % id = "01J09B2BZXX2R1TH10GGZC25KG" - + 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. + - you name it. as long as it poses a cool and fun challenge, I'll be on it :verified: % 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! + + diff --git a/content/index.tree b/content/index.tree index 73c72e3..5011bcc 100644 --- a/content/index.tree +++ b/content/index.tree @@ -1,4 +1,4 @@ -%% title = "liquidex's treehouse" +%% title = "riki's house" styles = ["page/index.css"] % id = "01H8V556P1PND8DQ73XBTZZJH7" diff --git a/content/music/spotify.tree b/content/music/spotify.tree index c7c97f0..f282a56 100644 --- a/content/music/spotify.tree +++ b/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" diff --git a/content/philosophy.tree b/content/philosophy.tree index cce9d65..7531d3f 100644 --- a/content/philosophy.tree +++ b/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 @@ + diff --git a/content/philosophy/i-build-things.tree b/content/philosophy/i-build-things.tree index 55ce72f..8a147b4 100644 --- a/content/philosophy/i-build-things.tree +++ b/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. diff --git a/content/philosophy/responsibility.tree b/content/philosophy/responsibility.tree index 47ad3e3..a19bf8e 100644 --- a/content/philosophy/responsibility.tree +++ b/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. diff --git a/content/philosophy/riki.tree b/content/philosophy/riki.tree new file mode 100644 index 0000000..35843a0 --- /dev/null +++ b/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 now redirects to . + + % 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! + diff --git a/content/programming/blog/or-types.tree b/content/programming/blog/or-types.tree index a2b5f1a..1dbb283 100644 --- a/content/programming/blog/or-types.tree +++ b/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. diff --git a/content/programming/blog/vfs.tree b/content/programming/blog/vfs.tree index a560378..928c0dc 100644 --- a/content/programming/blog/vfs.tree +++ b/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. diff --git a/content/treehouse.tree b/content/treehouse.tree index 4487a88..990fd76 100644 --- a/content/treehouse.tree +++ b/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! diff --git a/content/treehouse/changelog.tree b/content/treehouse/changelog.tree index 09ba65e..6eeea3b 100644 --- a/content/treehouse/changelog.tree +++ b/content/treehouse/changelog.tree @@ -259,10 +259,10 @@ margin: 0px 2px; - &.red { background-color: var(--liquidex-brand-red); } - &.yellow { background-color: var(--liquidex-brand-yellow); } - &.green { background-color: var(--liquidex-brand-green); } - &.blue { background-color: var(--liquidex-brand-blue); } + &.red { background-color: var(--accent-red); } + &.yellow { background-color: var(--accent-yellow); } + &.green { background-color: var(--accent-green); } + &.blue { background-color: var(--accent-blue); } } ``` diff --git a/content/treehouse/dev/syntax-highlighting.tree b/content/treehouse/dev/syntax-highlighting.tree index a1ea3e2..0bf7c95 100644 --- a/content/treehouse/dev/syntax-highlighting.tree +++ b/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 #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 @@ -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}; diff --git a/content/treehouse/dev/tools.tree b/content/treehouse/dev/tools.tree index e560ac5..7ced714 100644 --- a/content/treehouse/dev/tools.tree +++ b/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 is not.) +- welcome! if you stumbled upon this page at random, know these tools are available in *debug builds only* (which is not.) % id = "01JEHDJSJP7FT74RB92VRA14F2" - I don't currently have an option to disable generating a page in release builds, so here you are. diff --git a/content/treehouse/new.tree b/content/treehouse/new.tree index f442125..f74fd01 100644 --- a/content/treehouse/new.tree +++ b/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. diff --git a/scripts/mkicon.fish b/scripts/mkicon.fish index 5fbca61..d920611 100755 --- a/scripts/mkicon.fish +++ b/scripts/mkicon.fish @@ -1,7 +1,8 @@ #!/usr/bin/env fish -set filename $argv[1] -set icon_name (basename $filename .svg) -set icon_base64 (svgcleaner --stdout $filename 2>/dev/null | base64 -w0) +for filename in $argv + set icon_name (basename $filename .svg) + 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 diff --git a/static/chat/kuroneko.json b/static/chat/kuroneko.json index b804f78..b25f550 100644 --- a/static/chat/kuroneko.json +++ b/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" }, { diff --git a/static/css/base.css b/static/css/base.css index 60c933e..0ef71d0 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -1,42 +1,38 @@ /* Color scheme. */ :root { - /* naturally */ - --liquidex-brand-blue: #058ef0; - /* but also: */ - --liquidex-brand-red: #eb134a; - --liquidex-brand-yellow: #ffc31f; - --liquidex-brand-green: #06ca4a; + --accent-red: #fb4c9e; + --accent-yellow: #ffac0c; + --accent-green: #0dd292; + --accent-blue: #0577f0; + --accent-purple: #c952f5; + --accent-pink: #ffa8f3; - --text-color-light: #55423e; - --link-color-light: #004ec8; - --link-color-visited-light: #6c2380; - - --background-color: rgb(255, 253, 246); - --background-color-tooltip: rgb(226, 223, 214); - --text-color: #55423e; + --background-color: #faeaff; + --background-color-tooltip: color-mix( + in lab, + var(--background-color), + var(--shading-base) 10% + ); + --text-color: #302859; --link-color: #004ec8; --link-color-visited: #6c2380; - --shaded-background: rgba(0, 0, 0, 5%); - --border-1: rgba(0, 0, 0, 15%); - --border-2: rgba(0, 0, 0, 30%); - --hover: rgba(0, 0, 0, 15%); + --shading-base: #592782; + + --shaded-background: rgb(from var(--shading-base) r g b / 5%); + --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-tooltip: rgb(23, 31, 41); - --text-color: #d7cdbf; + --background-color: rgb(31, 30, 53); + --text-color: #f7ece5; --link-color: #93cce8; --link-color-visited: #f7afde; - --shaded-background: #f7e5df0c; - --border-0: #f7e5df1a; - --border-1: #f7e5df26; - --border-1-and-a-half: #f7e5df3a; - --border-2: #f7e5df4d; + --shading-base: #e4d2ff; } } diff --git a/static/css/dev.css b/static/css/dev.css index addcde9..323c9ca 100644 --- a/static/css/dev.css +++ b/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; diff --git a/static/css/icons.css b/static/css/icons.css index 3ee6101..1085868 100644 --- a/static/css/icons.css +++ b/static/css/icons.css @@ -1,25 +1,27 @@ :root { - --icon-breadcrumb: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgMTIgNC00LTQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTU0MjNlIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4="); - --icon-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iIzU1NDIzZSIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); - --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiM1NTQyM2UiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4="); - --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiM1NTQyM2UiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+"); - --icon-more: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQgNiA0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiM1NTQyM2UiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+"); - --icon-permalink: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNjU2ODYgMiAxLjQxNDIxIDEuNDE0MjJjLjY4MDUxLjY4MDUxIDEuMDY0NTMgMS41NDUyMSAxLjE1MjEzIDIuNDMzNjIuODg4NC4wODc2IDEuNzUzMS40NzE2NSAyLjQzMzcgMS4xNTIxNmwxLjQxNDIgMS40MTQyMmMxLjU2MjEgMS41NjIwOSAxLjU2MjEgNC4wOTQ3OCAwIDUuNjU2ODhzLTQuMDk0NzkgMS41NjIxLTUuNjU2ODggMGwtMS40MTQyMi0xLjQxNDJjLS42ODA1MS0uNjgwNi0xLjA2NDU2LTEuNTQ1My0xLjE1MjE2LTIuNDMzNy0uODg4NDEtLjA4NzYtMS43NTMxMS0uNDcxNjItMi40MzM2Mi0xLjE1MjEzbC0xLjQxNDIyLTEuNDE0MjFjLTEuNTYyMDk0LTEuNTYyMS0xLjU2MjA5NC00LjA5NDc2IDAtNS42NTY4NiAxLjU2MjEtMS41NjIwOTQgNC4wOTQ3Ni0xLjU2MjA5NCA1LjY1Njg2IDB6bS42MTggNy42ODkwN2MtLjE0NDMuMDg1MjItLjI5MjgxLjE2MDYxLS40NDQ1NS4yMjYxNi4wMjA4My40ODI1Ny4yMTU0Ni45NTg5Ny41ODM5MSAxLjMyNzM3bDEuNDE0MjEgMS40MTQzYy43ODEwNy43ODEgMi4wNDczNy43ODEgMi44Mjg0NyAwIC43ODEtLjc4MTEuNzgxLTIuMDQ3NCAwLTIuODI4NDdsLTEuNDE0My0xLjQxNDIxYy0uMzY4NC0uMzY4NDUtLjg0NDgtLjU2MzA4LTEuMzI3MzctLjU4MzkxLS4wNjU1NS4xNTE3My0uMTQwOTMuMzAwMjQtLjIyNjE2LjQ0NDU0bDEuODQ2NDMgMS44NDY0NS0xLjQxNDIgMS40MTQyem0tLjYxOC00Ljg2MDY0Yy4zNjg0NC4zNjg0NS41NjMwOC44NDQ4OC41ODM5MSAxLjMyNzQyLS4xNTE3NC4wNjU1NC0uMzAwMjQuMTQwOTMtLjQ0NDU0LjIyNjE1bC0xLjkxNzU0LTEuOTE3NTMtMS40MTQyMSAxLjQxNDIxIDEuOTE3NTMgMS45MTc1M2MtLjA4NTIzLjE0NDMxLS4xNjA2MS4yOTI4Mi0uMjI2MTYuNDQ0NTYtLjQ4MjU0LS4wMjA4My0uOTU4OTctLjIxNTQ3LTEuMzI3NDItLjU4MzkxbC0xLjQxNDIxLTEuNDE0MjJjLS43ODEwNS0uNzgxMDUtLjc4MTA1LTIuMDQ3MzcgMC0yLjgyODQyczIuMDQ3MzctLjc4MTA1IDIuODI4NDIgMHoiIGZpbGw9IiM1NTQyM2UiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); - --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iIzU1NDIzZSIvPjwvc3ZnPg=="); - --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjNTU0MjNlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="); - --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjNTU0MjNlIj48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+"); + --icon-breadcrumb: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgMTIgNC00LTQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzAyODU5IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4="); + --icon-choose: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiAxMiA0LTQtNC00IiBzdHJva2U9IiMzMDI4NTkiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=="); + --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMzAyODU5Ij48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+"); + --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiMzMDI4NTkiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+"); + --icon-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iIzMwMjg1OSIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); + --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iIzMwMjg1OSIvPjwvc3ZnPg=="); + --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjMzAyODU5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="); + --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiMzMDI4NTkiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4="); + --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-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iI2Q3Y2RiZiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); - --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiNkN2NkYmYiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4="); - --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiNkN2NkYmYiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+"); - --icon-permalink: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNjU2ODYgMiAxLjQxNDIxIDEuNDE0MjJjLjY4MDUxLjY4MDUxIDEuMDY0NTMgMS41NDUyMSAxLjE1MjEzIDIuNDMzNjIuODg4NC4wODc2IDEuNzUzMS40NzE2NSAyLjQzMzcgMS4xNTIxNmwxLjQxNDIgMS40MTQyMmMxLjU2MjEgMS41NjIwOSAxLjU2MjEgNC4wOTQ3OCAwIDUuNjU2ODhzLTQuMDk0NzkgMS41NjIxLTUuNjU2ODggMGwtMS40MTQyMi0xLjQxNDJjLS42ODA1MS0uNjgwNi0xLjA2NDU2LTEuNTQ1My0xLjE1MjE2LTIuNDMzNy0uODg4NDEtLjA4NzYtMS43NTMxMS0uNDcxNjItMi40MzM2Mi0xLjE1MjEzbC0xLjQxNDIyLTEuNDE0MjFjLTEuNTYyMDk0LTEuNTYyMS0xLjU2MjA5NC00LjA5NDc2IDAtNS42NTY4NiAxLjU2MjEtMS41NjIwOTQgNC4wOTQ3Ni0xLjU2MjA5NCA1LjY1Njg2IDB6bS42MTggNy42ODkwN2MtLjE0NDMuMDg1MjItLjI5MjgxLjE2MDYxLS40NDQ1NS4yMjYxNi4wMjA4My40ODI1Ny4yMTU0Ni45NTg5Ny41ODM5MSAxLjMyNzM3bDEuNDE0MjEgMS40MTQzYy43ODEwNy43ODEgMi4wNDczNy43ODEgMi44Mjg0NyAwIC43ODEtLjc4MTEuNzgxLTIuMDQ3NCAwLTIuODI4NDdsLTEuNDE0My0xLjQxNDIxYy0uMzY4NC0uMzY4NDUtLjg0NDgtLjU2MzA4LTEuMzI3MzctLjU4MzkxLS4wNjU1NS4xNTE3My0uMTQwOTMuMzAwMjQtLjIyNjE2LjQ0NDU0bDEuODQ2NDMgMS44NDY0NS0xLjQxNDIgMS40MTQyem0tLjYxOC00Ljg2MDY0Yy4zNjg0NC4zNjg0NS41NjMwOC44NDQ4OC41ODM5MSAxLjMyNzQyLS4xNTE3NC4wNjU1NC0uMzAwMjQuMTQwOTMtLjQ0NDU0LjIyNjE1bC0xLjkxNzU0LTEuOTE3NTMtMS40MTQyMSAxLjQxNDIxIDEuOTE3NTMgMS45MTc1M2MtLjA4NTIzLjE0NDMxLS4xNjA2MS4yOTI4Mi0uMjI2MTYuNDQ0NTYtLjQ4MjU0LS4wMjA4My0uOTU4OTctLjIxNTQ3LTEuMzI3NDItLjU4MzkxbC0xLjQxNDIxLTEuNDE0MjJjLS43ODEwNS0uNzgxMDUtLjc4MTA1LTIuMDQ3MzcgMC0yLjgyODQyczIuMDQ3MzctLjc4MTA1IDIuODI4NDIgMHoiIGZpbGw9IiNkN2NkYmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); - --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iI2Q3Y2RiZiIvPjwvc3ZnPg=="); - --icon-more: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQgNiA0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiNkN2NkYmYiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+"); - --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjZDdjZGJmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="); - --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZDdjZGJmIj48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+"); + --icon-breadcrumb: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgMTIgNC00LTQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjdlY2U1IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4="); + --icon-choose: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiAxMiA0LTQtNC00IiBzdHJva2U9IiNmN2VjZTUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=="); + --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZjdlY2U1Ij48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+"); + --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiNmN2VjZTUiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+"); + --icon-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iI2Y3ZWNlNSIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); + --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iI2Y3ZWNlNSIvPjwvc3ZnPg=="); + --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjZjdlY2U1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="); + --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiNmN2VjZTUiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4="); + --icon-more: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQgNiA0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiNmN2VjZTUiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+"); + --icon-permalink: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNjU2ODYgMiAxLjQxNDIxIDEuNDE0MjJjLjY4MDUxLjY4MDUxIDEuMDY0NTMgMS41NDUyMSAxLjE1MjEzIDIuNDMzNjIuODg4NC4wODc2IDEuNzUzMS40NzE2NSAyLjQzMzcgMS4xNTIxNmwxLjQxNDIgMS40MTQyMmMxLjU2MjEgMS41NjIwOSAxLjU2MjEgNC4wOTQ3OCAwIDUuNjU2ODhzLTQuMDk0NzkgMS41NjIxLTUuNjU2ODggMGwtMS40MTQyMi0xLjQxNDJjLS42ODA1MS0uNjgwNi0xLjA2NDU2LTEuNTQ1My0xLjE1MjE2LTIuNDMzNy0uODg4NDEtLjA4NzYtMS43NTMxMS0uNDcxNjItMi40MzM2Mi0xLjE1MjEzbC0xLjQxNDIyLTEuNDE0MjFjLTEuNTYyMDk0LTEuNTYyMS0xLjU2MjA5NC00LjA5NDc2IDAtNS42NTY4NiAxLjU2MjEtMS41NjIwOTQgNC4wOTQ3Ni0xLjU2MjA5NCA1LjY1Njg2IDB6bS42MTggNy42ODkwN2MtLjE0NDMuMDg1MjItLjI5MjgxLjE2MDYxLS40NDQ1NS4yMjYxNi4wMjA4My40ODI1Ny4yMTU0Ni45NTg5Ny41ODM5MSAxLjMyNzM3bDEuNDE0MjEgMS40MTQzYy43ODEwNy43ODEgMi4wNDczNy43ODEgMi44Mjg0NyAwIC43ODEtLjc4MTEuNzgxLTIuMDQ3NCAwLTIuODI4NDdsLTEuNDE0My0xLjQxNDIxYy0uMzY4NC0uMzY4NDUtLjg0NDgtLjU2MzA4LTEuMzI3MzctLjU4MzkxLS4wNjU1NS4xNTE3My0uMTQwOTMuMzAwMjQtLjIyNjE2LjQ0NDU0bDEuODQ2NDMgMS44NDY0NS0xLjQxNDIgMS40MTQyem0tLjYxOC00Ljg2MDY0Yy4zNjg0NC4zNjg0NS41NjMwOC44NDQ4OC41ODM5MSAxLjMyNzQyLS4xNTE3NC4wNjU1NC0uMzAwMjQuMTQwOTMtLjQ0NDU0LjIyNjE1bC0xLjkxNzU0LTEuOTE3NTMtMS40MTQyMSAxLjQxNDIxIDEuOTE3NTMgMS45MTc1M2MtLjA4NTIzLjE0NDMxLS4xNjA2MS4yOTI4Mi0uMjI2MTYuNDQ0NTYtLjQ4MjU0LS4wMjA4My0uOTU4OTctLjIxNTQ3LTEuMzI3NDItLjU4MzkxbC0xLjQxNDIxLTEuNDE0MjJjLS43ODEwNS0uNzgxMDUtLjc4MTA1LTIuMDQ3MzcgMC0yLjgyODQyczIuMDQ3MzctLjc4MTA1IDIuODI4NDIgMHoiIGZpbGw9IiNmN2VjZTUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); } } diff --git a/static/css/main.css b/static/css/main.css index e231f38..ad3ceea 100644 --- a/static/css/main.css +++ b/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-wght: 400; + --recursive-casl: 0; + --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: 800; + --recursive-wght: 850; font-size: 3.2rem; } h3 { - --recursive-casl: 0.5; - --recursive-wght: 700; + --recursive-wght: 850; font-size: 2.4rem; } h4 { - --recursive-casl: 0.5; - --recursive-wght: 700; + --recursive-wght: 800; 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; - height: 64px; + width: 120px; + 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-keyword2: #199aca; - --syntax-operator: #e3755b; - --syntax-function: #d57b07; - --syntax-literal: #a64fb3; - --syntax-string: #79ac3b; - --syntax-punct: #a28680; + --syntax-keyword1: #b03b0d; + --syntax-keyword2: #02739d; + --syntax-operator: #ac4141; + --syntax-function: #9940b9; + --syntax-literal: #a84983; + --syntax-string: #2c7754; + --syntax-punct: #6c657b; } @media (prefers-color-scheme: dark) { :root { - --syntax-comment: #aca8a4; + --syntax-comment: #a8a2b9; --syntax-identifier: var(--text-color); - --syntax-keyword1: #ffb06a; - --syntax-keyword2: #8ad4f9; - --syntax-operator: #ec9f8d; - --syntax-function: #fbd283; - --syntax-literal: #e9b9f0; - --syntax-string: #b0dd7a; - --syntax-punct: #9d9a96; + --syntax-keyword1: #ffb496; + --syntax-keyword2: #98dcfd; + --syntax-operator: #ffa5a5; + --syntax-function: #ffde9e; + --syntax-literal: #ffcaf4; + --syntax-string: #d6fbaa; + --syntax-punct: #a8a2b9; } } diff --git a/static/css/page/index.css b/static/css/page/index.css index e731e94..d86ab1b 100644 --- a/static/css/page/index.css +++ b/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); } diff --git a/static/css/page/tairu.css b/static/css/page/tairu.css index 1b3cd01..6e1bc70 100644 --- a/static/css/page/tairu.css +++ b/static/css/page/tairu.css @@ -32,7 +32,6 @@ & .west, & .north { --recursive-wght: 900; - --recursive-casl: 0; --recursive-slnt: 0; --recursive-mono: 1; diff --git a/static/css/tree.css b/static/css/tree.css index c85d51d..9d5ba19 100644 --- a/static/css/tree.css +++ b/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; diff --git a/static/favicon/@16x.png b/static/favicon/@16x.png index 7e37b4a..54beef0 100644 Binary files a/static/favicon/@16x.png and b/static/favicon/@16x.png differ diff --git a/static/favicon/@1x.png b/static/favicon/@1x.png index d5b390f..325373a 100644 Binary files a/static/favicon/@1x.png and b/static/favicon/@1x.png differ diff --git a/static/favicon/@2x.png b/static/favicon/@2x.png index 05a3948..83e170e 100644 Binary files a/static/favicon/@2x.png and b/static/favicon/@2x.png differ diff --git a/static/favicon/@32x.png b/static/favicon/@32x.png index 8bc21fd..c56f25c 100644 Binary files a/static/favicon/@32x.png and b/static/favicon/@32x.png differ diff --git a/static/favicon/@4x.png b/static/favicon/@4x.png index e72b58c..2551d63 100644 Binary files a/static/favicon/@4x.png and b/static/favicon/@4x.png differ diff --git a/static/favicon/@8x.png b/static/favicon/@8x.png index 1c9d9e0..5e7929f 100644 Binary files a/static/favicon/@8x.png and b/static/favicon/@8x.png differ diff --git a/static/favicon/autumn@16x.png b/static/favicon/autumn@16x.png index 451e0db..6420f8a 100644 Binary files a/static/favicon/autumn@16x.png and b/static/favicon/autumn@16x.png differ diff --git a/static/favicon/autumn@1x.png b/static/favicon/autumn@1x.png index c682eba..7bf7c1d 100644 Binary files a/static/favicon/autumn@1x.png and b/static/favicon/autumn@1x.png differ diff --git a/static/favicon/autumn@2x.png b/static/favicon/autumn@2x.png index 866b5f6..1b0a8c5 100644 Binary files a/static/favicon/autumn@2x.png and b/static/favicon/autumn@2x.png differ diff --git a/static/favicon/autumn@32x.png b/static/favicon/autumn@32x.png index da42199..3f532d5 100644 Binary files a/static/favicon/autumn@32x.png and b/static/favicon/autumn@32x.png differ diff --git a/static/favicon/autumn@4x.png b/static/favicon/autumn@4x.png index cf0454d..93a45ca 100644 Binary files a/static/favicon/autumn@4x.png and b/static/favicon/autumn@4x.png differ diff --git a/static/favicon/autumn@8x.png b/static/favicon/autumn@8x.png index 91bd553..0192204 100644 Binary files a/static/favicon/autumn@8x.png and b/static/favicon/autumn@8x.png differ diff --git a/static/favicon/birthday@16x.png b/static/favicon/birthday@16x.png new file mode 100644 index 0000000..fa6a0b7 Binary files /dev/null and b/static/favicon/birthday@16x.png differ diff --git a/static/favicon/birthday@1x.png b/static/favicon/birthday@1x.png new file mode 100644 index 0000000..8119f39 Binary files /dev/null and b/static/favicon/birthday@1x.png differ diff --git a/static/favicon/birthday@2x.png b/static/favicon/birthday@2x.png new file mode 100644 index 0000000..9e26537 Binary files /dev/null and b/static/favicon/birthday@2x.png differ diff --git a/static/favicon/birthday@32x.png b/static/favicon/birthday@32x.png new file mode 100644 index 0000000..5040308 Binary files /dev/null and b/static/favicon/birthday@32x.png differ diff --git a/static/favicon/birthday@4x.png b/static/favicon/birthday@4x.png new file mode 100644 index 0000000..30b7eb9 Binary files /dev/null and b/static/favicon/birthday@4x.png differ diff --git a/static/favicon/birthday@8x.png b/static/favicon/birthday@8x.png new file mode 100644 index 0000000..d0e3594 Binary files /dev/null and b/static/favicon/birthday@8x.png differ diff --git a/static/favicon/spring@16x.png b/static/favicon/spring@16x.png index a2c52e4..56be93e 100644 Binary files a/static/favicon/spring@16x.png and b/static/favicon/spring@16x.png differ diff --git a/static/favicon/spring@1x.png b/static/favicon/spring@1x.png index 3caeb2e..65e8440 100644 Binary files a/static/favicon/spring@1x.png and b/static/favicon/spring@1x.png differ diff --git a/static/favicon/spring@2x.png b/static/favicon/spring@2x.png index 120c2e1..54d7242 100644 Binary files a/static/favicon/spring@2x.png and b/static/favicon/spring@2x.png differ diff --git a/static/favicon/spring@32x.png b/static/favicon/spring@32x.png index 396952c..42bd506 100644 Binary files a/static/favicon/spring@32x.png and b/static/favicon/spring@32x.png differ diff --git a/static/favicon/spring@4x.png b/static/favicon/spring@4x.png index 97c9fdc..d9ff865 100644 Binary files a/static/favicon/spring@4x.png and b/static/favicon/spring@4x.png differ diff --git a/static/favicon/spring@8x.png b/static/favicon/spring@8x.png index 4653b58..3e2f248 100644 Binary files a/static/favicon/spring@8x.png and b/static/favicon/spring@8x.png differ diff --git a/static/favicon/summer@16x.png b/static/favicon/summer@16x.png index a2ff7e0..90f1938 100644 Binary files a/static/favicon/summer@16x.png and b/static/favicon/summer@16x.png differ diff --git a/static/favicon/summer@1x.png b/static/favicon/summer@1x.png index 8212f02..e4708b8 100644 Binary files a/static/favicon/summer@1x.png and b/static/favicon/summer@1x.png differ diff --git a/static/favicon/summer@2x.png b/static/favicon/summer@2x.png index 4d429a5..2da2dd7 100644 Binary files a/static/favicon/summer@2x.png and b/static/favicon/summer@2x.png differ diff --git a/static/favicon/summer@32x.png b/static/favicon/summer@32x.png index d5ddf9f..ed471b4 100644 Binary files a/static/favicon/summer@32x.png and b/static/favicon/summer@32x.png differ diff --git a/static/favicon/summer@4x.png b/static/favicon/summer@4x.png index a944ee5..0782b65 100644 Binary files a/static/favicon/summer@4x.png and b/static/favicon/summer@4x.png differ diff --git a/static/favicon/summer@8x.png b/static/favicon/summer@8x.png index a529a15..0461b38 100644 Binary files a/static/favicon/summer@8x.png and b/static/favicon/summer@8x.png differ diff --git a/static/favicon/winter@16x.png b/static/favicon/winter@16x.png index f2d25d7..4d75017 100644 Binary files a/static/favicon/winter@16x.png and b/static/favicon/winter@16x.png differ diff --git a/static/favicon/winter@1x.png b/static/favicon/winter@1x.png index 839479f..6081b08 100644 Binary files a/static/favicon/winter@1x.png and b/static/favicon/winter@1x.png differ diff --git a/static/favicon/winter@2x.png b/static/favicon/winter@2x.png index f4c28ea..7f4a3ee 100644 Binary files a/static/favicon/winter@2x.png and b/static/favicon/winter@2x.png differ diff --git a/static/favicon/winter@32x.png b/static/favicon/winter@32x.png index 3516580..c36c3a8 100644 Binary files a/static/favicon/winter@32x.png and b/static/favicon/winter@32x.png differ diff --git a/static/favicon/winter@4x.png b/static/favicon/winter@4x.png index 09b2ff8..4fb6154 100644 Binary files a/static/favicon/winter@4x.png and b/static/favicon/winter@4x.png differ diff --git a/static/favicon/winter@8x.png b/static/favicon/winter@8x.png index 2924180..1990306 100644 Binary files a/static/favicon/winter@8x.png and b/static/favicon/winter@8x.png differ diff --git a/static/js/command-line.js b/static/js/command-line.js index e991d43..c97871f 100644 --- a/static/js/command-line.js +++ b/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) { diff --git a/static/svg/dark/breadcrumb.svg b/static/svg/dark/breadcrumb.svg index 0e5fd08..61494c1 100644 --- a/static/svg/dark/breadcrumb.svg +++ b/static/svg/dark/breadcrumb.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/dark/choose.svg b/static/svg/dark/choose.svg index 1d55d08..e647409 100644 --- a/static/svg/dark/choose.svg +++ b/static/svg/dark/choose.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/dark/cmd.svg b/static/svg/dark/cmd.svg index c97eb9a..7ef8e7e 100644 --- a/static/svg/dark/cmd.svg +++ b/static/svg/dark/cmd.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/static/svg/dark/collapse.svg b/static/svg/dark/collapse.svg index 7850db9..023c996 100644 --- a/static/svg/dark/collapse.svg +++ b/static/svg/dark/collapse.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/dark/expand.svg b/static/svg/dark/expand.svg index 9f0b75b..b1e467c 100644 --- a/static/svg/dark/expand.svg +++ b/static/svg/dark/expand.svg @@ -1,4 +1,4 @@ - diff --git a/static/svg/dark/go.svg b/static/svg/dark/go.svg index 47012df..f3d0ee9 100644 --- a/static/svg/dark/go.svg +++ b/static/svg/dark/go.svg @@ -1,5 +1,5 @@ + fill="#f7ece5" /> diff --git a/static/svg/dark/history.svg b/static/svg/dark/history.svg index 69a5579..80c9ecf 100644 --- a/static/svg/dark/history.svg +++ b/static/svg/dark/history.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/dark/leaf.svg b/static/svg/dark/leaf.svg index e63920d..5465ee5 100644 --- a/static/svg/dark/leaf.svg +++ b/static/svg/dark/leaf.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/dark/more.svg b/static/svg/dark/more.svg index 583323a..acaadac 100644 --- a/static/svg/dark/more.svg +++ b/static/svg/dark/more.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/dark/permalink.svg b/static/svg/dark/permalink.svg index 94ef83d..73b84f8 100644 --- a/static/svg/dark/permalink.svg +++ b/static/svg/dark/permalink.svg @@ -1,5 +1,5 @@ + fill="#f7ece5" /> diff --git a/static/svg/light/breadcrumb.svg b/static/svg/light/breadcrumb.svg index c5b39a9..b7c0051 100644 --- a/static/svg/light/breadcrumb.svg +++ b/static/svg/light/breadcrumb.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/light/choose.svg b/static/svg/light/choose.svg index 41db106..e8d66f0 100644 --- a/static/svg/light/choose.svg +++ b/static/svg/light/choose.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/light/cmd.svg b/static/svg/light/cmd.svg index 5b66990..0f5bbbd 100644 --- a/static/svg/light/cmd.svg +++ b/static/svg/light/cmd.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/static/svg/light/collapse.svg b/static/svg/light/collapse.svg index 313d471..fb013b4 100644 --- a/static/svg/light/collapse.svg +++ b/static/svg/light/collapse.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/light/expand.svg b/static/svg/light/expand.svg index 0037db6..5e02db2 100644 --- a/static/svg/light/expand.svg +++ b/static/svg/light/expand.svg @@ -1,4 +1,4 @@ - diff --git a/static/svg/light/go.svg b/static/svg/light/go.svg index 997abcd..3b5bbd6 100644 --- a/static/svg/light/go.svg +++ b/static/svg/light/go.svg @@ -1,5 +1,5 @@ + fill="#302859" /> diff --git a/static/svg/light/history.svg b/static/svg/light/history.svg index a05146b..38bafec 100644 --- a/static/svg/light/history.svg +++ b/static/svg/light/history.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/light/leaf.svg b/static/svg/light/leaf.svg index 7c29595..65aa97e 100644 --- a/static/svg/light/leaf.svg +++ b/static/svg/light/leaf.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/light/more.svg b/static/svg/light/more.svg index 67a4fc1..3dd6bdf 100644 --- a/static/svg/light/more.svg +++ b/static/svg/light/more.svg @@ -1,3 +1,3 @@ - + diff --git a/static/svg/light/permalink.svg b/static/svg/light/permalink.svg index 69e5546..4909bd3 100644 --- a/static/svg/light/permalink.svg +++ b/static/svg/light/permalink.svg @@ -1,5 +1,5 @@ + fill="#302859" /> diff --git a/static/svg/object/logo.svg b/static/svg/object/logo.svg index e475a49..b08c9d5 100644 --- a/static/svg/object/logo.svg +++ b/static/svg/object/logo.svg @@ -1,5 +1,34 @@ -