{% extends "base.html" %}
{% block main %}
<p class="flowing-text">A collection of various links/resources I either find useful or interesting. Additionally, the Websites of some friends of mine, this will be extended in the future (maybe, possibly)</p>
<div id="links">
    <h1 class="topic"><span class="spacer"></span><span class="additional-spacer">======</span> friends <span class="additional-spacer">=====</span><span class="spacer"></span></h1>
    <ul>
      <div class="buttons-88x31">
        <a href="https://gabrielhuber.at/"><img src="" alt="Yepoleb"></a>
        <a href="https://lukechriswalker.at/"><img src="assets/img/88x31/friends/lena.gif" alt="Lena"></a>
        <a href="https://leggi.es/"><img src="assets/img/88x31/friends/deneb.gif" alt="CGA text mode style button for netdeneb.com"></a>
        <a href="https://ohaa.xyz/"><img src="" alt="Ohaa"></a>
      </div>
    </ul>
    <h1 class="topic"><span class="smaller-spacer"></span> cool places & organizations <span class="additional-spacer">=</span><span class="smaller-spacer"></span></h1>
    <ul>
      <li><a href="https://it-syndikat.org/">IT-Syndikat</a> - a cool hackerspace in IBK</li>
      <li><a href="https://linksvominn.noblogs.org/cafe-lotta/">Cafe Lotta</a> - a self-administered, autonomous bar in IBK</li> 
      <li><a href="https://qck.tirol/">Queeres Chaos Kollektiv (QCK)</a> - they do cool queer meetups. I'm regularly there as well :)</li>
    </ul>
    <h1 class="topic"><span class="spacer"></span> queer information <span class="additional-spacer">=</span><span class="spacer"></span></h1>
    <ul>
      <li><a href="https://www.queermed.at/">queermed.at</a> - a collection of health care provides which are queer-friendly</li>
      <li><a href="https://www.tinternet.at/">TINernet</a> - a collection of various queer organizations, queer-friendly health care providers</li> 
      <li><a href="https://www.sg-tirol.at/">Zentrum Sexuelle Gesundheit Tirol</a> - formerly Aidshilfe Tirol. An organization which offers information regarding STDs, sex education and  does awareness work for and within the queer community. They also offer anonymous, free of charge HIV testing and at-cost tests for various other STDs.
    </ul>
    <h1 class="topic"><span class="spacer"></span> (web) development <span class="additional-spacer">=</span><span class="spacer"></span></h1>
    <ul>
      <li><a href="https://jsfiddle.net">JSFiddle</a> - Useful tool for realtime testing of websites, especially if you use JS, which this website does not :P</li>
      <li><a href="http://www.88x31.nl/">88x31.nl</a> - various 88x31 buttons one might want to use to give your website a retro vibe</li> 
      <li><a href="https://cyber.dabamos.de/88x31/">cyber.dabamos.de/88x31/</a> - even more 88x31 buttons!</li>
      <li><a href="https://regex101.com/">regex101.com</a> - helps you write RegEx for various languages</li>
      <li><a href="https://http.cat/">http.cat</a> - for all your http status and cat related needs</li>
      <li><a href="https://httpstatusdogs.com/">httpstatusdogs.com</a> - the same as the above, now featuring doggos
      <li><a href="https://httpfox.gay/">httpfox.gay</a> - the same as the above, now featuring foxxos, unfortunatly some common statuses aren't added yet
    </ul>
    <h1 class="topic"><span class="spacer"></span><span class="additional-spacer">======</span> gaming <span class="additional-spacer">======</span><span class="spacer"></span></h1>
    <ul>
      <li><a href="https://gogdb.org">GOG Database</a> - a database for all games available on GOG. Made by my (very cute) partner <a href="https://gabrielhuber.at">Yepoleb</a></li>
      <li><a href="https://www.protondb.com/">protondb</a> - check if various steam games run and perform well on linux plattforms
    </ul>
</div>
<h1 class="topic"><span class="spacer"></span><span class="additional-spacer">======</span> buttons <span class="additional-spacer">=====</span><span class="spacer"></span></h1>
<div class="buttons-88x31">
  <a href="https://joinmastodon.org/"><img src="assets/img/88x31/masto.gif" alt="Leave Twitter. Join Mastodon."></a>
  <a href="https://www.dokteronline.com/de-de/produkt/gynokadin/"><img src="assets/img/88x31/powered-by-estradiol.png" alt="Powered by Estradiol"></a>
  <a href="https://www.debian.org/"><img src="assets/img/88x31/powered-by-debian.gif" alt="Powered by Debian"></a>
  <a href="https://media1.tenor.com/m/j8JBaus60BcAAAAd/cat-lick.gif"><img src="assets/img/88x31/catscape-meow.gif" alt="Catscape MEOW!"></a>
  <a href="https://en.wikipedia.org/wiki/Year_2000_problem"><img src="assets/img/88x31/y2k.png" alt="Y2K"></a>
  <a href="https://brainmade.org/"><img src="assets/img/88x31/brainmade.png" alt="brainmade.org"></a>
  <a href="https://en.wikipedia.org/wiki/ISO_8601"><img src="assets/img/88x31/iso8601.png" alt="ISO 8601 YYYY-MM-DD"></a>
  <img src="assets/img/88x31/anti-nft.gif" alt="This is an Anti-NFT site">
  <img src="assets/img/88x31/trans-your-gender.gif" alt="Trans your gender">
  <img src="assets/img/88x31/trans-rights.gif" alt="Trans rights NOW!">
  <img src="assets/img/88x31/css-is-difficult.png" alt="CSS is difficult">
  <img src="assets/img/88x31/best-viewed-1024x768.gif" alt="Best viewed in 1024 by 768, 16 bit.">
  <img src="assets/img/88x31/best-viewed-computer.gif" alt="Best viewed with a computer.">
  <img src="assets/img/88x31/queer-coded.png" alt="You're telling me a queer coded this">
</div>
{% endblock %}