78 lines
2.6 KiB
HTML
78 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Johannes Olzem</title>
|
|
<meta name="description" content="Johannes Olzem's personal website">
|
|
<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">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
</head>
|
|
<body class="landing">
|
|
<nav>
|
|
<a href="/" class="header-logo">
|
|
<img src="/img/header-logo.webp" alt="logo">
|
|
</a>
|
|
<span class="header-text">Johannes Olzem</span>
|
|
<ul>
|
|
<li>
|
|
<a href="/about/">About</a>
|
|
</li>
|
|
<li>
|
|
<a href="/blog/">Blog</a>
|
|
</li>
|
|
<li>
|
|
<a href="/contact/">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<main>
|
|
<div class="landing-grid">
|
|
<div class="landing tl"></div>
|
|
<div class="landing tr">Johannes Olzem</div>
|
|
<div class="landing bl">less is more</div>
|
|
<div class="landing br"><span>⌄</span></div>
|
|
</div>
|
|
<div class="landing-lower">
|
|
<div class="landing ll">
|
|
<h2>Welcome</h2>
|
|
<p>
|
|
Welcome to my Webspace!
|
|
I'm Johannes, a computer enthusiast from Germany. On this website I
|
|
maintain my
|
|
<a href="/blog/">blog</a> about various topics and you can learn more
|
|
about me
|
|
<a href="/about">here.</a> If you want to get in touch with me, feel
|
|
free to do that
|
|
<a href="/contact/">here.</a>
|
|
</p>
|
|
|
|
</div>
|
|
<div class="landing lr">
|
|
<h2>Why run this website?</h2>
|
|
<p>
|
|
The internet used to be a place of personal expression, not just
|
|
corporate dominance. I believe in keeping that spirit alive.<br>
|
|
This site is a small step towards a more independent web. It also
|
|
allows me to share my experiences, how I do things, and other stuff
|
|
that I want to put out into the world.<br>
|
|
Please feel free to explore every crevasse of this site! Don't know
|
|
where to start? Try the
|
|
<a href="/about/">about</a> page, to learn more about who I am.
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
© 2021 - <script>document.write(new Date().getFullYear())</script> Johannes Olzem
|
|
<br>
|
|
<small>This website is free software. You can redistribute and modify it under the terms of the GNU General Public License V3.</small>
|
|
</footer>
|
|
</body>
|
|
|