riki/treehouse
riki/treehouse
1
Fork 0
Code Issues 33 Activity

rebranding from liquidex.house to riki.house

Browse source
This commit is contained in:
りき萌 2025-01-05 20:15:10 +01:00
parent 93c24859d0
commit 2d687977c8
87 changed files with 381 additions and 175 deletions
Download patch file Download diff file Expand all files Collapse all files

72
static/css/main.css
View file

@ -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;
}
}