diff --git a/content/_index.md b/content/_index.md index 740241e..d13b1dc 100644 --- a/content/_index.md +++ b/content/_index.md @@ -1,25 +1,62 @@ +++ title = 'Home' +++ -
+
+
-## things this one is: +# hi :3 -[it/they](https://en.pronouns.page/they&it) (3rd/2nd person) genderfucky entity (on the internet, and also in real life), ultra-giga-woke neurodisaster, computer toucher, IT/programming student, terrible hobbyist systems dev, data nerd, insomniac, creature +you have arrived at the home (or nest?) of an abstract, radicalized, genderfucky, neurohazardous entity. make yourself at home! -## things this one is interested in: +
+ what is it? -spicy food, music (breakcore, nightcore, webcore, really anything fast-paced), (hu/eu/general) politics, linux, over/undercommitting to (un)important tasks + you may refer to it (it/they, third-person) as **sel** or **selene**. it spends most of its time sleeping, studying, or touching computers. it's not any good at those things, but it always tries its best :3 -## languages this one knows: + it's also very active on fedi (see the last dropdown), where it mostly rambles about its daily doings and makes creature noises. -rust, python (somewhat), typescript (somewhat) +
+
+ what are its interests? + + it [does coding](https://gitlab.wasp.best/sel) (sometimes). it's specifically interested in data analysis, visualization, validation, addressing, retrieval, and databases in general. it's also currently studying general programming and IT. it knows basic webdev, rust, and python (almost) + + it also selfhosts some services (to like 3 people including itself) + + its other interests are spices and spicy peppers; hungarian, general, or theoretical politics; games (hollow knight, plague inc, minecraft, stk); and music (mostly breakcore and lofi). + + above all else, it loves its wives/mistresses/owners <3 + +
+ +
+ where else is it? + + you may find it all across the web. some common places it may be caught include: + + | key | value | + | --- | ----- | + | email | `sel[@]disroot[.]org` | + | fedi | `@sel@fedi.wasp.best` | + | xmpp | `sel[@]07f[.]de` | + | signal | [`_314.15`](https://signal.me/#eu/xlLacXW5YFcX-XLjkoHWSh2EmnkgbxTnfr8AgNpKBQb61UT3c9lPpqnfInf8Mt2I) | + + some other helpful things when contacting it: + + | key | value | + | --- | ----- | + | pgp | [`BD6C944B 88BDE1C0 9F26E3D1 C4A80409 D21A12B3`](https://gitlab.wasp.best/sel/web/-/raw/main/static/public.pgp) + | timezone | [`Europe/Budapest`](https://time.is/Hungary) + +
+ +
-## creature buttons +## friends
@@ -35,7 +72,7 @@ rust, python (somewhat), typescript (somewhat)
-## other buttons +## buttons
@@ -53,20 +90,10 @@ rust, python (somewhat), typescript (somewhat)
-
+
-## yap at this one: +## links that don't fit anywhere else -- email: `sel[@]disroot[.]org` -- fedi: `@sel@fedi.wasp.best` -- xmpp: `sel[@]07f[.]de` -- signal: [`_314.15`](https://signal.me/#eu/xlLacXW5YFcX-XLjkoHWSh2EmnkgbxTnfr8AgNpKBQb61UT3c9lPpqnfInf8Mt2I) - -pgp public key is [`BD6C944B 88BDE1C0 9F26E3D1 C4A80409 D21A12B3`](https://gitlab.wasp.best/sel/web/-/raw/main/static/public.pgp) - -## some other links: - -- [its gitlab account](https://gitlab.wasp.best/sel) - [its 88x31 button](https://gitlab.wasp.best/sel/web/-/raw/main/static/buttons/sel.png) (feel free to hotlink! and poke at it if you do :3) - [profile pictures #1](https://xcancel.com/yihan1949) - [profile pictures #2](https://xcancel.com/chikuwa_noko/status/1628375339746623488) diff --git a/static/wallpaper.jpg b/static/wallpaper-1.jpg similarity index 100% rename from static/wallpaper.jpg rename to static/wallpaper-1.jpg diff --git a/static/wallpaper-2.png b/static/wallpaper-2.png new file mode 100644 index 0000000..57462b2 Binary files /dev/null and b/static/wallpaper-2.png differ diff --git a/static/wallpaper-3.gifv b/static/wallpaper-3.gifv new file mode 100644 index 0000000..9b32c40 Binary files /dev/null and b/static/wallpaper-3.gifv differ diff --git a/themes/webbed-theme/assets/css/main.css b/themes/webbed-theme/assets/css/main.css index 413c08e..c32ef5c 100644 --- a/themes/webbed-theme/assets/css/main.css +++ b/themes/webbed-theme/assets/css/main.css @@ -1,6 +1,18 @@ +@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap'); + :root { color-scheme: light dark; - --wallpaper-background: light-dark(rgba(245, 245, 245, 0.90), rgba(17, 17, 27, 0.90)) + --dark-text: #eee8ea; + --dark-background: #171113; + --dark-primary: #bfabb3; + --dark-secondary: #1c1516; + + --light-text: #171113; + --light-background: #eee8ea; + --light-primary: #544048; + --light-secondary: #ebe4e6; + + --wallpaper-background: light-dark(rgba(238, 232, 234, 0.90), rgba(23, 17, 19, 0.90)) } html, body { @@ -9,12 +21,12 @@ html, body { } body { - font-family: "Space Grotesk", sans-serif; + font-family: "DM Sans", sans-serif; font-weight: 500; font-size: 20px; - color: light-dark(#4c4f69, #cdd6f4); - background-color: light-dark(#f5f5f7, #11111b); + color: light-dark(var(--light-text), var(--dark-text)); + background-color: light-dark(var(--light-background), var(--dark-background)); line-height: 1.5; } @@ -32,8 +44,8 @@ nav { flex-direction: row; justify-content: space-between; align-items: center; - border: 1px solid light-dark(#bcc0cc60, #31324460); - background-color: light-dark(#ebebef60, #1A1A2960); + border: 1px solid light-dark(var(#ebe4e680), var(#1c151680)); + background-color: light-dark(var(#eee8ea80), var(#17111380)); backdrop-filter: blur(5px); top: 0; left: 0; @@ -54,25 +66,27 @@ nav > div { nav > div > a { display: block; text-decoration: none; - color: light-dark(#4c4f69, #cdd6f4); + color: light-dark(var(--light-text), var(--dark-text)); } section.buttons-wrapper { display: flex; flex-direction: column; - background-color: light-dark(#ebebef, #1A1A29); + background-color: light-dark(var(--light-secondary), var(--dark-secondary)); width: auto; max-width: 100%; margin: 0; } section.highlighted { - background-color: light-dark(#ebebef, #181825); + background-color: light-dark(var(--light-secondary), var(--dark-secondary)); } section.full-height { min-height: calc(100vh - 4rem); + padding-top: 3rem; + padding-bottom: 3rem; } section.full-height > p { @@ -80,7 +94,8 @@ section.full-height > p { } section { - border-bottom: 1px solid light-dark(#bcc0cc, #313244); + border-bottom: 2px solid light-dark(var(--light-secondary), var(--dark-secondary)); + padding-left: 2.5rem; padding-right: 2.5rem; @@ -91,12 +106,21 @@ section { .content-wrapper { display: flex; justify-content: center; + align-items: center; } -section.content { +.content { max-width: 60ch; border-bottom: none; overflow-x: scroll; + height: fit-content; + + -ms-overflow-style: none; + scrollbar-width: none; +} + +.content::-webkit-scrollbar { + display: none; } section > div.buttons { @@ -132,12 +156,16 @@ main > :first-child.highlighted > p { } footer { - text-align: center; padding: 1rem; } +footer > a { + color: light-dark(var(--light-text), var(--dark-text)); + text-decoration: none; +} + .summary, .date { - color: light-dark(#6c6f85, #a6adc8) + color: light-dark(var(--light-primary), var(--dark-primary)); } a { @@ -159,7 +187,7 @@ s, del { } small { - color: light-dark(#6c6f85, #a6adc8) + color: light-dark(var(--light-primary), var(--dark-primary)); } img { @@ -169,18 +197,19 @@ img { table { width: 100%; - border: 1px solid light-dark(#bcc0cc, #313244); + border: 1px solid light-dark(var(--light-secondary), var(--dark-secondary)); border-radius: 0.75rem; } th, td { padding: 0.25rem; padding-left: 0.5rem; - padding-right: 0.5rem + padding-right: 0.5rem; } th { - background-color: light-dark(#ebebef, #1A1A29); + background-color: light-dark(var(--light-secondary), var(--dark-secondary)); + border-radius: 0.75rem; } code { @@ -189,8 +218,9 @@ code { } blockquote { - color: light-dark(#6c6f85, #a6adc8); - border-left: 5px solid light-dark(#6c6f85, #a6adc8); + color: light-dark(var(--light-primary), var(--dark-primary)); + border-left: 5px solid light-dark(var(--light-secondary), var(--dark-secondary)); + border-radius: 0.25rem; margin-left: 0; padding-left: 2rem; max-width: calc(95ch - 2rem); @@ -206,17 +236,24 @@ li { height: 2rem; } +.detailed { + text-decoration: underline; + text-decoration-color: light-dark(var(--light-primary), var(--dark-primary)); +} + .wallpaper { - background: linear-gradient(var(--wallpaper-background), var(--wallpaper-background)), url('/wallpaper.jpg'); + background: linear-gradient(var(--wallpaper-background), var(--wallpaper-background)), url('/wallpaper-3.gifv'); background-repeat: no-repeat; background-size: cover; - background-position: center; + background-position: bottom; + image-rendering: pixelated; } .post-title { - font-size: 1.5rem; - text-decoration: none; - margin-right: 1rem; + color: light-dark(var(--light-text), var(--dark-text)); + font-size: 1.5rem; + text-decoration: none; + margin-right: 1rem; } .tag { @@ -226,3 +263,7 @@ li { h1 { font-size: 2rem; } + +summary { + font-size: 1.5rem; +} diff --git a/themes/webbed-theme/layouts/_partials/footer.html b/themes/webbed-theme/layouts/_partials/footer.html index 1f40fca..a053195 100644 --- a/themes/webbed-theme/layouts/_partials/footer.html +++ b/themes/webbed-theme/layouts/_partials/footer.html @@ -1 +1 @@ -status ∙ source +status ∙ source ∙ powered by electricity diff --git a/themes/webbed-theme/layouts/_partials/head.html b/themes/webbed-theme/layouts/_partials/head.html index e6d4741..3b367cc 100644 --- a/themes/webbed-theme/layouts/_partials/head.html +++ b/themes/webbed-theme/layouts/_partials/head.html @@ -2,10 +2,5 @@ {{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }} - - - - - {{ partialCached "head/css.html" . }} {{ partialCached "head/js.html" . }}