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> <body>
<div id="root"> <div id="root">
<header> <header>
<h1>Johannes Olzem's Webspace</h1> <a href="/">Johannes Olzem's Webspace</a>
</header> </header>
<nav> <nav>
<a href="/">Home</a>
<a href="/blog/">Blog</a> <a href="/blog/">Blog</a>
<a href="#">About Me</a> <a href="#">About Me</a>
<a href="/contact/">Contact</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;"> --> <!-- <img src="/img/me.png" style="float:right;margin:1rem;border-radius:1rem;max-height: 245px;"> -->
<h2>About Me</h2> <h2>About Me</h2>
<p style="margin-bottom: 2rem;"> <p style="margin-bottom: 2rem;">
Hi! <br> Hey there!<br />
I'm Johannes, a computer nerd born and living in germany. <br> My name is Johannes, and I'm a computer enthusiast born and raised in Germany.
I am currently a student, majoring in IT and english.<br> Currently, I'm majoring in IT and English, and I'm passionate about most things related to technology.
I like free and open source software, Linux, servers, privacy and playing video games in my free time.<br> I love using free and open-source software, exploring different aspects about Linux, setting up and tinkering with servers,
There is not much I like outside of computers, but some things include videography and cars. 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> </p>
<h2>My Skills</h2> <h2>My Skills</h2>
<p>HTML &amp; CSS</p> <h3>Languages</h3>
<p>Basic JavaScript</p> <ul>
<p>Basic Python</p> <li>HTML &amp; CSS</li>
<p><em>Currently learning</em> Java</p> <li>Basic Python</li>
<p style="margin-bottom: 2rem;">Docker</p> <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> <h2>About this website</h2>
<p> <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> <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> </p>
</main> </main>
<footer> <footer>

5
blog/index.html
View File

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

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

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

3
contact/index.html
View File

@ -11,10 +11,9 @@
<body> <body>
<div id="root"> <div id="root">
<header> <header>
<h1>Johannes Olzem's Webspace</h1> <a href="/">Johannes Olzem's Webspace</a>
</header> </header>
<nav> <nav>
<a href="/">Home</a>
<a href="/blog/">Blog</a> <a href="/blog/">Blog</a>
<a href="/about/">About Me</a> <a href="/about/">About Me</a>
<a href="#">Contact</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 { :root {
--txt: #d3c6aa; --txt: #c4c7c4;
--accent: #a7c080; --body-bg: #272c31;
--body-bg: #2d353b; --dark: #000;
--dark: #232a2e; --accent: #42a5f5;
--border: 4pt;
--font-body: "Consolas", monaco, "Liberation Mono", "Lucida Console", monospace; --font-body: "Consolas", monaco, "Liberation Mono", "Lucida Console", monospace;
} }
@ -21,19 +15,23 @@ body {
} }
#root { #root {
max-width: 900px; max-width: 1000px;
min-height: 100vh; min-height: 100vh;
margin: 0 auto; margin: 0 auto;
border-radius: var(--border);
} }
header { header {
padding: 1rem 0; padding: 1.5rem 0;
border-radius: inherit;
} }
header h1 { header a {
color: var(--accent); color: var(--accent);
font-size: 2rem;
font-weight: bold;
}
header a:hover {
text-decoration: none !important;
} }
nav { nav {
@ -54,6 +52,13 @@ main p {
margin: 0 auto; margin: 0 auto;
} }
main ul {
margin: 0 auto;
margin-bottom: 2rem;
max-width: fit-content;
text-align: left;
}
.blog-entries a { .blog-entries a {
padding-top: 1rem; padding-top: 1rem;
display: block; display: block;
@ -75,6 +80,7 @@ h6 {
p { p {
margin: 1rem; margin: 1rem;
font-size: 1.1em; font-size: 1.1em;
line-height: 1.5rem;
} }
a { a {
@ -98,13 +104,3 @@ a:active {
text-decoration: underline !important; text-decoration: underline !important;
color: var(--accent); 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> <body>
<div id="root"> <div id="root">
<header> <header>
<h1>Johannes Olzem's Webspace</h1> <a href="/">Johannes Olzem's Webspace</a>
</header> </header>
<nav> <nav>
<a href="/">Home</a>
<a href="/blog/">Blog</a> <a href="/blog/">Blog</a>
<a href="/about/">About Me</a> <a href="/about/">About Me</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>

12
index.html
View File

@ -11,10 +11,9 @@
<body> <body>
<div id="root"> <div id="root">
<header> <header>
<h1>Johannes Olzem's Webspace</h1> <a href="/">Johannes Olzem's Webspace</a>
</header> </header>
<nav> <nav>
<a href="#">Home</a>
<a href="/blog/">Blog</a> <a href="/blog/">Blog</a>
<a href="/about/">About Me</a> <a href="/about/">About Me</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
@ -25,7 +24,8 @@
<p> <p>
Here I maintain my <a href="/blog/" class="inline">blog</a> Here I maintain my <a href="/blog/" class="inline">blog</a>
about various topics and with various guides.<br /> 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> </p>
<h2>Why run this website?</h2> <h2>Why run this website?</h2>
<p> <p>
@ -37,9 +37,9 @@
</p> </p>
<br> <br>
<br> <br>
<a href="https://landchad.net" target="_blank"><img src="/img/landchad.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"></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"></a> <a href="https://kernel.org" target="_blank"><img src="/img/tux.gif" alt="tux"></a>
</main> </main>
<footer> <footer>
<h6><a href=""><script>document.write(window.location.href);</script></a></h6> <h6><a href=""><script>document.write(window.location.href);</script></a></h6>