From 266939925913b4caa3fdfea9700736e92622f4a5 Mon Sep 17 00:00:00 2001 From: Ruben Date: Mon, 6 Nov 2023 09:09:58 -0600 Subject: [PATCH] just learned about anchors --- index.html | 41 ++++++++++++++++++++--------------------- style.css | 27 +++++++++++++++++++++++---- 2 files changed, 43 insertions(+), 25 deletions(-) diff --git a/index.html b/index.html index d617249..7713fb4 100644 --- a/index.html +++ b/index.html @@ -22,14 +22,14 @@

hey, i'm ruben.

welcome to my site.

-
+
-
+

~/about-me

i'm your "average" 17 year old gay foss enjoyer.

i enjoy messing around with random technology things, especially retro and unique things. modern tech things too depending on how much i can actually do with them.

@@ -172,18 +163,26 @@
-
+

~/fun-facts

  • my profile pictures are usually random characters from different types of media that i grayscale and use as my profile picture. my current phase is yoshi.
  • i used to have a joke where i loved cheese, in a "i cannot live with cheese, give me the cheese or i die" way. technically the joke does still exist to some extent in a friend group, but otherwise has mostly died out. 🧀
    • +
  • originally starting interneting when i was young and my only method of getting wifi was by using my netbook in the kitchen and connecting to a nearby stores local wifi connection.
  • joined fedi around 2020 or so, originally on mas.to before closing shop and moving to types.pl which has a nice local community, before moving to miruku.cafe for a short while before finally landing at lea.pet.
    • -
  • i prefer lowercase when possible. it just seems more natural.
    • +
  • i prefer lowercase when possible. it just feels more natural.
  • i am terrible at spelling. i had to at least search up like 10 words when typing this entire site out to make sure i didn't misspell anything.
    • +
  • this is the third real site that i've made.
+ + GIF of a dancing yoshi diff --git a/style.css b/style.css index 64f5e19..4d59bd3 100644 --- a/style.css +++ b/style.css @@ -295,6 +295,17 @@ a { font-size: 20px; } +footer { + display: flex; + flex-direction: row; + justify-content: center; + margin-bottom: 2rem; +} + +footer > a, footer > p { + color: var(--header); + font-size: 16px; +} /* -- end of usual css things -- */ /* -- styling the rest of the elements/custom stuff -- */ @@ -315,8 +326,9 @@ a { margin: -2px; } -.navnt { +.nav, .nav > a { color: var(--header-2); + font-size: 16px; text-shadow: 0px 0px 8px var(--header-2); } @@ -332,7 +344,7 @@ a { font-size: 16px; } -.dot2 { +.links-n-socials > .fedi > .dot, .links-n-socials > .messaging > .dot, .links-n-socials > .platforms > .dot, .links-n-socials > .misc > .dot { color: var(--accent-1); text-shadow: 0px 0px 8px var(--accent-1); margin-top: 22px; @@ -340,6 +352,13 @@ a { margin-right: 14px; } +footer > .dot { + font-size: 16px; + margin-top: 20px; + margin-left: 10px; + margin-right: 10px; +} + .separator { display: flex; margin-left: auto; @@ -378,14 +397,14 @@ a { } /* -- below is all the css used only for the social cards, and its probably Very Bad so get a puke bag or something read -- */ -.fedi, .firefish, .firefish-icon, .akkoma, .akkoma-icon, .messaging, .revolt, .revolt-icon, .matrix, .matrix-icon, .xmpp, .xmpp-icon, .platforms, .listenbrainz, .listenbrainz-icon, .gitgay, .gitgay-icon, .github, .github-icon, .misc, .retrospring, .retrospring-icon, .archiveorg, .archive-icon, .dotfiles, .idle, .shitposts, .amoguscloud, .warning { +.fedi, .firefish, .firefish-icon, .akkoma, .akkoma-icon, .messaging, .revolt, .revolt-icon, .matrix, .matrix-icon, .xmpp, .xmpp-icon, .platforms, .listenbrainz, .listenbrainz-icon, .gitgay, .gitgay-icon, .github, .github-icon, .misc, .retrospring, .retrospring-icon, .archiveorg, .archive-icon, .shitposts, .amoguscloud, .warning { display: flex; flex-direction: row; margin-left: auto; margin-right: auto; } -.firefish-icon, .akkoma-icon, .revolt-icon, .matrix-icon, .xmpp-icon, .listenbrainz-icon, .gitgay-icon, .github-icon, .retrospring-icon, .archive-icon, .idle, .amoguscloud { +.firefish-icon, .akkoma-icon, .revolt-icon, .matrix-icon, .xmpp-icon, .listenbrainz-icon, .gitgay-icon, .github-icon, .retrospring-icon, .archive-icon, .amoguscloud { margin-top: 20px; margin-right: 8px; width: 30px;