From b9a3d7c7e57a3151fa6a9b629c1117f33561c2bd Mon Sep 17 00:00:00 2001 From: seth Date: Sat, 18 Mar 2023 12:16:17 -0400 Subject: design: styling changes + improve main page --- src/guzzle.sass | 29 +++++++++++++++++++++-------- src/index.md | 3 +-- 2 files changed, 22 insertions(+), 10 deletions(-) diff --git a/src/guzzle.sass b/src/guzzle.sass index 68834d8..e9e0415 100644 --- a/src/guzzle.sass +++ b/src/guzzle.sass @@ -4,11 +4,14 @@ $fonts: "Noto Sans", "Fira Code", monospace $background-color: #1e1e2e $foreground-color: #b4befe -$complementary-color: #cba6f7 +$overlay: #7f849c +$text: #1e1e2e +$subtext: #cdd6f4 body background-color: $background-color font-family: $fonts + color: $text padding: 10px @@ -20,7 +23,7 @@ body footer font-size: 12px - color: white + color: $subtext display: flex align-items: center @@ -42,25 +45,25 @@ footer margin-right: auto margin-top: 2% - border-radius: 5px + border-radius: 3% .content display: inline-block text-align: center margin: 5px - padding: 5px .headerbar background-color: $foreground-color display: flex - flex-direction: row + flex-direction: column align-items: center justify-content: center width: fit-content + height: 30px margin-left: auto margin-right: auto @@ -75,16 +78,26 @@ footer #commitText width: fix-content - margin: 10px padding: 5px + +#indexHeader + background-color: $background-color + color: $subtext + border-radius: 5px + padding: 5px #gifs background-color: $background-color display: inline-block text-align: center - padding: 10px - margin: 10px + + margin: 20px + margin-top: 0 + padding: 20px + + box-shadow: 7px 10px 1px $overlay + border-radius: 5px #vidya display: flex diff --git a/src/index.md b/src/index.md index 28c2274..d9bda98 100644 --- a/src/index.md +++ b/src/index.md @@ -4,8 +4,7 @@ title: guzzle guzzle description: getchoo's website --- -# getchoo's website - +

getchoo's website 🦕

this is under construction. i'm experimenting with lume ![construction](/imgs/construction.png) -- cgit v1.2.3