From 6b93fb69b896cc01537d9c21c8e559519360013c Mon Sep 17 00:00:00 2001 From: ktyl Date: Wed, 22 Dec 2021 22:09:19 +0000 Subject: [PATCH] update landing page+sidebar --- src/inc_css/landing.css | 50 ++++++++++++++++++++++++++++++++++ src/inc_css/sidebar.css | 4 +++ src/inc_html/sidebarlinks.html | 9 ++---- src/root/index.html | 10 ++----- 4 files changed, 60 insertions(+), 13 deletions(-) create mode 100644 src/inc_css/landing.css diff --git a/src/inc_css/landing.css b/src/inc_css/landing.css new file mode 100644 index 0000000..90b4886 --- /dev/null +++ b/src/inc_css/landing.css @@ -0,0 +1,50 @@ +.landing { + margin-top: 10%; + + text-align: center; +} + +.landing .fsText a { + color: var(--foreground-inactive); + font-size: 2em; + transform: translate(0,50%); + + transition: all 0.3s; +} +.landing .fsText a:hover { + color: var(--accent); +} + +.landing ul { + width: 100%; + padding: .5em 0 0; + margin: 0; +} + +.landing li a { + position: relative; + font-size: 2.5em; + margin: 0 .2em; + color: var(--foreground-inactive); +} +.landing li a:hover { + transform: translateY(-10%); + color: var(--accent); +} + +.landing .socials { + position: relative; + background-color: var(--clear); + + top: 1em; + left: auto; + right: auto; + + text-align: center; +} + +.landing .socials i { + color: var(--foreground-inactive); + font-size: 3.5em; + padding: 0 .07em; +} diff --git a/src/inc_css/sidebar.css b/src/inc_css/sidebar.css index 25fdc13..d1567a6 100644 --- a/src/inc_css/sidebar.css +++ b/src/inc_css/sidebar.css @@ -32,6 +32,10 @@ transition: transform 0.3s; } +.sidebar li a::before { + content: "/"; +} + .sidebar li:hover { transform: translate(1vmax); } diff --git a/src/inc_html/sidebarlinks.html b/src/inc_html/sidebarlinks.html index baf7779..9c5f266 100644 --- a/src/inc_html/sidebarlinks.html +++ b/src/inc_html/sidebarlinks.html @@ -1,10 +1,7 @@
- -#include socials.html diff --git a/src/root/index.html b/src/root/index.html index a08f9e3..87bf885 100644 --- a/src/root/index.html +++ b/src/root/index.html @@ -6,18 +6,14 @@ ktyl ~ home -
+
#include titlestart.html #include titleend.html + #include sidebarlinks.html -
- -
- -

cats stuff

-hi, im cat and i do things and stuff. eventually i want to make this an actual, useful landing page for people interested in me and what i do. unfortunately, im very scatterbrained and not very organised! as a result, this is just one of myriad ongoing projects that i constantly try to chip away at, to varying degrees of success. +#include socials.html