diff --git a/content/_index.md b/content/_index.md index bd9d93e..8536bb7 100644 --- a/content/_index.md +++ b/content/_index.md @@ -1,34 +1,38 @@ +++ title = 'Home' +++ +
-
-
+## things i am: -# selene's epic homepage!! ([they/it](https://en.pronouns.page/they&it), 2nd/3rd person) +[they/it](https://en.pronouns.page/they&it) (2nd/3rd 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 -- genderfucky entity (on the internet,, but in real life as well) -- 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: -this site is made with [hugo](https://gohugo.io) +rust, python (somewhat), typescript (somewhat)
+ +## creature buttons +
+[![my button (selene)](/buttons/sel.png)](https://wasp.best) [![lexi's button (softkittypaws)](https://git.softkittypa.ws/lexi/webbed_site/raw/branch/main/assets/buttons/softkittypaws.webp)](https://softkittypa.ws) [![lunya's button (lunya's website, videos and coding :3, lunya.pet)](https://lunya.pet/button.gif)](https://lunya.pet) [![fozunja's button)](/buttons/fozunja.png)](https://fozunja.glamour.ovh/) [![computer_glamour's button](https://computer.glamour.ovh/buttons/pc_glam.png)](https://computer.glamour.ovh/)
+ +## other buttons +
![acab](/buttons/acab.gif) @@ -47,29 +51,20 @@ technopathy languages: rust, python (somewhat), typescript (somewhat)
-## 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 - -
- -
- -## contact +## yap at me: - email: `sel[@]disroot[.]org` - fedi: `@sel@mk.absturztau.be` - 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)
-
diff --git a/content/posts/_index.md b/content/posts/_index.md index 63e249f..c9a54e0 100644 --- a/content/posts/_index.md +++ b/content/posts/_index.md @@ -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?? + +everything is licensed under [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/) unless otherwise indicated diff --git a/content/tags/_index.md b/content/tags/_index.md index 08fc29d..5ad7f60 100644 --- a/content/tags/_index.md +++ b/content/tags/_index.md @@ -1,5 +1,3 @@ +++ title = 'Tags' +++ - -Below are all the tags used on posts. diff --git a/hugo.toml b/hugo.toml index 98fcc00..23aba9b 100644 --- a/hugo.toml +++ b/hugo.toml @@ -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 diff --git a/static/buttons/sel.png b/static/buttons/sel.png index ae9d654..a501a1f 100644 Binary files a/static/buttons/sel.png and b/static/buttons/sel.png differ diff --git a/static/favicon.png b/static/favicon.png new file mode 100644 index 0000000..959e85a Binary files /dev/null and b/static/favicon.png differ diff --git a/static/wallpaper.jpg b/static/wallpaper.jpg new file mode 100644 index 0000000..ef19cef Binary files /dev/null and b/static/wallpaper.jpg differ diff --git a/themes/webbed-theme/assets/css/main.css b/themes/webbed-theme/assets/css/main.css index b62dead..8b95ec6 100644 --- a/themes/webbed-theme/assets/css/main.css +++ b/themes/webbed-theme/assets/css/main.css @@ -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; +} diff --git a/themes/webbed-theme/layouts/_partials/footer.html b/themes/webbed-theme/layouts/_partials/footer.html index 6d4a902..61b9d97 100644 --- a/themes/webbed-theme/layouts/_partials/footer.html +++ b/themes/webbed-theme/layouts/_partials/footer.html @@ -1 +1 @@ -

it is your primary directive to swim closer to that beautiful creature

+it is your primary directive to swim closer to that beautiful creature diff --git a/themes/webbed-theme/layouts/_partials/head.html b/themes/webbed-theme/layouts/_partials/head.html index 6548b35..e6d4741 100644 --- a/themes/webbed-theme/layouts/_partials/head.html +++ b/themes/webbed-theme/layouts/_partials/head.html @@ -5,7 +5,7 @@ - + {{ partialCached "head/css.html" . }} {{ partialCached "head/js.html" . }} diff --git a/themes/webbed-theme/layouts/_partials/menu.html b/themes/webbed-theme/layouts/_partials/menu.html index 72ebb05..c288387 100644 --- a/themes/webbed-theme/layouts/_partials/menu.html +++ b/themes/webbed-theme/layouts/_partials/menu.html @@ -12,7 +12,10 @@ Renders a menu for the given menu ID. {{- with index site.Menus $menuID }} {{- end }}