diff options
Diffstat (limited to 'src/_includes')
| -rw-r--r-- | src/_includes/components/headerbar.njk | 19 | ||||
| -rw-r--r-- | src/_includes/layouts/base.njk | 2 | ||||
| -rw-r--r-- | src/_includes/layouts/index.njk | 54 |
3 files changed, 40 insertions, 35 deletions
diff --git a/src/_includes/components/headerbar.njk b/src/_includes/components/headerbar.njk index e1601c4..54ea25a 100644 --- a/src/_includes/components/headerbar.njk +++ b/src/_includes/components/headerbar.njk @@ -1,12 +1,13 @@ <div class="headerbar"> - <div id="links"> - <p>|| - <a href="/">home</a> - | - <a href="/blog">blog</a> - | - <a href="https://github.com/getchoo">github</a> - || - </p> + <div id="links" class="flex gap-3"> + <button onclick="window.location.href='/'"> + home + </button> + <button onclick="window.location.href='/blog'"> + blog + </button> + <button onclick="window.location.href='https://github.com/getchoo'"> + github + </button> </div> </div>
\ No newline at end of file diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index b0c9294..42e03ba 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -7,7 +7,7 @@ <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> diff --git a/src/_includes/layouts/index.njk b/src/_includes/layouts/index.njk index feccdfc..7bf9545 100644 --- a/src/_includes/layouts/index.njk +++ b/src/_includes/layouts/index.njk @@ -7,30 +7,34 @@ layout: "layouts/base.njk" {{ 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"/> - <a href="https://dnsense.pub/"> - <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"/> - <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 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/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!"/> + </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"/> + <a href="https://dnsense.pub/"> + <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"/> + </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"/> + </div> </div> </div>
\ No newline at end of file |