jolzem/jolzem.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

moved to unix line breaks, changed colors and text

Browse Source
This commit is contained in:
Johannes Olzem 2023-05-10 16:53:22 +02:00
parent b4a52bec16
commit b2fb36c8f7
Signed by: jolzem
GPG Key ID: DB5485828E95A447
18 changed files with 1162 additions and 1163 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
about/index.html
View File

@ -11,10 +11,9 @@
<body>
<div id="root">
<header>
<h1>Johannes Olzem's Webspace</h1>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/">Home</a>
<a href="/blog/">Blog</a>
<a href="#">About Me</a>
<a href="/contact/">Contact</a>
@ -24,25 +23,33 @@
<!-- <img src="/img/me.png" style="float:right;margin:1rem;border-radius:1rem;max-height: 245px;"> -->
<h2>About Me</h2>
<p style="margin-bottom: 2rem;">
Hi! <br>
I'm Johannes, a computer nerd born and living in germany. <br>
I am currently a student, majoring in IT and english.<br>
I like free and open source software, Linux, servers, privacy and playing video games in my free time.<br>
There is not much I like outside of computers, but some things include videography and cars.
Hey there!<br />
My name is Johannes, and I'm a computer enthusiast born and raised in Germany.
Currently, I'm majoring in IT and English, and I'm passionate about most things related to technology.
I love using free and open-source software, exploring different aspects about Linux, setting up and tinkering with servers,
and learning about privacy and security. When I'm not busy with the command line, I enjoy playing video games and dabbling in 3D Printing.
Apart from computers, I also have an interest in cars, ranging from classic to modern sports cars.
</p>
<h2>My Skills</h2>
<p>HTML &amp; CSS</p>
<p>Basic JavaScript</p>
<p>Basic Python</p>
<p><em>Currently learning</em> Java</p>
<p style="margin-bottom: 2rem;">Docker</p>
<h3>Languages</h3>
<ul>
<li>HTML &amp; CSS</li>
<li>Basic Python</li>
<li>Java</li>
</ul>
<h3>Other Technologies</h3>
<ul>
<li>Linux</li>
<li>Git</li>
<li>LaTeX</li>
<li>Docker</li>
</ul>
<h2>About this website</h2>
<p>
This website is <a href="/LICENSE.txt">free and open source under the GNU General Public License v3</a>.<br>
This website has no ads or trackers and does not use cookies.<br>
It is also <a href="/LICENSE.txt">free and open source under the GNU General Public License v3</a>.<br>
<a href="https://github.com/jolzem/jolzem.github.io/" class="inline">View Source Code</a><br>
It also has no ads or trackers and does not use cookies.<br>
<a href="https://github.com/sainnhe/everforest" class="inline">View Everforest Theme</a>
</p>
</main>
<footer>

5
blog/index.html
View File

@ -1,7 +1,7 @@
<!doctype html>
<html lang="en">
<head>
<title>Johannes Olzem</title>
<title>Blog - Johannes Olzem</title>
<meta name="description" content="Johannes Olzem's Webspace.">
<meta charset="utf-8">
<link rel="stylesheet" href="/css/style.css">
@ -11,10 +11,9 @@
<body>
<div id="root">
<header>
<h1>Johannes Olzem's Webspace</h1>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/">Home</a>
<a href="#">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>

5
blog/quick-fixes/index.html
View File

@ -1,7 +1,7 @@
<!doctype html>
<html lang="en">
<head>
<title>Johannes Olzem</title>
<title>Quick Fixes - Blog - Johannes Olzem</title>
<meta name="description" content="Johannes Olzem's Webspace.">
<meta charset="utf-8">
<link rel="stylesheet" href="/css/style.css">
@ -11,10 +11,9 @@
<body>
<div id="root">
<header>
<h1>Johannes Olzem's Webspace</h1>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/">Home</a>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>

3
contact/index.html
View File

@ -11,10 +11,9 @@
<body>
<div id="root">
<header>
<h1>Johannes Olzem's Webspace</h1>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/">Home</a>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="#">Contact</a>

46
css/style.css
View File

@ -1,14 +1,8 @@
@font-face {
font-family: "Consolas";
src: url("Consolas.woff2") format("woff2");
}
:root {
--txt: #d3c6aa;
--accent: #a7c080;
--body-bg: #2d353b;
--dark: #232a2e;
--border: 4pt;
--txt: #c4c7c4;
--body-bg: #272c31;
--dark: #000;
--accent: #42a5f5;
--font-body: "Consolas", monaco, "Liberation Mono", "Lucida Console", monospace;
}
@ -21,19 +15,23 @@ body {
}
#root {
max-width: 900px;
max-width: 1000px;
min-height: 100vh;
margin: 0 auto;
border-radius: var(--border);
}
header {
padding: 1rem 0;
border-radius: inherit;
padding: 1.5rem 0;
}
header h1 {
header a {
color: var(--accent);
font-size: 2rem;
font-weight: bold;
}
header a:hover {
text-decoration: none !important;
}
nav {
@ -54,6 +52,13 @@ main p {
margin: 0 auto;
}
main ul {
margin: 0 auto;
margin-bottom: 2rem;
max-width: fit-content;
text-align: left;
}
.blog-entries a {
padding-top: 1rem;
display: block;
@ -75,6 +80,7 @@ h6 {
p {
margin: 1rem;
font-size: 1.1em;
line-height: 1.5rem;
}
a {
@ -98,13 +104,3 @@ a:active {
text-decoration: underline !important;
color: var(--accent);
}
/* Auto double line break */
br:after {
content: "\a\a";
white-space: pre;
}
br {
content: "";
}

3
donate/index.html
View File

@ -11,10 +11,9 @@
<body>
<div id="root">
<header>
<h1>Johannes Olzem's Webspace</h1>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/">Home</a>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>

12
index.html
View File

@ -11,10 +11,9 @@
<body>
<div id="root">
<header>
<h1>Johannes Olzem's Webspace</h1>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="#">Home</a>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>
@ -25,7 +24,8 @@
<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>.
You can learn more about me <a href="/about/" class="inline">here</a>.<br />
I strive to expand and restore the minimal web
</p>
<h2>Why run this website?</h2>
<p>
@ -37,9 +37,9 @@
</p>
<br>
<br>
<a href="https://landchad.net" target="_blank"><img src="/img/landchad.gif"></a>
<a href="https://www.vim.org" target="_blank"><img src="/img/vim.gif"></a>
<a href="https://kernel.org" target="_blank"><img src="/img/tux.gif"></a>
<a href="https://landchad.net" target="_blank"><img src="/img/landchad.gif" alt="landchad"></a>
<a href="https://www.vim.org" target="_blank"><img src="/img/vim.gif" alt="vim"></a>
<a href="https://kernel.org" target="_blank"><img src="/img/tux.gif" alt="tux"></a>
</main>
<footer>
<h6><a href=""><script>document.write(window.location.href);</script></a></h6>