summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--_config.ts4
-rw-r--r--src/_includes/components/footer.njk6
-rw-r--r--src/_includes/components/headerbar.njk7
-rw-r--r--src/_includes/components/postlist.njk14
-rw-r--r--src/_includes/layouts/base.njk23
-rw-r--r--src/_includes/layouts/index.njk34
-rw-r--r--src/_includes/layouts/page.njk31
-rw-r--r--src/blog/index.njk8
-rw-r--r--src/blog/posts/2023-03-17_test.md9
-rw-r--r--src/blog/posts/_data.yaml2
-rw-r--r--src/guzzle.sass86
-rw-r--r--src/index.md2
-rw-r--r--src/lul.njk4
13 files changed, 162 insertions, 68 deletions
diff --git a/_config.ts b/_config.ts
index b2b79ce..afdd06e 100644
--- a/_config.ts
+++ b/_config.ts
@@ -38,9 +38,9 @@ site.data("gitRevision", await getGitRevision());
site.ignore("README.md", "LICENSE", ".gitignore", ".gitattributes");
-site.copy("imgs");
+site.copy("favicon.ico");
site.copy("files");
+site.copy("imgs");
site.copy("js");
-site.copy("favicon.ico");
export default site;
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 @@
+<footer>
+ <div id="commitText">
+ <a href="https://github.com/getchoo/getchoo.github.io">source</a>
+ commit: {{ gitRevision }}
+ </div>
+</footer> \ 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 @@
+<div class="headerbar">
+ <div id="links">
+ <a href="/">home</a>
+ <a href="/blog">blog</a>
+ <a href="https://github.com/getchoo">github</a>
+ </div>
+</div> \ 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 @@
+<div>
+ <ul class="postList">
+ {% for post in postList %}
+ <li>
+ <a href="{{ post.data.url }}">{{ post.data.title }}</a>
+ <time class="post-date" datetime="{{ post.data.date | date('DATETIME') }}">
+ {{ post.data.date | date('HUMAN_DATE') }}
+ </time>
+ </li>
+ {% else %}
+ <p>no posts yet! 🥸</p>
+ {% endfor %}
+ </ul>
+</div> \ 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 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+ <meta charset="utf-8"/>
+ <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>{{ title }}</title>
- <meta name="description" content="{{ description }}" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <link rel="stylesheet" href="/guzzle.css" />
+ <meta name="description" content="{{ description }}"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1"/>
+ <link rel="stylesheet" href="/guzzle.css"/>
<script type="module" src="/js/chrisApp.js"></script>
</head>
+
<body>
+ {% block headerbar %}
+ {% include "components/headerbar.njk" %}
+ {% endblock %}
+
{{ content | safe }}
+
{% block footer %}
- <footer>
- <a href="https://github.com/getchoo/getchoo.github.io">source</a>
- commit: {{ gitRevision }}
- </footer>
+ {% include "components/footer.njk" %}
{% endblock %}
</body>
-</html>
+</html> \ 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"
+---
+
+<div class="container">
+ <div class="content">
+ {{ content | safe }}
+ </div>
+ <div id="gifs">
+ <img src="/imgs/gifs/legalize.gif" width="88" height="31" loading="lazy" decoding="async" alt="legalize now!"/>
+ <img src="/imgs/gifs/acab.gif" width="88" height="31" loading="lazy" decoding="async" alt="acab"/>
+ <img src="/imgs/gifs/poweredbyfedora.gif" width="88" height="31" loading="lazy" decoding="async" alt="powered by fedora"/>
+ <img src="/imgs/gifs/capitalism.gif" width="88" height="31" loading="lazy" decoding="async" alt="let's crush capitalism!"/>
+ <br>
+ <img src="/imgs/gifs/anybrowser.gif" width="88" height="31" loading="lazy" decoding="async" alt="best viewed with any browser"/>
+ <img src="/imgs/gifs/weezer.gif" width="88" height="31" loading="lazy" decoding="async" alt="weezer fan"/>
+ <img src="/imgs/gifs/steam.gif" width="88" height="31" loading="lazy" decoding="async" alt="play with steam"/>
+ <img src="/imgs/gifs/vi.gif" width="88" height="31" loading="lazy" decoding="async" alt="made with vi"/>
+ <img src="/imgs/gifs/pride.gif" width="88" height="31" loading="lazy" decoding="async" alt="pride"/>
+ <img src="/imgs/gifs/imagine.gif" width="88" height="31" loading="lazy" decoding="async" alt="imagination"/>
+ <br>
+ <img src="/imgs/gifs/moz.gif" width="88" height="31" loading="lazy" decoding="async" alt="mozilla is cool"/>
+ <img src="/imgs/gifs/free.gif" width="88" height="31" loading="lazy" decoding="async" alt="completely free software"/>
+ <img src="/imgs/gifs/gimp.gif" width="88" height="31" loading="lazy" decoding="async" alt="graphics by gimp"/>
+ <img src="/imgs/gifs/explorer.gif" width="88" height="31" loading="lazy" decoding="async" alt="marijuana mind explorer"/>
+ <img src="/imgs/gifs/jsfree.gif" width="88" height="31" loading="lazy" decoding="async" alt="javascript free"/>
+ <img src="/imgs/gifs/web3.gif" width="88" height="31" loading="lazy" decoding="async" alt="keep the web free! say no to web3!"/>
+ <img src="/imgs/gifs/tired.gif" width="88" height="31" loading="lazy" decoding="async" alt="tired"/>
+ <img src="/imgs/gifs/arnold.gif" width="88" height="31" loading="lazy" decoding="async" alt="hey arnold!"/>
+ <img src="/imgs/gifs/bob.gif" width="88" height="31" loading="lazy" decoding="async" alt="powered by bob"/>
+ <img src="/imgs/gifs/counterstrike.gif" width="88" height="31" loading="lazy" decoding="async" alt="counter-strike player"/>
+ <img src="/imgs/gifs/chris.gif" width="88" height="31" loading="lazy" decoding="async" alt="chris troll" id="chris_gif"/>
+ </div>
+</div> \ 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
---
-<div class="container">
+<div class="container" id="blogpost">
<div class="content">
{{ content | safe }}
</div>
- <div class="gifs">
- <img src="/imgs/gifs/legalize.gif" width="88" height="31" loading="lazy" decoding="async" alt="legalize now!" />
- <img src="/imgs/gifs/acab.gif" width="88" height="31" loading="lazy" decoding="async" alt="acab" />
- <img src="/imgs/gifs/poweredbyfedora.gif" width="88" height="31" loading="lazy" decoding="async" alt="powered by fedora" />
- <img src="/imgs/gifs/capitalism.gif" width="88" height="31" loading="lazy" decoding="async" alt="let's crush capitalism!" />
- <br>
- <img src="/imgs/gifs/anybrowser.gif" width="88" height="31" loading="lazy" decoding="async" alt="best viewed with any browser" />
- <img src="/imgs/gifs/weezer.gif" width="88" height="31" loading="lazy" decoding="async" alt="weezer fan" />
- <img src="/imgs/gifs/steam.gif" width="88" height="31" loading="lazy" decoding="async" alt="play with steam" />
- <img src="/imgs/gifs/vi.gif" width="88" height="31" loading="lazy" decoding="async" alt="made with vi" />
- <img src="/imgs/gifs/pride.gif" width="88" height="31" loading="lazy" decoding="async" alt="pride" />
- <img src="/imgs/gifs/imagine.gif" width="88" height="31" loading="lazy" decoding="async" alt="imagination" />
- <br>
- <img src="/imgs/gifs/moz.gif" width="88" height="31" loading="lazy" decoding="async" alt="mozilla is cool" />
- <img src="/imgs/gifs/free.gif" width="88" height="31" loading="lazy" decoding="async" alt="completely free software" />
- <img src="/imgs/gifs/gimp.gif" width="88" height="31" loading="lazy" decoding="async" alt="graphics by gimp" />
- <img src="/imgs/gifs/explorer.gif" width="88" height="31" loading="lazy" decoding="async" alt="marijuana mind explorer" />
- <img src="/imgs/gifs/jsfree.gif" width="88" height="31" loading="lazy" decoding="async" alt="javascript free" />
- <img src="/imgs/gifs/web3.gif" width="88" height="31" loading="lazy" decoding="async" alt="keep the web free! say no to web3!" />
- <img src="/imgs/gifs/tired.gif" width="88" height="31" loading="lazy" decoding="async" alt="tired" />
- <img src="/imgs/gifs/arnold.gif" width="88" height="31" loading="lazy" decoding="async" alt="hey arnold!" />
- <img src="/imgs/gifs/bob.gif" width="88" height="31" loading="lazy" decoding="async" alt="powered by bob" />
- <img src="/imgs/gifs/counterstrike.gif" width="88" height="31" loading="lazy" decoding="async" alt="counter-strike player" />
- <img src="/imgs/gifs/chris.gif" width="88" height="31" loading="lazy" decoding="async" alt="chris troll" id="chris_gif" />
- </div>
-</div>
+</div> \ 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
---
<div id="vidya">
<video width="1280" height="720" controls autoplay muted>
<source src="/files/rickroll.mp4" type="video/mp4"/>
</video>
-</div>
+</div> \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2025-12-06 20:13:53 +0000