From 161359359d5585d38718c2a90812a60486cec227 Mon Sep 17 00:00:00 2001 From: seth Date: Fri, 17 Mar 2023 23:32:45 -0400 Subject: feat: add headerbar + refactor --- src/_includes/components/footer.njk | 6 +++ src/_includes/components/headerbar.njk | 7 +++ src/_includes/components/postlist.njk | 14 ++++++ src/_includes/layouts/base.njk | 23 +++++---- src/_includes/layouts/index.njk | 34 ++++++++++++++ src/_includes/layouts/page.njk | 31 ++---------- src/blog/index.njk | 8 ++++ src/blog/posts/2023-03-17_test.md | 9 ++++ src/blog/posts/_data.yaml | 2 + src/guzzle.sass | 86 ++++++++++++++++++++++++---------- src/index.md | 2 +- src/lul.njk | 4 +- 12 files changed, 160 insertions(+), 66 deletions(-) create mode 100644 src/_includes/components/footer.njk create mode 100644 src/_includes/components/headerbar.njk create mode 100644 src/_includes/components/postlist.njk create mode 100644 src/_includes/layouts/index.njk create mode 100644 src/blog/index.njk create mode 100644 src/blog/posts/2023-03-17_test.md create mode 100644 src/blog/posts/_data.yaml (limited to 'src') diff --git a/src/_includes/components/footer.njk b/src/_includes/components/footer.njk new file mode 100644 index 0000000..d34e2e7 --- /dev/null +++ b/src/_includes/components/footer.njk @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/src/_includes/components/headerbar.njk b/src/_includes/components/headerbar.njk new file mode 100644 index 0000000..8b211c3 --- /dev/null +++ b/src/_includes/components/headerbar.njk @@ -0,0 +1,7 @@ +

+ home + blog + github +

\ No newline at end of file diff --git a/src/_includes/components/postlist.njk b/src/_includes/components/postlist.njk new file mode 100644 index 0000000..66a4337 --- /dev/null +++ b/src/_includes/components/postlist.njk @@ -0,0 +1,14 @@ +

+ {{ post.data.title }} + + {{ post.data.date | date('HUMAN_DATE') }} + +

no posts yet! 🥸

\ No newline at end of file diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index cd1e66c..b0c9294 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -1,21 +1,24 @@ - - + + {{ title }} - - - + + + + + {% block headerbar %} + {% include "components/headerbar.njk" %} + {% endblock %} + {{ content | safe }} + {% block footer %} - + {% include "components/footer.njk" %} {% endblock %} - + \ No newline at end of file diff --git a/src/_includes/layouts/index.njk b/src/_includes/layouts/index.njk new file mode 100644 index 0000000..39181d7 --- /dev/null +++ b/src/_includes/layouts/index.njk @@ -0,0 +1,34 @@ +--- +layout: "layouts/base.njk" +--- + +

+ {{ content | safe }} +

+
+

\ No newline at end of file diff --git a/src/_includes/layouts/page.njk b/src/_includes/layouts/page.njk index c822fd8..19fe21a 100644 --- a/src/_includes/layouts/page.njk +++ b/src/_includes/layouts/page.njk @@ -1,34 +1,9 @@ --- -layout: "layouts/base.njk" +layout: layouts/base.njk --- -

-
-

\ No newline at end of file diff --git a/src/blog/index.njk b/src/blog/index.njk new file mode 100644 index 0000000..b60bb58 --- /dev/null +++ b/src/blog/index.njk @@ -0,0 +1,8 @@ +--- +layout: "layouts/page.njk" +title: "getchoo's blog" +description: "getchoo's blog posts" +--- + +{% set postList = search.pages("type=posts", "date=desc", 3) %} +{% include "components/postlist.njk" %} \ No newline at end of file diff --git a/src/blog/posts/2023-03-17_test.md b/src/blog/posts/2023-03-17_test.md new file mode 100644 index 0000000..7d0a029 --- /dev/null +++ b/src/blog/posts/2023-03-17_test.md @@ -0,0 +1,9 @@ +--- +title: test post +description: test test +draft: true +--- + +# uwu + +hello diff --git a/src/blog/posts/_data.yaml b/src/blog/posts/_data.yaml new file mode 100644 index 0000000..9287093 --- /dev/null +++ b/src/blog/posts/_data.yaml @@ -0,0 +1,2 @@ +type: posts +layout: layouts/page.njk diff --git a/src/guzzle.sass b/src/guzzle.sass index c045a44..68834d8 100644 --- a/src/guzzle.sass +++ b/src/guzzle.sass @@ -1,10 +1,33 @@ @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap') +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap') -$fonts: "Fira Code", monospace -$foreground-color: #1e1e2e +$fonts: "Noto Sans", "Fira Code", monospace +$background-color: #1e1e2e +$foreground-color: #b4befe +$complementary-color: #cba6f7 + +body + background-color: $background-color + font-family: $fonts + + padding: 10px + + p,li + font-size: 16px + + h1 + font-size: 24px + +footer + font-size: 12px + color: white + + display: flex + align-items: center + justify-content: center .container - background-color: #b4befe + background-color: $foreground-color display: flex flex: 1 1 auto @@ -13,45 +36,58 @@ $foreground-color: #1e1e2e justify-content: center width: fit-content + min-width: 33% margin-left: auto margin-right: auto - margin-top: 8% + margin-top: 2% - padding: 20px + border-radius: 5px -body +.content + display: inline-block + text-align: center + + margin: 5px + + padding: 5px + +.headerbar background-color: $foreground-color - font-family: $fonts - padding: 10px 36px + display: flex + flex-direction: row + align-items: center + justify-content: center - p,li - font-size: 16px + width: fit-content - h1 - font-size: 24px + margin-left: auto + margin-right: auto + margin-top: 2% -footer - font-size: 10px - color: white + border-radius: 5px padding: 10px - justify-content: center - text-align: center -.content - display: inline-block - text-align: center +#blogpost + min-width: 50% + +#commitText + width: fix-content + + margin: 10px padding: 5px - margin: 5px + border-radius: 5px -.gifs - background-color: $foreground-color +#gifs + background-color: $background-color display: inline-block text-align: center - padding: 5px - margin: 5px + padding: 10px + margin: 10px #vidya display: flex justify-content: center + padding: 5px + margin: 5px diff --git a/src/index.md b/src/index.md index 360a17e..28c2274 100644 --- a/src/index.md +++ b/src/index.md @@ -1,5 +1,5 @@ --- -layout: layouts/page.njk +layout: layouts/index.njk title: guzzle guzzle description: getchoo's website --- diff --git a/src/lul.njk b/src/lul.njk index 100220c..beb7e53 100644 --- a/src/lul.njk +++ b/src/lul.njk @@ -1,11 +1,11 @@ --- title: fard description: xd -layout: "layouts/base.njk" +layout: layouts/base.njk ---

+ \ No newline at end of file -- cgit v1.2.3