about.html (view raw)
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <title>About Lonami</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">Welcome</a></li>
13 <li><a href="projects">Projects</a></li>
14 <li><a href="contact">Contact</a></li>
15 <li><a href="about" class="selected">About</a></li>
16 <li><a href="more-links">More Links</a></li>
17 </ul>
18 </div>
19 <div class="body">
20 <h1>About</h1>
21 <p>Spanish male
22 <span id="age"><noscript>born in 1998</noscript></span>.
23 I have been programming
24 <span id="programming"><noscript>since 2012</noscript></span>
25 and it is my passion.</p>
26
27 <p>I enjoy nature, taking pictures, playing video-games,
28 drawing vector graphics, or just chatting online.</p>
29
30 <p>I can talk perfect Spanish, read and write perfect English
31 and Python, and have programmed in C#, Java, JavaScript, Rust,
32 some C and C++, and designed pages like this with plain HTML
33 and CSS.</p>
34
35 <p>On the Internet, I'm often known as <i>Lonami</i>, although
36 my real name is simply my nick name, put the other way round.</p>
37 </div>
38<script type="text/javascript">
39now = (new Date()).getFullYear();
40
41document.getElementById("age").innerHTML =
42 "aged " + (now - 1999);
43
44document.getElementById("programming").innerHTML =
45 "for " + (now - 2012) + " years";
46</script>
47</body>
48</html>