feat!: redesigned some things, updated button, links, etc.

content/_index.md

@@ -1,34 +1,38 @@
 +++
 title = 'Home'
 +++
+<section class="full-height wallpaper">
 
-<div class="background">
+## things i am:
-<section>
 
-# 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>
+## things i am interested in:
-- ultra-giga-woke  neurodisaster
-- computer toucher & IT/programming student
-- terrible hobbyist systems dev and data nerd
 
-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">
 
+[![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/)
 
 </div>
+
+## other buttons
+
 <div class="buttons">
 
 ![acab](/buttons/acab.gif)
@@ -47,29 +51,20 @@ technopathy languages: rust, python (somewhat), typescript (somewhat)
 
 <section>
 
-## thingimajigs
+## yap at me:
-
-- 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
 
 - 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)
+- [my gitlab account](https://gitlab.wasp.best/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)
+- [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)
-- [source of most of my profile pictures](https://xcancel.com/yihan1949)
+- [(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>

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??
+
+<small>everything is licensed under [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/) unless otherwise indicated</small>

content/tags/_index.md

@@ -1,5 +1,3 @@
 +++
 title = 'Tags'
 +++
-
-Below are all the tags used on posts.

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

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;
+header {
-  flex-direction: column;
+	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);
+  border: 1px solid light-dark(#bcc0cc60, #31324460);
-  background-color: light-dark(#dce0e8, #11111b);
+  background-color: light-dark(#ebebef60, #1A1A2960);
-  position: fixed;
+  backdrop-filter: blur(5px);
   top: 0;
   left: 0;
-  padding-left: 1.75rem;
+  padding: 0.40rem 1.20rem;
-  padding-right: 1.75rem;
+  margin: 0.50rem;
-  padding-top: 0.40rem;
-  padding-bottom: 0.40rem;
-  width: 100%;
   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;
-}
+  color: light-dark(#4c4f69, #cdd6f4);
-
-main {
-  display: flex;
-  flex-direction: row;
 }
 
 section.buttons-wrapper {
@@ -56,16 +62,22 @@ section.buttons-wrapper {
   flex-direction: column;
   align-items: center;
 
-  background-color: light-dark(#ccd0da, #181825);
+  background-color: light-dark(#ebebef, #1A1A29);
-  max-width: 100%
+  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%;
+  text-align: center;
-  display: flex;
+  padding: 1rem;
-  justify-content: center;
 }
 
 .summary, .date {
@@ -139,12 +157,9 @@ small {
 }
 
 table {
-  border-collapse: collapse;
+  width: 100%;
-  width: 100%
+  border: 1px solid light-dark(#bcc0cc, #313244);
-}
+  border-radius: 0.75rem;
-
-table, th, td {
-  border: 3px dashed light-dark(#bcc0cc, #313244);
 }
 
 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;
+}

themes/webbed-theme/layouts/_partials/footer.html

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

themes/webbed-theme/layouts/_partials/head.html

@@ -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" . }}

themes/webbed-theme/layouts/_partials/menu.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 }}