-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutme.html
41 lines (39 loc) · 2.74 KB
/
aboutme.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="pics/avatar.jpg">
<title>About Me</title>
</head>
<body>
<h1>About Me</h1>
<p>Hello! My name is <span class="highlight">Philipp</span> and I'm a <b><span class="highlight_num"><span id="age"></span></span></b> years old starting programmer. I'm from Russia, <span class="highlight">Moscow</span>.</p>
<p>I am also a member of <a target=”_blank” rel="noreferrer noopener" href="https://github.com/chftm"><span class="highlight">CHFTM</span></a> programming team.</p>
<p>I know basics of many programming languages, but the main language I code with is <a target=”_blank” rel="noreferrer noopener" href="https://www.python.org"><span class="highlight">Python</span></a>.</p>
<p>In my spare time I like playing games, primarily on <a target=”_blank” rel="noreferrer noopener" href="https://steamcommunity.com/id/FoxFil/"><span class="highlight">Steam</span></a>. I'm also addicted to <a target=”_blank” rel="noreferrer noopener" href="https://www.geocaching.com/play"><span class="highlight">Geocaching</span></a>.</p>
<p>I can speak <b><span class="highlight_num">3</span></b> languages: <span class="highlight">Russian</span> (<span class="highlight_num">Native</span>), <span class="highlight">English</span> (<span class="highlight_num">C1</span>) and <span class="highlight">French</span> (<span class="highlight_num">B1</span>).</p>
<p>Also I have a <b><span class="highlight_num"><span id="streak_duo"></span></span></b> days streak in <a target=”_blank” rel="noreferrer noopener" href="https://www.duolingo.com/profile/FoxFil_"><span class="highlight">Duolingo</span></a>!</p>
<div id="buttons">
<a href="index">Home</a>
</div>
<div id="webring">
<a href="https://otomir23.me/webring/9/prev">← <span class="highlight">prev</span> </a>
<a href="https://otomir23.me/webring"> [webring] </a>
<a href="https://otomir23.me/webring/9/next"> <span class="highlight">next</span> →</a>
</div>
<script>
document.getElementById("streak_duo").textContent = (Math.floor(parseInt(Date.parse(Date()))/(24*3600*1000))-(19443-158)).toString();
const birthDate = new Date(2008, 1, 9);
const today = new Date();
let age = today.getFullYear() - birthDate.getFullYear();
if (today.getMonth() < birthDate.getMonth() ||
(today.getMonth() === birthDate.getMonth() && today.getDate() < birthDate.getDate())) {
age--;
}
document.getElementById("age").textContent = age;
</script>
</body>
</html>