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