diff options
| author | seth <[email protected]> | 2023-03-18 12:16:17 -0400 |
|---|---|---|
| committer | seth <[email protected]> | 2023-03-18 12:16:17 -0400 |
| commit | b9a3d7c7e57a3151fa6a9b629c1117f33561c2bd (patch) | |
| tree | e3d5e22af89eca14f9458223ebdeb02997ed2bdd /src | |
| parent | fe57ac7cf2aa7339b445cc355f95a3f2099c616f (diff) | |
design: styling changes + improve main page
Diffstat (limited to 'src')
| -rw-r--r-- | src/guzzle.sass | 29 | ||||
| -rw-r--r-- | 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 - +<h1 id="indexHeader">getchoo's website 🦕</h1> this is under construction. i'm experimenting with lume  |