Resturcturing and adding of content, fixing of display bugs related to responsive design, slight de-spaghettification of CSS. Prep work for the yet to be implemented blog engine.

This commit is contained in:
Lucia Zehentner 2024-12-22 14:22:27 +01:00
parent 0c8c152c67
commit 84d0495beb
20 changed files with 641 additions and 46 deletions

View file

@ -9,7 +9,9 @@
</head>
<body>
<div class="content">
<!-- to be implemented
<div class="accessibility"></div>
-->
<div id="title">
<pre class="site-head">
=================================================================================
@ -25,48 +27,63 @@
</div>
<nav>
<span class="centered no-overflow">==============================================================================================</span>
<div class="links-nav"><span class="vertical-divider-nav">|</span><span><a href="index.html"> Home </a></span><span class="vertical-divider-nav">|</span><span><a href="blog.html"> Blog </a></span><span class="vertical-divider-nav">|</span><span><a href="faq.html"> FAQ </a></span><span class="vertical-divider-nav">|</span><span><a class="highlight" href="#"> > Useful Stuff < </a></span><span class="vertical-divider-nav">|</span></div>
<div class="links-nav"><span class="vertical-divider-nav">|</span><span><a href="index.html"> home </a></span><span class="vertical-divider-nav">|</span><span><a href="blog.html"> blog </a></span><span class="vertical-divider-nav">|</span><span><a href="faq.html"> FAQ </a></span><span class="vertical-divider-nav">|</span><span><a class="highlight" href="#"> > links < </a></span><span class="vertical-divider-nav">|</span></div>
<span class="centered no-overflow">==============================================================================================</span>
</nav>
<p class="flowing-text">A collection of various links I either find useful or interesting. Additionally, the Websites of some friends of mine, this will be extended in the future (maybe, possibly)</p>
<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">
<h2 class="topic"><span class="spacer"></span><span class="additional-spacer">======</span> friends <span class="additional-spacer">=====</span><span class="spacer"></span></h2>
<ul>
<li><a href="https://gabrielhuber.at/">gabrielhuber.at</a> - My boyfriend's website UwU</li>
<li><a href="https://lukechriswalker.at/">lukechriswalker.at</a> - Lena's website - she's a talented camera person, blender artist and also a programmer :3</li>
<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://www.netdeneb.com/"><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>
<h2 class="topic"><span class="smaller-spacer"></span> cool places & organizations <span class="additional-spacer">=</span><span class="smaller-spacer"></span></h2>
<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>
<h2 class="topic"><span class="spacer"></span> (web) development <span class="additional-spacer">=</span><span class="spacer"></span></h2>
<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><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>
<h2 class="topic"><span class="spacer"></span><span class="additional-spacer">======</span> gaming <span class="additional-spacer">======</span><span class="spacer"></span></h2>
<ul>
<li><a href="https://gogdb.org">GogDB</a> - a database for all games available on GOG. Made by my boyfriend.</li>
<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>
<h2 class="topic"><span class="spacer"></span><span class="additional-spacer">======</span> buttons <span class="additional-spacer">=====</span><span class="spacer"></span></h2>
<div class="buttons-88x31">
<img src="assets/img/88x31/masto.gif" alt="Leave Twitter. Join Mastodon.">
<img src="assets/img/88x31/firefox-now.gif" alt="Firefox NOW">
<a href="https://joinmastodon.org/"><img src="assets/img/88x31/masto.gif" alt="Leave Twitter. Join Mastodon."></a>
<a href="https://www.mozilla.org/de/firefox/"><img src="assets/img/88x31/firefox-now.gif" alt="Firefox NOW"></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>
<img src="assets/img/88x31/anti-nft.gif" alt="This is an Anti-NFT site">
<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>
<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/powered-by-estradiol.png" alt="Powered by Estradiol">
<img src="assets/img/88x31/powered-by-debian.gif" alt="Powered by Debian">
<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/catscape-meow.gif" alt="Catscape MEOW!">
<img src="assets/img/88x31/anti-nft.gif" alt="This is an Anti-NFT site">
<img src="assets/img/88x31/y2k.png" alt="Y2K">
</div>
<footer>
<span class="centered no-overflow horizontal_divider">======================================================================================</span>
<div class="flex-row">
<p><a href="legal_notice.html">Legal notice</a> | <a href="licenses.html">Open source licenses</a> | Latest Update: 2024-09-23</p>
<p><a href="legal_notice.html">Legal notice</a> | <a href="licenses.html">Open source licenses</a> | Latest Update: 2024-12-22</p>
</div>
<pre class="flags" aria-label="Trans flag and bi flag">
<span class="blue">==============</span> | <span class="pink">==============</span>