diff options
Diffstat (limited to 'src/_includes/layouts')
| -rw-r--r-- | src/_includes/layouts/base.njk | 23 | ||||
| -rw-r--r-- | src/_includes/layouts/index.njk | 195 | ||||
| -rw-r--r-- | src/_includes/layouts/page.njk | 4 |
3 files changed, 179 insertions, 43 deletions
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index 027dae0..51f160b 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -1,24 +1,17 @@ <!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" /> </head> <body> - {% block headerbar %} - {% include "components/headerbar.njk" %} - {% endblock %} - - {{ content | safe }} - - {% block footer %} - {% include "components/footer.njk" %} - {% endblock %} + {% block headerbar %} {% include "components/headerbar.njk" %} {% + endblock %} {{ content | safe }} {% block footer %} {% include + "components/footer.njk" %} {% endblock %} </body> </html> diff --git a/src/_includes/layouts/index.njk b/src/_includes/layouts/index.njk index 6eb1fe7..b2373e4 100644 --- a/src/_includes/layouts/index.njk +++ b/src/_includes/layouts/index.njk @@ -3,46 +3,191 @@ layout: "layouts/base.njk" --- <div class="container"> - <div class="content"> - {{ content | safe }} - </div> + <div class="content">{{ content | safe }}</div> <div id="gifs"> <div id="gif"> - <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/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" + /> <a href="https://github.com/sakecode"> <!-- Powered by NixOS © 2023 by Sake is licensed under (CC BY-NC-SA 4.0) To view the source visit: https://github.com/sakecode/Sake-s-SVGs To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/4.0/ --> - <img src="/imgs/gifs/poweredbynix.svg" width="88" height="31" loading="lazy" decoding="async" alt="powered by fedora"/> + <img + src="/imgs/gifs/poweredbynix.svg" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="powered by fedora" + /> </a> - <img src="/imgs/gifs/capitalism.gif" width="88" height="31" loading="lazy" decoding="async" alt="let's crush capitalism!"/> + <img + src="/imgs/gifs/capitalism.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="let's crush capitalism!" + /> </div> <div id="gif"> - <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/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" + /> <a href="https://dnsense.pub/"> - <img src="/imgs/gifs/steam.gif" width="88" height="31" loading="lazy" decoding="async" alt="play with steam"/> + <img + src="/imgs/gifs/steam.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="play with steam" + /> </a> - <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"/> + <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" + /> </div> <div id="gif"> - <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"/> + <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> - diff --git a/src/_includes/layouts/page.njk b/src/_includes/layouts/page.njk index ed02c69..d355024 100644 --- a/src/_includes/layouts/page.njk +++ b/src/_includes/layouts/page.njk @@ -3,7 +3,5 @@ layout: layouts/base.njk --- <div class="container"> - <div class="content" id="blogpost"> - {{ content | safe }} - </div> + <div class="content" id="blogpost">{{ content | safe }}</div> </div> |
