-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·60 lines (60 loc) · 2.12 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
<!DOCTYPE html>
<html lang='en'>
<head>
<title>Johannes Olzem</title>
<meta name='description' content="Johannes Olzem's Webspace.">
<meta charset='utf-8'>
<link rel='stylesheet' href='/css/style.css'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel='icon' href='/favico.ico'>
</head>
<body>
<header>
<a href='/' class='home-ref'>
<img src='/assets/logo.png' alt='Johannes Olzem'>
<span>Johannes Olzem</span>
</a>
<nav>
<a href='/blog/'>Blog</a>
<a href='/about/'>About Me</a>
<a href='/contact/'>Contact</a>
</nav>
</header>
<main>
<div class='full'>
<h2>Welcome to my Webspace!</h2>
<p>
Here I maintain my <a href='/blog/' class='inline'>blog</a>
about various topics and with various guides.<br />
You can learn more about me <a href='/about/' class='inline'>here</a>.<br />
</p>
<span class='arrow'>↓</span>
</div>
<div class='full full-secondary'>
<h2>Why run this website?</h2>
<p>
As you (should) know, most websites collect data about you.
This is especially true for social media sites, which this is supposed to be a substitute for.
While I still occasionally use social media platforms like WhatsApp or (very rarely) Instagram, I strictly limit my usage to connecting with people I know in real life for social interactions only. But back to my rant:<br />
So the only logical option in my mind was to make a website with some kind of blog function to share my opinion and help people with problems, that I have had and solved.<br />
And now you are here! I don't know how you got here, but feel free to explore every crevasse of this site.
</p>
</div>
<br>
<p class='cowsay'>
_____________________________
< Have fun on this website! >
-----------------------------
\ ^__^
\ (oo)\_______
(__)\ )\/\
||----w |
|| ||
</p>
<br>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
</footer>
</body>
</html>