diff options
Diffstat (limited to 'src/_includes')
| -rw-r--r-- | src/_includes/components/footer.njk | 6 | ||||
| -rw-r--r-- | src/_includes/components/headerbar.njk | 7 | ||||
| -rw-r--r-- | src/_includes/components/postlist.njk | 14 | ||||
| -rw-r--r-- | src/_includes/layouts/base.njk | 23 | ||||
| -rw-r--r-- | src/_includes/layouts/index.njk | 34 | ||||
| -rw-r--r-- | src/_includes/layouts/page.njk | 31 |
6 files changed, 77 insertions, 38 deletions
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 |