diff options
Diffstat (limited to 'src/_includes')
| -rw-r--r-- | src/_includes/layouts/base.njk | 46 | ||||
| -rw-r--r-- | src/_includes/layouts/page.njk | 35 |
2 files changed, 52 insertions, 29 deletions
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index ba0fca3..8688c95 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -1,33 +1,21 @@ -{% block header %} - <!DOCTYPE html> - <html lang="en"> - <head> - <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"/> - </head> - {% endblock %} +<!DOCTYPE html> +<html lang="en"> + <head> + <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" /> + <script type="module" src="/js/chrisApp.js"></script> + </head> <body> - {% block container %} - <div class="container"> - {% block body %} - <div class="content"> - {% block content %} - {{ content | safe }} - {% endblock %} - </div> - {% endblock %} - {% endblock %} - </div> - <br \> + {{ content | safe }} + {% block footer %} <footer> - {% block footer %} - <a href="https://github.com/getchoo/getchoo.github.io">source</a> - commit: - {% endblock %} + <a href="https://github.com/getchoo/getchoo.github.io">source</a> + commit: </footer> + {% endblock %} </body> -</html>
\ No newline at end of file +</html> diff --git a/src/_includes/layouts/page.njk b/src/_includes/layouts/page.njk new file mode 100644 index 0000000..7eb4218 --- /dev/null +++ b/src/_includes/layouts/page.njk @@ -0,0 +1,35 @@ +--- +layout: "layouts/base.njk" +--- + +<div class="container"> + <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!" /> + <br> + <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> |