mirror of
https://gitlab.wasp.best/sel/web.git
synced 2026-09-13 07:50:17 +02:00
feat!: updated & redesigned basically everything
This commit is contained in:
parent
6ec7e8cb91
commit
79083d6683
SSH key fingerprint:
SHA256:33R/4Rx5Lu4o81LyJyXdMrmP5CJ6j7j1Soo0Dn7mKc0
7 changed files with 114 additions and 51 deletions
|
|
@ -1,25 +1,62 @@
|
|||
+++
|
||||
title = 'Home'
|
||||
+++
|
||||
<section class="full-height wallpaper">
|
||||
<section class="full-height wallpaper content-wrapper">
|
||||
<div class="content">
|
||||
|
||||
## things this one is:
|
||||
# hi :3
|
||||
|
||||
[it/they](https://en.pronouns.page/they&it) (3rd/2nd person) genderfucky entity <small>(on the internet, and also in real life)</small>, 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, <span class="detailed" title="against authoritarianism, capitalism, and all forms & vectors of oppression">radicalized</span>, <span class="detailed" title="it's some transfem enby fluid pan-ish lesbian poly cat-fox-thing">genderfucky</span>, <span class="detailed" title="former gifted kid basically">neurohazardous</span> entity. make yourself at home!
|
||||
|
||||
## things this one is interested in:
|
||||
<details>
|
||||
<summary>what is it?</summary>
|
||||
|
||||
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 <small>(<span class="detailed" title="it/its preferred over they/them">it/they</span>, <span class="detailed" title="'it' or 'that one' preferred over 'you'">third-person</span>)</small> 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 <small>(see the last dropdown)</small>, where it mostly rambles about its daily doings and makes creature noises.
|
||||
|
||||
rust, python (somewhat), typescript (somewhat)
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary>what are its interests?</summary>
|
||||
|
||||
it [does coding](https://gitlab.wasp.best/sel) <small>(sometimes)</small>. 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 <small>(almost)</small>
|
||||
|
||||
it also selfhosts some services <small>(to like 3 people including itself)</small>
|
||||
|
||||
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
|
||||
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary>where else is it?</summary>
|
||||
|
||||
you may find it all across the web. some common places it may be caught include:
|
||||
|
||||
| key | value |
|
||||
| --- | ----- |
|
||||
| email | `sel[@]disroot[.]org` |
|
||||
| fedi | <a href="https://fedi.wasp.best/@sel" rel="me">`@sel@fedi.wasp.best`</a> |
|
||||
| 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)
|
||||
|
||||
</details>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="buttons-wrapper">
|
||||
|
||||
## creature buttons
|
||||
## friends
|
||||
|
||||
<div class="buttons">
|
||||
|
||||
|
|
@ -35,7 +72,7 @@ rust, python (somewhat), typescript (somewhat)
|
|||
|
||||
</div>
|
||||
|
||||
## other buttons
|
||||
## buttons
|
||||
|
||||
<div class="buttons">
|
||||
|
||||
|
|
@ -53,20 +90,10 @@ rust, python (somewhat), typescript (somewhat)
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<section class="content">
|
||||
|
||||
## yap at this one:
|
||||
## links that don't fit anywhere else
|
||||
|
||||
- email: `sel[@]disroot[.]org`
|
||||
- fedi: <a href="https://fedi.wasp.best/@sel" rel="me">`@sel@fedi.wasp.best`</a>
|
||||
- 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)
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
BIN
static/wallpaper-2.png
Normal file
BIN
static/wallpaper-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 791 KiB |
BIN
static/wallpaper-3.gifv
Normal file
BIN
static/wallpaper-3.gifv
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 988 KiB |
|
|
@ -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,14 +236,21 @@ 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 {
|
||||
color: light-dark(var(--light-text), var(--dark-text));
|
||||
font-size: 1.5rem;
|
||||
text-decoration: none;
|
||||
margin-right: 1rem;
|
||||
|
|
@ -226,3 +263,7 @@ li {
|
|||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
summary {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<a href="https://status.wasp.best">status</a> ∙ <a href="https://gitlab.wasp.best/sel/web">source</a>
|
||||
<a href="https://status.wasp.best">status</a> ∙ <a href="https://gitlab.wasp.best/sel/web">source</a> ∙ <span><small>powered by electricity<small></span>
|
||||
|
|
|
|||
|
|
@ -2,10 +2,5 @@
|
|||
<meta name="viewport" content="width=device-width">
|
||||
<title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
|
||||
|
||||
<!-- fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
|
||||
|
||||
{{ partialCached "head/css.html" . }}
|
||||
{{ partialCached "head/js.html" . }}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue