1{% extends "base.html" %}
  2
  3{% block css %}
  4{{ super() }}
  5<!--
  6<style>
  7.golb {
  8    transform: scaleY(-1);
  9    transition: transform 300ms;
 10}
 11
 12.golb:hover {
 13    transform: scaleY(1);
 14}
 15</style>
 16-->
 17{% endblock %}
 18
 19{% block content %}
 20<h1>BiRabittoh's Site</h1>
 21<p>Welcome to my personal website!</p>
 22
 23<h2 id="about">About me</h2>
 24<p>Italian male
 25<span id="age"><noscript>born in 1998</noscript></span>.
 26I have been programming
 27<span id="programming"><noscript>since 2015</noscript></span>
 28and it is my passion.</p>
 29
 30<p>I enjoy nature, taking pictures, playing video-games,
 31drawing vector graphics, or just chatting online.</p>
 32
 33<p>I can speak perfect Italian, read and write perfect English
 34and Python, and have programmed in C#, Java, JavaScript, Rust,
 35some C and C++, and designed pages like this with plain HTML
 36and CSS.</p>
 37
 38<p>On the Internet I'm often known as BiRabittoh, but my
 39real name is Marco.</p>
 40
 41<h2 id="projects">Project highlights</h2>
 42<ul>
 43<li>
 44<a href="https://github.com/LonamiWebs/Telethon/">Telethon</a>:
 45Python implementation of the Telegram's API.
 46</li>
 47<li>
 48<a href="klooni">1010! Klooni</a>: libGDX simple puzzle
 49game based on the original <i>1010!</i>.
 50</li>
 51<li>
 52<a href="https://github.com/LonamiWebs/Stringlate/">Stringlate</a>:
 53Android application that makes it easy to translate other FOSS apps.
 54</li>
 55</ul>
 56<p>These are only my <i>Top 3</i> projects, the ones I consider to be
 57the most successful. If you're curious about what else I've done, feel
 58free to check out my
 59<a href="https://github.com/LonamiWebs/">GitHub</a>.</p>
 60
 61<h2 id="more-links">More links</h2>
 62<dl>
 63    <dt><a href="https://t.me/LonamiWebs"><img src="/img/telegram.svg" alt="" /> My Telegram</a></dt>
 64    <dd>Come meet me at my group in Telegram and talk about anything!</dd>
 65
 66    <dt><a href="/blog"><img src="/img/blog.svg" alt="" /> My blog</a></dt>
 67    <dd>Sometimes I blog about things, whether it's games, techy stuff, or random life stuff.</dd>
 68
 69    <dt><a href="/golb"><img src="/img/blog.svg" class="golb" alt="" /> My golb</a></dt>
 70    <dd>What? You don't know what a golb is? It's like a blog, but less conventional.</dd>
 71
 72    <dt><a href="https://github.com/LonamiWebs"><img src="/img/github.svg" alt="" /> My GitHub</a></dt>
 73    <dd>By far what I'm most proud of. I love releasing my projects as open source. There is no reason not to!</dd>
 74
 75    <dt><a href="/utils"><img src="/img/utils.svg" alt="" /> Several Utilities</a></dt>
 76    <dd>Random things I've put online because I keep forgetting about them.</dd>
 77
 78    <dt><a href="/stopwatch.html"><img src="/stopwatch.svg" width="24" height="24" alt="" /> stopwatch</a></dt>
 79    <dd>An extremely simple JavaScript-based stopwatch.</dd>
 80
 81    <dt><a href="donate"><img src="/img/bitcoin.svg" alt="" /> Donate</a></dt>
 82    <dd>Some people like what I do and want to compensate me for it, but I'm fine with compliments if you can't afford a donation!</dd>
 83
 84    <dt><a href="humans.txt"><img src="/img/humans.svg" alt="" /> humans.txt</a></dt>
 85    <dd><a href="http://humanstxt.org/">We are humans, not robots.</a></dd>
 86</dl>
 87
 88<h2 id="contact">Contact</h2>
 89<p>If you use Telegram you can join
 90<a href="https://t.me/LonamiWebs">@LonamiWebs</a>
 91and just chat about any topics you like politely.</p>
 92
 93<p>If you prefer, you can also send me a private email to
 94<a href="mailto:totufals@hotmail.com">totufals[at]hotmail[dot]com</a>
 95and I will try to reply as soon as I can. Please don't use the email
 96if you need help with a specific project, this is better discussed in
 97the group where everyone can benefit from it.</p>
 98
 99<script type="text/javascript">
100    now = (new Date()).getFullYear();
101    document.getElementById("age").innerHTML = "aged " + (now - 1999);
102    document.getElementById("programming").innerHTML = "for " + (now - 2015) + " years";
103</script>
104{% endblock %}