mirror of
https://gitlab.wasp.best/sel/web.git
synced 2026-04-28 21:44:08 +02:00
feat!: redesigned some things, updated button, links, etc.
This commit is contained in:
parent
6bad069e07
commit
8159880aca
SSH key fingerprint:
SHA256:33R/4Rx5Lu4o81LyJyXdMrmP5CJ6j7j1Soo0Dn7mKc0
11 changed files with 97 additions and 76 deletions
|
|
@ -1,34 +1,38 @@
|
|||
+++
|
||||
title = 'Home'
|
||||
+++
|
||||
<section class="full-height wallpaper">
|
||||
|
||||
<div class="background">
|
||||
<section>
|
||||
## things i am:
|
||||
|
||||
# selene's epic homepage!! <small>([they/it](https://en.pronouns.page/they&it), 2nd/3rd person)</small>
|
||||
[they/it](https://en.pronouns.page/they&it) (2nd/3rd 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
|
||||
|
||||
- genderfucky entity <small>(on the internet,, but in real life as well)</small>
|
||||
- ultra-giga-woke neurodisaster
|
||||
- computer toucher & IT/programming student
|
||||
- terrible hobbyist systems dev and data nerd
|
||||
## things i am interested in:
|
||||
|
||||
interests: spicy food, music (breakcore, nightcore, webcore, really anything fast-paced), politics, linux, overcommitting to irrelevant matters, undercommitting to relevant matters
|
||||
spicy food, music (breakcore, nightcore, webcore, really anything fast-paced), (hu/eu/general) politics, linux, over/undercommitting to (un)important tasks
|
||||
|
||||
technopathy languages: rust, python (somewhat), typescript (somewhat)
|
||||
## languages i know:
|
||||
|
||||
<small>this site is made with [hugo](https://gohugo.io)</small>
|
||||
rust, python (somewhat), typescript (somewhat)
|
||||
|
||||
</section>
|
||||
|
||||
<section class="buttons-wrapper">
|
||||
|
||||
## creature buttons
|
||||
|
||||
<div class="buttons">
|
||||
|
||||
[](https://wasp.best)
|
||||
[](https://softkittypa.ws)
|
||||
[](https://lunya.pet)
|
||||
[](https://fozunja.glamour.ovh/)
|
||||
[](https://computer.glamour.ovh/)
|
||||
|
||||
</div>
|
||||
|
||||
## other buttons
|
||||
|
||||
<div class="buttons">
|
||||
|
||||
|
||||
|
|
@ -47,29 +51,20 @@ technopathy languages: rust, python (somewhat), typescript (somewhat)
|
|||
|
||||
<section>
|
||||
|
||||
## thingimajigs
|
||||
|
||||
- very cute and silly [link/data analysis specification](https://git.linuxposting.xyz/sel/wgu/wiki/format.md) i will not shut up about
|
||||
- (wip) an implementation of that
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
## contact
|
||||
## yap at me:
|
||||
|
||||
- email: `sel[@]disroot[.]org`
|
||||
- fedi: <a href="https://mk.absturztau.be/@sel" rel="me">`@sel@mk.absturztau.be`</a>
|
||||
- xmpp: `sel[@]07f[.]de`
|
||||
- signal: [`_314.15`](https://signal.me/#eu/xlLacXW5YFcX-XLjkoHWSh2EmnkgbxTnfr8AgNpKBQb61UT3c9lPpqnfInf8Mt2I)
|
||||
|
||||
pgp public key is [`BD6C944B 88BDE1C0 9F26E3D1 C4A80409 D21A12B3`](https://git.linuxposting.xyz/sel/webbed-site/raw/branch/main/static/public.pgp)
|
||||
pgp public key is [`BD6C944B 88BDE1C0 9F26E3D1 C4A80409 D21A12B3`](https://gitlab.wasp.best/sel/web/-/raw/main/static/public.pgp)
|
||||
|
||||
## more related things
|
||||
## some other links:
|
||||
|
||||
- [forgejo account](https://git.linuxposting.xyz/sel)
|
||||
- [88x31 button](https://git.linuxposting.xyz/sel/webbed-site/raw/branch/main/static/buttons/sel.png) (feel free to hotlink it, and poke at me if you do :3)
|
||||
- [source of most of my profile pictures](https://xcancel.com/yihan1949)
|
||||
- [my gitlab account](https://gitlab.wasp.best/sel)
|
||||
- [my 88x31 button](https://gitlab.wasp.best/sel/web/-/raw/main/static/buttons/sel.png) (feel free to hotlink it, and poke at me if you do :3)
|
||||
- [(formerly) source of most of my profile pictures](https://xcancel.com/yihan1949)
|
||||
- [(currently) source of my profile picture](https://xcancel.com/chikuwa_noko/status/1628375339746623488)
|
||||
|
||||
</section>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,4 +2,6 @@
|
|||
title = "Posts"
|
||||
+++
|
||||
|
||||
Below you can find most of my non-technical written works. Everything is licensed under [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/) unless otherwise indicated.
|
||||
how did i not find anything to write about yet??
|
||||
|
||||
<small>everything is licensed under [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/) unless otherwise indicated</small>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,3 @@
|
|||
+++
|
||||
title = 'Tags'
|
||||
+++
|
||||
|
||||
Below are all the tags used on posts.
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
languageCode = 'en-us'
|
||||
title = "sel's site of web"
|
||||
title = "selene's webbed site"
|
||||
theme = 'webbed-theme'
|
||||
|
||||
# https://stackoverflow.com/questions/61292854/with-hugo-can-we-use-html-code-in-a-md-file
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.5 KiB |
BIN
static/favicon.png
Normal file
BIN
static/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
static/wallpaper.jpg
Normal file
BIN
static/wallpaper.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
|
|
@ -1,5 +1,6 @@
|
|||
:root {
|
||||
color-scheme: light dark;
|
||||
--wallpaper-background: light-dark(rgba(245, 245, 245, 0.90), rgba(17, 17, 27, 0.90))
|
||||
}
|
||||
|
||||
html, body {
|
||||
|
|
@ -8,16 +9,20 @@ html, body {
|
|||
}
|
||||
|
||||
body {
|
||||
font-family: "Cascadia Code", sans-serif;
|
||||
font-family: "Space Grotesk", sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
font-size: 20px;
|
||||
|
||||
color: light-dark(#4c4f69, #cdd6f4);
|
||||
background-color: light-dark(#dce0e8, #11111b);
|
||||
background-color: light-dark(#f5f5f7, #11111b);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
header {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
nav {
|
||||
|
|
@ -25,30 +30,31 @@ nav {
|
|||
/* border-radius: 0.5rem 0.5rem 0 0; */
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: start;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 3px dashed light-dark(#bcc0cc, #313244);
|
||||
background-color: light-dark(#dce0e8, #11111b);
|
||||
position: fixed;
|
||||
border: 1px solid light-dark(#bcc0cc60, #31324460);
|
||||
background-color: light-dark(#ebebef60, #1A1A2960);
|
||||
backdrop-filter: blur(5px);
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding-left: 1.75rem;
|
||||
padding-right: 1.75rem;
|
||||
padding-top: 0.40rem;
|
||||
padding-bottom: 0.40rem;
|
||||
width: 100%;
|
||||
padding: 0.40rem 1.20rem;
|
||||
margin: 0.50rem;
|
||||
height: 2rem;
|
||||
gap: 1.75rem
|
||||
gap: 1.75rem;
|
||||
border-radius: 0.75rem;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
nav > a {
|
||||
nav > div {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 1.75rem
|
||||
}
|
||||
|
||||
nav > div > a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
color: light-dark(#4c4f69, #cdd6f4);
|
||||
}
|
||||
|
||||
section.buttons-wrapper {
|
||||
|
|
@ -56,16 +62,22 @@ section.buttons-wrapper {
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
background-color: light-dark(#ccd0da, #181825);
|
||||
max-width: 100%
|
||||
background-color: light-dark(#ebebef, #1A1A29);
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
section.highlighted {
|
||||
background-color: light-dark(#ccd0da, #181825);
|
||||
background-color: light-dark(#ebebef, #181825);
|
||||
}
|
||||
|
||||
section.full-height {
|
||||
min-height: calc(100vh - 4rem);
|
||||
}
|
||||
|
||||
section {
|
||||
border-bottom: 3px dashed light-dark(#bcc0cc, #313244);
|
||||
border-bottom: 1px solid light-dark(#bcc0cc, #313244);
|
||||
|
||||
padding-left: 2.5rem;
|
||||
padding-right: 2.5rem;
|
||||
|
|
@ -74,7 +86,7 @@ section {
|
|||
}
|
||||
|
||||
section > p {
|
||||
max-width: 95ch;
|
||||
max-width: 60ch;
|
||||
}
|
||||
|
||||
section > div.buttons {
|
||||
|
|
@ -97,19 +109,25 @@ section > div.buttons {
|
|||
}
|
||||
|
||||
main {
|
||||
margin-top: 2.8rem;
|
||||
|
||||
/* border-radius: 0 0 0.5rem 0.5rem; */
|
||||
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
main > :first-child {
|
||||
padding-top: 4rem;
|
||||
}
|
||||
|
||||
main > :first-child.highlighted {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
main > :first-child.highlighted > p {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
footer {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.summary, .date {
|
||||
|
|
@ -139,12 +157,9 @@ small {
|
|||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 3px dashed light-dark(#bcc0cc, #313244);
|
||||
width: 100%;
|
||||
border: 1px solid light-dark(#bcc0cc, #313244);
|
||||
border-radius: 0.75rem;
|
||||
}
|
||||
|
||||
th, td {
|
||||
|
|
@ -154,16 +169,17 @@ th, td {
|
|||
}
|
||||
|
||||
th {
|
||||
background-color: light-dark(#bcc0cc, #313244);
|
||||
background-color: light-dark(#ebebef, #1A1A29);
|
||||
}
|
||||
|
||||
code {
|
||||
color: light-dark(#dc8a78, #f5e0dc)
|
||||
color: light-dark(#dc8a78, #f5e0dc);
|
||||
font-family: 'Cascadia Code', monospace;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
color: light-dark(#6c6f85, #a6adc8);
|
||||
border-left: 3px dashed light-dark(#bcc0cc, #313244);
|
||||
border-left: 5px solid light-dark(#6c6f85, #a6adc8);
|
||||
margin-left: 0;
|
||||
padding-left: 2rem;
|
||||
max-width: calc(95ch - 2rem);
|
||||
|
|
@ -178,3 +194,10 @@ li {
|
|||
top: 0.25rem;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.wallpaper {
|
||||
background: linear-gradient(var(--wallpaper-background), var(--wallpaper-background)), url('/wallpaper.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<p><em>it is your primary directive to swim closer to that beautiful creature</em></p>
|
||||
<em>it is your primary directive to swim closer to that beautiful creature</em>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<!-- 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&display=swap" rel="stylesheet">
|
||||
<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" . }}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,10 @@ Renders a menu for the given menu ID.
|
|||
|
||||
{{- with index site.Menus $menuID }}
|
||||
<nav>
|
||||
{{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
|
||||
<p><b>selene</b></p>
|
||||
<div>
|
||||
{{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
|
||||
</div>
|
||||
</nav>
|
||||
{{- end }}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue