Redo website
This commit is contained in:
Executable → Regular
+50
-38
@@ -1,47 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<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'>
|
||||
<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">
|
||||
</head>
|
||||
<body>
|
||||
<body class="body">
|
||||
<header>
|
||||
<a href='/' class='home-ref'>
|
||||
<img src='/assets/logo.png' alt='Johannes Olzem'>
|
||||
<span>Johannes Olzem</span>
|
||||
<a href="/">
|
||||
<img src="/img/logo.png">
|
||||
</a>
|
||||
<nav>
|
||||
<a href='/blog/'>Blog</a>
|
||||
<a href='/about/'>About Me</a>
|
||||
<a href='/contact/'>Contact</a>
|
||||
</nav>
|
||||
<a href="/about/">About</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
<a href="/contact/">Contact</a>
|
||||
</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>
|
||||
<h1>Johannes Olzem</h1>
|
||||
<blockquote>Less is more</blockquote>
|
||||
<h2>Welcome to my webspace</h2>
|
||||
<p>
|
||||
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, you can do that <a href="/contact/">here</a>.
|
||||
</p>
|
||||
<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>
|
||||
<br>
|
||||
<p class='cowsay'>
|
||||
<div class="cowsay-wrapper">
|
||||
<p class="cowsay">
|
||||
_____________________________
|
||||
< Have fun on this website! >
|
||||
-----------------------------
|
||||
@@ -50,11 +51,22 @@ _____________________________
|
||||
(__)\ )\/\
|
||||
||----w |
|
||||
|| ||
|
||||
</p>
|
||||
</p>
|
||||
</div>
|
||||
<br>
|
||||
<div class="cards">
|
||||
<img src="/img/linux_powered.gif" alt="Linux powered">
|
||||
<img src="/img/vim.gif" alt="vim">
|
||||
<img src="/img/nocookie.gif" alt="No Cookies">
|
||||
<img src="/img/bestvieweddesktop.gif" alt="Best viewed with desktop">
|
||||
<img src="/img/internetprivacy.gif" alt="Internet privacy now!">
|
||||
<img src="/img/smile.gif" alt="Have a smile">
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<h6><a href><script>document.write(window.location.href);</script></a></h6>
|
||||
© 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>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user