-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
79 lines (75 loc) · 2.66 KB
/
index.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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<title>Herr Erde</title>
<link rel="shortcut icon" href="assets/img/favicon.ico">
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/js/script.js"></script>
</head>
<body>
<div id="hate"></div>
<main>
<div id="bg"></div>
<div class="legend">
<div>
<a class="button" href="index.html">Home</a>
<a class="button" href="projects.html">Projects</a>
<a class="button" href="https://twitter.com/herr_erde">Twitter</a>
<a class="button" href="https://github.com/HerrErde">GitHub</a>
<a class="button" href="contact.html">Contact</a>
</div>
</div>
<div class="welc">
<h1 style="font-size: 60px; margin-bottom: -5%" id="title">
Just some
</h1>
<h2 style="font-size: 40px" id="subt">
<script>
const birthdate = new Date('2005-02-12');
const timeNow = new Intl.DateTimeFormat('en-US', {
timeZone: 'Europe/Berlin',
year: 'numeric',
month: '2-digit',
day: '2-digit'
}).format(new Date());
const [month, day, year] = timeNow.split('/');
const now = new Date(`${year}-${month}-${day}T00:00:00Z`);
const ageInMilliseconds = now - birthdate.getTime();
const ageInYears =
ageInMilliseconds / (1000 * 60 * 60 * 24 * 365.25);
document.write(`${Math.floor(ageInYears)} year old coder`);
</script>
</h2>
<h3 style="font-size: 30px">
Who likes
<a
href="https://github.com/HerrErde?tab=repositories&q=&type=&language=javascript"
>JavaScript</a
>
and
<a
href="https://github.com/HerrErde?tab=repositories&q=&type=&language=python"
>Python</a
>
<span style="font-size: 15px"
><a href="projects.html">Check out my projects</a></span
>
</h3>
</div>
<div class="bruh">
<div class="icons">
<a href="https://twitter.com/herr_erde" target="_blank"
><img src="https://img.icons8.com/nolan/64/twitter.png"
></a>
<a href="https://discord.herrerde.xyz" target="_blank"
><img src="https://img.icons8.com/nolan/64/discord-logo.png"
></a>
<a href="https://github.com/HerrErde" target="_blank"
><img src="https://img.icons8.com/nolan/64/github.png"
></a>
</div>
</div>
</main>
</body>
</html>