{% import "macros/opengraph.html" as opengraph_macros %}

{% extends "base.html" %}

{% block stylesheet %}
<link rel="stylesheet" href="{{ config.base_url }}/buttons.css">
{% endblock %}

{% block head_extra %}
{{ opengraph_macros::opengraph(title=page.title, url=page.permalink, content=page.content, type="website", image=config.base_url ~ "/img/80x15/rss-fullposts.png") }}
{% endblock %}

{% block content %}

<header>
  <h1>
    {{ page.title }}
  </h1>
  <nav>
    {% include "includes/list-pages.html" %}
  </nav>
</header>

<div id="main">
  {{ page.content | safe }}
  <section>
    <h2>80x15</h2>
    <div>
      <h3>Feeds</h3>
      <img src="{{ config.base_url }}/img/80x15/rss-fullposts.png" alt="RSS | Fullposts" title="Fullposts RSS feed">
      <img src="{{ config.base_url }}/img/80x15/rss-excerpts.gif" alt="RSS | Excerpts">
      <img src="{{ config.base_url }}/img/80x15/rss-comments.gif" alt="RSS | Comments">
      <img src="{{ config.base_url }}/img/80x15/rss-post-com.gif" alt="RSS | Post + Com">
      <img src="{{ config.base_url }}/img/80x15/rss-newsfeed.gif" alt="RSS | Newsfeed">
      <img src="{{ config.base_url }}/img/80x15/rss_whocares.png" alt="RSS | Who cares">
      <img src="{{ config.base_url }}/img/80x15/rss-feed.gif" alt="RSS | Feed">
      <img src="{{ config.base_url }}/img/80x15/rss-0.90.gif" alt="RSS | 0.90">
      <img src="{{ config.base_url }}/img/80x15/rss-0.91.gif" alt="RSS | 0.91">
      <img src="{{ config.base_url }}/img/80x15/rss-0.92.gif" alt="RSS | 0.92">
      <img src="{{ config.base_url }}/img/80x15/rss-0.93.gif" alt="RSS | 0.93">
      <img src="{{ config.base_url }}/img/80x15/rss-0.94.gif" alt="RSS | 0.94">
      <img src="{{ config.base_url }}/img/80x15/rss-1.0.gif" alt="RSS | 1.0">
      <img src="{{ config.base_url }}/img/80x15/rss-1.0.gif" alt="RSS | 1.0">
      <img src="{{ config.base_url }}/img/80x15/rss-2.0.gif" alt="RSS | 2.0">
      <img src="{{ config.base_url }}/img/80x15/atom.png" alt="Atom">
      <img src="{{ config.base_url }}/img/80x15/atom-0.3.gif" alt="Atom 0.3">
      <img src="{{ config.base_url }}/img/80x15/atom-valid.png" alt="Atom | Valid">
      <img src="{{ config.base_url }}/img/80x15/xmlfeed.gif" alt="XML | Feed">
      <img src="{{ config.base_url }}/img/80x15/xml-rss-2.0.png" alt="XML | RSS 2.0">
      <img src="{{ config.base_url }}/img/80x15/rss_blogtorrent.png" alt="RSS | Blogtorrent">
      <img src="{{ config.base_url }}/img/80x15/opml-share-it.png" alt="OPML | Share it!">
      <img src="{{ config.base_url }}/img/80x15/rss-button.png" alt="RSS">
      <img src="{{ config.base_url }}/img/80x15/rss-valid.gif" alt="RSS | Valid !!!">
    </div>
    <div>
      <h3>Computer stuff</h3>
      <img src="{{ config.base_url }}/img/80x15/mozfirefox.png" alt="mozilla firefox" title="use firefox!!!">
      <img src="{{ config.base_url }}/img/80x15/noie.png" alt="no internet explorer" title="just no lmao">
      <img src="{{ config.base_url }}/img/80x15/w3cxhtml1.1.png" alt="W3C | XHTML 1.1">
      <img src="{{ config.base_url }}/img/80x15/jabber.gif" alt="Jabber">
      <img src="{{ config.base_url }}/img/80x15/email-me.gif" alt="Email me">
      <img src="{{ config.base_url }}/img/80x15/ultratech.png" alt="Ultra | Tech">
      <img src="{{ config.base_url }}/img/80x15/pgpkey.gif" alt="PGP Key">
      <img src="{{ config.base_url }}/img/80x15/unicode.png" alt="Unicode">
      <img src="{{ config.base_url }}/img/80x15/linux.png" alt="Linux">
      <img src="{{ config.base_url }}/img/80x15/drupal.gif" alt="Drupal.org">
      <img src="{{ config.base_url }}/img/80x15/wp-wordpress.png" alt="WP | Wordpress">
      <img src="{{ config.base_url }}/img/80x15/wordpress.png" alt="Wordpress">
      <img src="{{ config.base_url }}/img/80x15/spip.png" alt="Spip">
      <img src="{{ config.base_url }}/img/80x15/xmpp_me.gif" alt="XMPP me">
      <img src="{{ config.base_url }}/img/80x15/email.gif" alt="Email">
      <img src="{{ config.base_url }}/img/80x15/contact.png" alt="Contact">
      <img src="{{ config.base_url }}/img/80x15/sms-me.gif" alt="SMS me">
      <img src="{{ config.base_url }}/img/80x15/feedback.png" alt="Leave | feedback">
      <img src="{{ config.base_url }}/img/80x15/geo-url.gif" alt="Geo URL">
    </div>
    <div>
      <h3>Music</h3>
      <img src="{{ config.base_url }}/img/80x15/floyd.gif" alt="pink floyd" title="As I reach for a peach, slide a rind down behind / The sofa in San Tropez~">
    </div>
    <div>
      <h3>Political</h3>
      <img class="me" src="{{ config.base_url }}/img/80x15/anarcom.png" alt="Anar-com" title="Anarcho-communism">
    </div>
    <div>
      <h3>Queer</h3>
      <img src="{{ config.base_url }}/img/80x15/bisexual.gif" alt="Bisexual">
      <img src="{{ config.base_url }}/img/80x15/pride.gif" alt="Pride">
    </div>
    <div>
      <h3>Miscellaneous</h3>
      <img src="{{ config.base_url }}/img/80x15/mp3love.gif" alt="i <3 mp3" title="music fucking slaps">
      <img src="{{ config.base_url }}/img/80x15/frenchy.gif" alt="Frenchy" title="Frenchy">
      <img src="{{ config.base_url }}/img/80x15/go-veg.png" alt="Go | veg!">
      <img src="{{ config.base_url }}/img/80x15/january.gif" alt="January">
      <img src="{{ config.base_url }}/img/80x15/february.gif" alt="February">
      <img src="{{ config.base_url }}/img/80x15/march.gif" alt="March">
      <img src="{{ config.base_url }}/img/80x15/april.gif" alt="April">
      <img src="{{ config.base_url }}/img/80x15/may.gif" alt="May">
      <img src="{{ config.base_url }}/img/80x15/june.gif" alt="June">
      <img src="{{ config.base_url }}/img/80x15/july.gif" alt="July">
      <img src="{{ config.base_url }}/img/80x15/august.gif" alt="August">
      <img src="{{ config.base_url }}/img/80x15/september.gif" alt="September">
      <img src="{{ config.base_url }}/img/80x15/october.gif" alt="October">
      <img src="{{ config.base_url }}/img/80x15/november.gif" alt="November">
      <img src="{{ config.base_url }}/img/80x15/december.gif" alt="December">
      <a href="http://www.coffeegeek.com/"><img src="{{ config.base_url }}/img/80x15/coffee.gif" alt="Coffee | Powered"></a>
      <a href="http://oh-my.org/whee"><img src="{{ config.base_url }}/img/80x15/evil-cheese.gif" alt="Evil | Cheese Is"></a>
      <a href="http://xbergigi.altervista.org/beerpowered/"><img src="{{ config.base_url }}/img/80x15/beerpowered.gif" alt="Beer | Powered"></a>
      <img src="{{ config.base_url }}/img/80x15/veg-etarian.gif" alt="Veg | Etarian">
      <img src="{{ config.base_url }}/img/80x15/coffee-cup.gif" alt="Coffee">
      <a href="http://www.supersonicsquirrel.net/"><img src="{{ config.base_url }}/img/80x15/pizza.gif" alt="Pizza !!!"></a>
      <img src="{{ config.base_url }}/img/80x15/tea.gif" alt="Tea | Powered">
      <img src="{{ config.base_url }}/img/80x15/cranberry.png" alt="<3 | Cranberry">
      <img src="{{ config.base_url }}/img/80x15/banana.png" alt="🍌 | Banana">
      <img src="{{ config.base_url }}/img/80x15/hotsauce.png" alt="Hot | Sauce">
      <img src="{{ config.base_url }}/img/80x15/candyaddict.png" alt="Candy | Addict">
      <a href="http://katieweb.50webs.com/"><img src="{{ config.base_url }}/img/80x15/onigiri.gif" alt="Onigiri"></a>
    </div>
  </section>
  <section>
    <h2>88x31</h2>

    <a href="https://cyber.dabamos.de/88x31" target="_blank"><img src="{{config.base_url }}/img/88x31/88x31.gif" alt="88x31" title="baaaadges"></a>

    <div>
      <h3>People's sites, webrings and pubnixes</h3>
      <a href="https://maia.crimew.gay/"> <img alt="maia dot crimew dot gay" src="{{ config.base_url}}/img/88x31/maia.crimew.gay.png" width="88" height="31"></a>
      <a href="https://tilde.town/"><img alt="tilde.town logo" src="{{ config.base_url }}/img/88x31/tildetownpink.gif" title="By ~lucidiot"></a>
      <a href="https://suricrasia.online"><img alt="shark isp" src="{{ config.base_url}}/img/88x31/suricrasia.gif"></a>
      <a href="https://versary.town" target="_blank"><img src="{{ config.base_url }}/img/88x31/versarytown.png" alt="versary town" title="a very cool website by a very cool person <3"></a>
    </div>
    <div>
      <h3>Computer stuff</h3>
      <a href="https://www.vim.org/" target="_blank"><img src="{{ config.base_url }}/img/88x31/vim.gif" alt="Made with Vim"></a>
      <a href="https://archlinux.org" target="_blank"><img src="{{ config.base_url }}/img/88x31/archlinux.gif" alt="arch linux" title="i use arch btw"></a>
      <img src="{{ config.base_url }}/img/88x31/sucks.gif" alt="this website sucks" title="yeah sorry i haven't put in enough effort so far to make it work correctly">
      <a href="https://anybrowser.org/campaign/" target="_blank" title="don't use a proprietary one though"><img src="{{ config.base_url }}/img/88x31/anybrowser.gif" alt="best viewed with any browser"></a>
      <img src="{{ config.base_url }}/img/88x31/LocalNetwork.gif" alt="screw ya'll i'm going back to my local network" title="the internet was a mistake (except for the cool music and cat gifs)">
      <img src="{{ config.base_url }}/img/88x31/gnunano.png" alt="Made using GNU Nano editor" title="GNU Nano">
      <img src="{{ config.base_url }}/img/88x31/anybrowser-2.gif" alt="best viewed with any browser">
      <img src="{{ config.base_url }}/img/88x31/y2k.png" alt="Year 2000 Compliant | Y2K">
    </div>
    <div>
      <h3>Political</h3>
      <img src="{{ config.base_url }}/img/88x31/acab.gif" alt="acab" title="fuck the cops">
      <img src="{{ config.base_url }}/img/88x31/anarchynow.gif" alt="Anarchy now">
      <img src="{{ config.base_url }}/img/88x31/antinft.gif" alt="this is an anti-nft site" title="fuck you if you think burning the environment is cool">
      <img src="{{ config.base_url }}/img/88x31/piracy.gif" alt="piracy now!" title="piracy is fun and cool">
      <a href="https://yesterweb.org/no-to-web3/"><img src="{{ config.base_url }}/img/88x31/saynotoweb3.gif" alt="keep the web free, say no to web3" title="fuck web 3"></a>
      <img src="{{ config.base_url }}/img/88x31/antifa.png" alt="Anti Fascist Action" title="Fuck fascism">
    </div>
    <div>
      <h3>Queer</h3>
      <img src="{{ config.base_url }}/img/88x31/queer.png" alt="queer pride" title="im queer :)">
      <img src="{{ config.base_url }}/img/88x31/nonbinary.png" alt="nonbinary pride" title="im a nonbinary girl and i think that's pretty cool">
      <img src="{{ config.base_url }}/img/88x31/trans.png" alt="A trans flag : horizontal bands of light blue, pink, white, pink, light blue" title="️🏳️‍⚧️">
      <img src="{{ config.base_url }}/img/88x31/philadelphia_fl.png" alt="A pride flag, with stripes of black, brown, red, orange, yellow, green, blue, purple" title="️🏳️‍🌈">
    </div>
    <div>
      <h3>Miscellaneous</h3>
      <a href="javascript:alert('what did i tell you??')" target="_blank"><img src="{{ config.base_url }}/img/88x31/noclick.gif" alt="don't click here" title="don't do it"></a>
      <a href="https://minecraft.net" target="_blank" title="minecraft is a cool game imo"><img src="{{ config.base_url }}/img/88x31/minecraft.gif" alt="minecraft"></a>
      <img src="{{ config.base_url }}/img/88x31/void.gif" alt="powered by the void" title="i use my gender to power this website">
      <img src="{{ config.base_url }}/img/88x31/e-scp.gif" alt="SCP" title="Secure. Contain. Protect.">
    </div>

</section>
</div>

{% include "includes/footer.html" %}

{% endblock content %}