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