diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/_includes/layouts/base.njk | 36 | ||||
| -rw-r--r-- | src/_includes/layouts/page.njk | 56 | ||||
| -rw-r--r-- | src/guzzle.sass | 68 | ||||
| -rw-r--r-- | src/lul.njk | 6 |
4 files changed, 83 insertions, 83 deletions
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index b0fb268..cd1e66c 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -1,21 +1,21 @@ <!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> - {{ content | safe }} - {% block footer %} - <footer> - <a href="https://github.com/getchoo/getchoo.github.io">source</a> - commit: {{ gitRevision }} - </footer> - {% endblock %} - </body> + <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> + {{ content | safe }} + {% block footer %} + <footer> + <a href="https://github.com/getchoo/getchoo.github.io">source</a> + commit: {{ gitRevision }} + </footer> + {% endblock %} + </body> </html> diff --git a/src/_includes/layouts/page.njk b/src/_includes/layouts/page.njk index 801a129..c822fd8 100644 --- a/src/_includes/layouts/page.njk +++ b/src/_includes/layouts/page.njk @@ -3,32 +3,32 @@ 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!" /> - <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 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> diff --git a/src/guzzle.sass b/src/guzzle.sass index dc595ad..d3ab79b 100644 --- a/src/guzzle.sass +++ b/src/guzzle.sass @@ -4,54 +4,54 @@ $fonts: "Fira Code", monospace $foreground-color: #1e1e2e .container - background-color: #b4befe + background-color: #b4befe - display: flex - flex: 1 1 auto - flex-direction: column - align-items: center - justify-content: center + display: flex + flex: 1 1 auto + flex-direction: column + align-items: center + justify-content: center - width: fit-content + width: fit-content - margin-left: auto - margin-right: auto - margin-top: 8% + margin-left: auto + margin-right: auto + margin-top: 8% - padding: 20px + padding: 20px body - background-color: $foreground-color - font-family: $fonts + background-color: $foreground-color + font-family: $fonts - padding: 10px 36px + padding: 10px 36px - p,li - font-size: 16px + p,li + font-size: 16px - h - font-size: 24px + h + font-size: 24px footer - font-size: 10px - color: white - padding: 10px - justify-content: center - text-align: center + font-size: 10px + color: white + padding: 10px + justify-content: center + text-align: center .content - display: inline-block - text-align: center - padding: 5px - margin: 5px + display: inline-block + text-align: center + padding: 5px + margin: 5px .gifs - background-color: $foreground-color - display: inline-block - text-align: center - padding: 5px - margin: 5px + background-color: $foreground-color + display: inline-block + text-align: center + padding: 5px + margin: 5px #vidya - display: flex - justify-content: center + display: flex + justify-content: center diff --git a/src/lul.njk b/src/lul.njk index d0e249a..100220c 100644 --- a/src/lul.njk +++ b/src/lul.njk @@ -5,7 +5,7 @@ layout: "layouts/base.njk" --- <div id="vidya"> - <video width="1280" height="720" controls autoplay muted> - <source src="/files/rickroll.mp4" type="video/mp4"/> - </video> + <video width="1280" height="720" controls autoplay muted> + <source src="/files/rickroll.mp4" type="video/mp4"/> + </video> </div> |