{% extends "base.html" %}
{% block main %}
<div id="aboutme">
    <h1><span class="spacer"></span><span class="additional-spacer">=====</span> about me <span class="additional-spacer">=====</span><span class="spacer"></span></h1>
    <p class="flowing-text">
        Hello,
        I'm Lucia (with a singular a). On the Internet you are more likely to find me going by the name schlecknits.<br>I live in Rum, near Innsbruck, Austria. I like working with electronics and 3d designing and printing stuff. Sometimes I also do programming and/or web design. Otherwise, I like cute animals, reading on and researching things I'm currently interested in, trains and public transport in general as well as cooking and baking.<br>On this website you'll find my personal blog (topics vary widely) as well as some of my projects. If you wanna follow me on social media or contact me reference this <a href="#contact">list of methods to reach me</a> (if you are using an adblocker, this section might be blocked). For more information on me check my <a href="faq.html">FAQ</a>.
    </p>
    <p class="flowing-text">
        For those interested in such things, I also have an 88x31 button which you can either link directly or rehost on your website:
    </p>
    <img alt="The luciaa.at 88x31 button. Green text on a black background spelling LUCIAA, a friendly looking sheep's head is on the bottom right, partly concealing the second A. a vertical trans flag is visible on the top right." src="assets/img/88x31/luciaa.png" class="flowing-text">
    <p class="flowing-text">
        Please contact me if you'd like to be listed onto my friends list with your own 88x31 button!
    </p>
</div>
<div id="about-this-website">
    <h1><span class="spacer"></span> about this website <span class="spacer"></span></h1>
    <p class="flowing-text">
        This website is held intentionally minimalist, as I'm not the biggest fan of bloated ressource-intensive websites and unnessercary eyecandy. The only non-text-based content you'll find on this page are some 88x31 buttons, the background image, which is itself rather tiny and images within the blog-section. This website is fully navigable with purely text-based browsers such as <a href="https://lynx.invisible-island.net/">lynx</a>, full screenreader compatiblity is currently unfortunatly not tested.</p>
</div>
<div id="projects">
    <h1><span class="spacer"></span><span class="additional-spacer">=</span> personal projects <span class="spacer"></span></h1>
    <div class="projects-grid">
        <!-- re-add when documentation is done 
        <div class="project">
        <h3><a href="#">USB Wii Sensorbar</a></h3>
        <p>Recreation of a Wii-like Sensorbar which is powered using a USB-A connector. Uses some simple electronics and a 3D-printed Case.</p>
        </div>
        <div class="project">
        <h3><a href="#">SmartHome Temparature- and CO2-sensor</a></h3>
        <p>A cloudless, simple sensing device using an ESP8266 running ESPHome and off-the-shelf sensors. Sometime soon there will also be a <a href="#">blog post</a> documenting the development process if you are curious.</p>
        </div>
        -->
        <div class="project">
        <h2><a href="https://git.yepoleb.at/lucia/luciaa.at">luciaa.at website</a></h2>
        <p>This literal website. Uses a static Page generator to be build and needs better documentation and some more work.</p>
        </div>
        <div class="project">
        <h2><a href="https://codeberg.org/Schlecknits/CatGirlBlogEngine">CatGirlBlogEngine</a></h2>
        <p>A blog engine for cat girls and everyone else as well. It's written in Python and is used to generate the blog section of this website.</p>
        </div>
        <div class="project">
        <h2><a href="https://github.com/Schlecknits/hitomezashi">Hitomezashi Generator</a></h2>
        <p>This project written in Python generates so called Hitomezashi patterns, an example of which you can see in the background of my website. The generator takes a wide range of arguments and can produce tiling patterns.</p>
        </div>
        <div class="project">
        <h2>More stuff to come...</h2>
        <p>... whenever I find the time to document more of my projects properly</p>
        </div>
    </div>
</div>
<div id="contact">
    <h1><span class="spacer"></span><span class="additional-spacer">====</span> meow at me <span class="additional-spacer">====</span><span class="spacer"></span></h1>
    <div class="socials-grid">
        <div class="social">
        <h2>Mastodon</h2><p><a rel="me" href="https://tyrol.social/@schlecknits" target="_blank">@schlecknits@tyrol.social</a></p>
        </div>
        <div class="social">
        <h2>Codeberg</h2><p><a href="https://codeberg.org/Schlecknits/" target="_blank">Schlecknits</a></p>
        </div>
        <div class="social">
        <h2>XMPP</h2><p>schlecknits@xmpp.yepoleb.at</p>
        </div>
        <div class="social">
        <h2>Signal</h2><p>schlecknits.96</p>
        </div>
        <div class="social">
        <h2>Discord</h2><p>schlecknits</p>
        </div>
        <div class="social">
        <h2>Matrix</h2><p><a href="https://matrix.to/@schlecknits:chat.ohaa.xyz#/@schlecknits:chat.ohaa.xyz" target="_blank">@schlecknits:chat.ohaa.xyz</a></p>
        </div>
        <div class="social">
        <h2>E-Mail</h2><p><a href="mailto:mail@luciaa.at" target="_blank">mail(at)luciaa.at</a></p>
        </div>
    </div>
</div>
{% endblock %}