Unify main site into just one page Based on recommendations from the lobste.rs thread: https://lobste.rs/s/h9xgpv/rate_my_homepage#c_r2wgjz
Lonami Exo totufals@hotmail.com
Mon, 26 Oct 2020 09:24:53 +0100
6 files changed,
96 insertions(+),
174 deletions(-)
D
about.html
@@ -1,48 +0,0 @@
-<!DOCTYPE html> -<html lang="en"> -<head> - <title>About Lonami</title> - <link rel="stylesheet" type="text/css" href="css/style.css"> - <meta name="description" content="Official Lonami's website"> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> -</head> -<body> - <div class="menu"> - <ul> - <li><a href="index">Welcome</a></li> - <li><a href="projects">Projects</a></li> - <li><a href="contact">Contact</a></li> - <li><a href="about" class="selected">About</a></li> - <li><a href="more-links">More Links</a></li> - </ul> - </div> - <div class="body"> - <h1>About</h1> - <p>Spanish male - <span id="age"><noscript>born in 1998</noscript></span>. - I have been programming - <span id="programming"><noscript>since 2012</noscript></span> - and it is my passion.</p> - - <p>I enjoy nature, taking pictures, playing video-games, - drawing vector graphics, or just chatting online.</p> - - <p>I can talk perfect Spanish, read and write perfect English - and Python, and have programmed in C#, Java, JavaScript, Rust, - some C and C++, and designed pages like this with plain HTML - and CSS.</p> - - <p>On the Internet, I'm often known as <i>Lonami</i>, although - my real name is simply my nick name, put the other way round.</p> - </div> -<script type="text/javascript"> -now = (new Date()).getFullYear(); - -document.getElementById("age").innerHTML = - "aged " + (now - 1999); - -document.getElementById("programming").innerHTML = - "for " + (now - 2012) + " years"; -</script> -</body> -</html>
D
contact.html
@@ -1,30 +0,0 @@
-<!DOCTYPE html> -<html lang="en"> -<head> - <title>Contact Lonami</title> - <link rel="stylesheet" type="text/css" href="css/style.css"> - <meta name="description" content="Official Lonami's website"> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> -</head> -<body> - <div class="menu"> - <ul> - <li><a href="index">Welcome</a></li> - <li><a href="projects">Projects</a></li> - <li><a href="contact" class="selected">Contact</a></li> - <li><a href="about">About</a></li> - <li><a href="more-links">More Links</a></li> - </ul> - </div> - <div class="body"> - <h1>Contact</h1> - <p>If you use Telegram you can join - <a href="https://t.me/LonamiWebs" target="_blank">@LonamiWebs</a> - and just chat about any topics you like politely.</p> - - <p>If you prefer, you can also send me a private email to - <a href="mailto:totufals@hotmail.com">totufals[at]hotmail[dot]com</a> - and I will try to reply as soon as I can.</p> - </div> -</body> -</html>
M
css/style.css
→
css/style.css
@@ -24,14 +24,18 @@ background-color: #FFFFFF;
box-shadow: 5px 5px 10px #CCCCCC; } -h1 { - text-align: center; +h1, h2 { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size: 2.5em; + font-size: 200%; font-weight: lighter; + text-transform: capitalize; } -p, li { +h1 { + text-align: center; +} + +p, li, dl { font-family: Tahoma, Geneva, sans-serif; font-size: 1.1em; }
M
index.html
→
index.html
@@ -9,18 +9,97 @@ </head>
<body> <div class="menu"> <ul> - <li><a href="index" class="selected">Welcome</a></li> - <li><a href="projects">Projects</a></li> - <li><a href="contact">Contact</a></li> - <li><a href="about">About</a></li> - <li><a href="more-links">More Links</a></li> + <li><a href="/index" class="selected">Lonami's Site</a></li> + <li><a href="/blog/index">Blog</a></li> </ul> </div> <div class="body"> - <h1>Welcome</h1> - <p>Welcome to my official personal website. This page has had several - redesigns over time, but now I've decided to let it be as minimalist - as possible.</p> + <h1>Lonami's Site</h1> + <p>Welcome to my personal website! This page has had several redesigns + over time, but now I've decided to let it be as minimalist as possible + (proud to be under 32KB!).</p> + + <h2 id="about">About me</h2> + <p>Spanish male + <span id="age"><noscript>born in 1998</noscript></span>. + I have been programming + <span id="programming"><noscript>since 2012</noscript></span> + and it is my passion.</p> + + <p>I enjoy nature, taking pictures, playing video-games, + drawing vector graphics, or just chatting online.</p> + + <p>I can talk perfect Spanish, read and write perfect English + and Python, and have programmed in C#, Java, JavaScript, Rust, + some C and C++, and designed pages like this with plain HTML + and CSS.</p> + + <p>On the Internet, I'm often known as <i>Lonami</i>, although + my real name is simply my nick name, put the other way round.</p> + + <h2 id="projects">Project highlights</h2> + <ul> + <li> + <a href="https://github.com/LonamiWebs/Telethon/">Telethon</a>: + Python implementation of the Telegram's API. + </li> + <li> + <a href="klooni">1010! Klooni</a>: libGDX simple puzzle + game based on the original <i>1010!</i>. + </li> + <li> + <a href="https://github.com/LonamiWebs/Stringlate/">Stringlate</a>: + Android application that makes it easy to translate other FOSS apps. + </li> + </ul> + <p>These are only my <i>Top 3</i> projects, the ones I consider to be + the most successful. If you're curious about what else I've done, feel + free to check out my + <a href="https://github.com/LonamiWebs/">GitHub</a>.</p> + + <h2 id="more-links">More links</h2> + <dl> + <dt><a href="https://t.me/LonamiWebs"><img src="img/telegram.svg" alt="" /> My Telegram</a></dt> + <dd>Come meet me at my group in Telegram and talk about anything!</dd> + + <dt><a href="/blog/index"><img src="img/blog.svg" alt="blog" /> My blog</a></dt> + <dd>Sometimes I blog about things, whether it's games, techy stuff, or random life stuff.</dd> + + <dt><a href="https://github.com/LonamiWebs"><img src="img/github.svg" alt="github" /> My GitHub</a></dt> + <dd>By far what I'm most proud of. I love releasing my projects as open source. There is no reason not to!</dd> + + <dt><a href="/utils"><img src="img/utils.svg" alt="utilities" /> Several Utilities</a></dt> + <dd>Random things I've put online because I keep forgetting about them.</dd> + + <dt><a href="/stopwatch.html"><img src="stopwatch.svg" width="24" height="24" alt="stopwatch" /> stopwatch</a></dt> + <dd>An extremely simple JavaScript-based stopwatch.</dd> + + <dt><a href="donate"><img src="img/bitcoin.svg" alt="donate" /> Donate</a></dt> + <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> + + <dt><a href="humans.txt"><img src="img/humans.svg" alt="humans.txt" /> humans.txt</a></dt> + <dd><a href="http://humanstxt.org/">We are humans, not robots.</a></dd> + </dl> + + <h2 id="contact">Contact</h2> + <p>If you use Telegram you can join + <a href="https://t.me/LonamiWebs">@LonamiWebs</a> + and just chat about any topics you like politely.</p> + + <p>If you prefer, you can also send me a private email to + <a href="mailto:totufals@hotmail.com">totufals[at]hotmail[dot]com</a> + and I will try to reply as soon as I can. Please don't use the email + if you need help with a specific project, this is better discussed in + the group where everyone can benefit from it.</p> </div> +<script type="text/javascript"> + now = (new Date()).getFullYear(); + + document.getElementById("age").innerHTML = + "aged " + (now - 1999); + + document.getElementById("programming").innerHTML = + "for " + (now - 2012) + " years"; +</script> </body> </html>
D
more-links.html
@@ -1,42 +0,0 @@
-<!DOCTYPE html> -<html lang="en"> -<head> - <title>Lonami's Links</title> - <link rel="stylesheet" type="text/css" href="css/style.css"> - <meta name="description" content="Official Lonami's website"> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> -</head> -<body> - <div class="menu"> - <ul> - <li><a href="index">Welcome</a></li> - <li><a href="projects">Projects</a></li> - <li><a href="contact">Contact</a></li> - <li><a href="about">About</a></li> - <li><a href="more-links" class="selected">More Links</a></li> - </ul> - </div> - <div class="body"> - <h1>More Links</h1> - <dl> - <dt><a href="https://t.me/LonamiWebs" target="_blank"><img src="img/telegram.svg" alt="" /> My Telegram</a></dt> - <dd>Come meet me at my group in Telegram and talk about anything!</dd> - - <dt><a href="https://lonami.dev/blog/index" target="_blank"><img src="img/blog.svg" alt="blog" /> My blog</a></dt> - <dd>Sometimes I blog about things. Recommended if you're into reading about interesting stuff.</dd> - - <dt><a href="https://github.com/LonamiWebs" target="_blank"><img src="img/github.svg" alt="github" /> My GitHub</a></dt> - <dd>Check out my GitHub! There's a lot of interesting stuff there you could even help me with!</dd> - - <dt><a href="/utils" target="_blank"><img src="img/utils.svg" alt="utilities" /> Several Utilities</a></dt> - <dd>Random things I've put online because I keep forgetting about them.</dd> - - <dt><a href="donate" target="_blank"><img src="img/bitcoin.svg" alt="donate" /> Donate</a></dt> - <dd>If you like what I do, consider tipping 2€ to pay a day of bus trips :)</dd> - - <dt><a href="humans.txt" target="_blank"><img src="img/humans.svg" alt="humans.txt" /> humans.txt</a></dt> - <dd><a href="http://humanstxt.org/" target="_blank">We are humans, not robots.</a></dd> - </dl> - </div> -</body> -</html>
D
projects.html
@@ -1,41 +0,0 @@
-<!DOCTYPE html> -<html lang="en"> -<head> - <title>Lonami's Projects</title> - <link rel="stylesheet" type="text/css" href="css/style.css"> - <meta name="description" content="Official Lonami's website"> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> -</head> -<body> - <div class="menu"> - <ul> - <li><a href="index">Welcome</a></li> - <li><a href="projects" class="selected">Projects</a></li> - <li><a href="contact">Contact</a></li> - <li><a href="about">About</a></li> - <li><a href="more-links">More Links</a></li> - </ul> - </div> - <div class="body"> - <h1>Projects</h1> - <ul> - <li> - <a href="https://github.com/LonamiWebs/Telethon/" target="_blank">Telethon</a>: - Python implementation of the Telegram's API. - </li> - <li> - <a href="klooni" target="_blank">1010! Klooni</a>: libGDX simple puzzle - game based on the original <i>1010!</i>. - </li> - <li> - <a href="https://github.com/LonamiWebs/Stringlate/" target="_blank">Stringlate</a>: - Android application that makes it easy to translate other FOSS apps. - </li> - </ul> - <p>These are only my <i>Top 3</i> projects, the ones I consider to be - the most successful. If you're curious about what else I've done, feel - free to check out my - <a href="https://github.com/LonamiWebs/" target="_blank">GitHub</a>.</p> - </div> -</body> -</html>