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

major overhaul: changed styling, added content, removed donate page, updated quick fixes

Browse Source
This commit is contained in:
Johannes Olzem 2023-08-23 14:44:06 +02:00
parent ea1508be79
commit 47c053ea5f
Signed by: jolzem
GPG Key ID: DB5485828E95A447
48 changed files with 658 additions and 1442 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
about/index.html
View File

@ -1,60 +1,60 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>About - Johannes Olzem</title>
<meta name="description" content="Johannes Olzem's Webspace.">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<link rel="icon" href="/favico.ico">
<title>About - Johannes Olzem</title>
<meta name="description" content="Johannes Olzem's Webspace.">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<link rel="icon" href="/favico.ico">
</head>
<body>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="#">About Me</a>
<a href="/contact/">Contact</a>
<a href="/donate/">Donate</a>
</nav>
<main>
<!-- <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;">
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>
<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 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>
</p>
</main>
<footer>
<h6><a href=""><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="#">About Me</a>
<a href="/contact/">Contact</a>
</nav>
<main>
<h2>About Me</h2>
<!--<img src="/img/me.png" style="float:left;margin:1rem;border-radius:1rem;height:256px;">-->
<p style="margin-bottom: 2rem;">
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>
<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>SQL</li>
<li>LaTeX</li>
<li>Docker</li>
</ul>
<p>If you are interested in a research paper I wrote for a mandatory school project about Linux you can find it <a href='/facharbeit.pdf'>here</a>. My grade for this project was a 13 out of 15 possible grade points.</p>
<h2>About this website</h2>
<p>
This website has no ads or trackers and does not use cookies.<br>
It is also free and open source under the <a href="/LICENSE.txt">GNU General Public License v3</a>.<br>
<a href="https://github.com/jolzem/jolzem.github.io/">View Source Code</a><br>
</p>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
</body>
</html>

527
blog/how-to-create-a-rust-server-on-linux/index.html
View File

@ -1,270 +1,269 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>How to create a Rust server on Linux - Blog - 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">
<title>How to create a Rust server on Linux - Blog - 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>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>
<a href="/donate/">Donate</a>
</nav>
<main>
<h1>How to create a Rust server on Linux</h1>
<div class="author">Johannes Olzem</div>
<div class="date">May 23, 2023</div>
<h2>Table of Contents</h2>
<ul>
<li><a href="#Requirements">Requirements</a></li>
<li><a href="#SteamCMD">SteamCMD</a><br /></li>
<li><a href="#Installing">Installing</a><br /></li>
<li><a href="#Running">Running</a></li>
</ul>
<h2 id="Requirements">Requirements</h2>
<ul>
<li>Debian Linux</li>
<li>&#62;5GB of RAM</li>
<li>&#62;4.5GB of free disc space</li>
</ul>
<h2 id="SteamCMD">SteamCMD</h2>
<h3>Configuring the envoirenment</h3>
<p>
Create a user with the name "steam" and give it a password.
</p>
<p class="code">
sudo useradd -m steam
</p>
<p class="code">
sudo passwd steam
</p>
<br />
<p>
When prompted, enter a new password for the "steam" user. <br />
Then switch to the "steam" user and go to its home folder.
</p>
<p class="code">
su steam
</p>
<p class="code">
cd
</p>
<br />
<p>
Enable the contrib and non-free repositories by changing your <code>/etc/apt/sources.list</code> to resemble the following:
</p>
<p class="code" style="text-align:left;">
deb http://deb.debian.org/debian bullseye main contrib non-free<br />
deb-src http://deb.debian.org/debian bullseye main contrib non-free<br />
<br />
deb http://deb.debian.org/debian-security/ bullseye-security main contrib non-free<br />
deb-src http://deb.debian.org/debian-security/ bullseye-security main contrib non-free<br />
<br />
deb http://deb.debian.org/debian bullseye-updates main contrib non-free<br />
deb-src http://deb.debian.org/debian bullseye-updates main contrib non-free<br />
</p>
<h3>Installing SteamCMD</h3>
<p>
Finally, to install SteamCMD run:
</p>
<p class="code">
sudo apt install steamcmd
</p>
<br />
<h2 id="Installing">Installing</h2>
<p>
Run SteamCMD
</p>
<p class="code">
steamcmd
</p>
<br />
<p>
After a short update period, a prompt like <code>Steam&#62;</code> should appear.<br />
To login anonymously type:
</p>
<p class="code">
login anonymous
</p>
<br />
<p>
Now install the Rust Dedicated Server application.
</p>
<p class="code">
app_update 258550
</p>
<p>
This will install and verify the Rust server.<br />
On my ~100 Mbit/s connection this took around 15-20 Minutes. <br />
<br />
Afterwards you can quit the SteamCMD shell.
</p>
<p class="code">
quit
</p>
<br />
<h2 id="Running">Running</h2>
<p>
First navigate to the Rust server directory.
</p>
<p class="code">
cd ~/Steam/steamapps/common/rust_dedicated
</p>
<br />
<p>
Finally, start up the Rust server by running:
</p>
<p class="code">
./RustDedicated -batchmode
</p>
<br />
<p>
There are several arguments you can pass to the server to change its behaviour.
</p>
<br />
<table>
<tbody><tr>
<th>Parameter
</th>
<th>Default
</th>
<th>Description
</th></tr>
<tr>
<td><code>+server.ip</code>
</td>
<td><code>0.0.0.0</code>
</td>
<td>Sets the Server IP. Leave it to 0.0.0.0 unless you have multiple IPs.
</td></tr>
<tr>
<td><code>+server.port</code>
</td>
<td><code>28015</code>
</td>
<td>Sets the port the server will use. (default 28015 UDP)
</td></tr>
<tr>
<td><code>+rcon.ip</code>
</td>
<td><code>0.0.0.0</code>
</td>
<td>Sets the RCON IP.
</td></tr>
<tr>
<td><code>+rcon.port</code>
</td>
<td><code>28016</code>
</td>
<td>Port to listen to for RCON.
</td></tr>
<tr>
<td><code>+rcon.web</code>
</td>
<td><code>0</code>
</td>
<td>If set to true, use websocket rcon. If set to false use legacy, source engine rcon.
</td></tr>
<tr>
<td><code>+server.tickrate</code>
</td>
<td><code>10</code>
</td>
<td>Server refresh rate - Not recommended to go above 30.
</td></tr>
<tr>
<td><code>+server.hostname</code>
</td>
<td><code>"Your Server Name"</code>
</td>
<td>The displayed name of your server.
</td></tr>
<tr>
<td><code>+server.identity</code>
</td>
<td><code>"my_server_identity"</code>
</td>
<td>Changes path to your server data rust/server/my_server_identity. Useful for running multiple instances.
</td></tr>
<tr>
<td><code>+server.maxplayers</code>
</td>
<td><code>50</code>
</td>
<td>Maximum amount of players allowed to connect to your server at a time.
</td></tr>
<tr>
<td><code>+server.worldsize</code>
</td>
<td><code>3000</code>
</td>
<td>Defines the size of the map generated (min 1000, max 6000)
</td></tr>
<tr>
<td><code>+server.seed</code>
</td>
<td><code>50000</code>
</td>
<td>Is the map generation seed.
</td></tr>
<tr>
<td><code>+server.saveinterval</code>
</td>
<td><code>600</code>
</td>
<td>Time in seconds for server save.
</td></tr>
<tr>
<td><code>+rcon.password</code>
</td>
<td><code>"YourPassword"</code>
</td>
<td>Sets the RCON password
</td></tr>
<tr>
<td><code>-logfile</code>
</td>
<td><code>gamelog.txt</code>
</td>
<td>If you're using a script, you'd better put the current date as a filename, otherwise, it'll be erased on every start.
</td></tr>
<tr>
<td><code>-silent-crashes</code>
</td>
<td><code> - </code>
</td>
<td>Won't display a crash dialog and will restart automatically if server is installed as service.
</td></tr></tbody>
</table>
<br />
<h2>Sources</h2>
<ul>
<li>
<a href="https://wiki.facepunch.com/rust/Creating-a-server">Rust Wiki, "Creating a server"</a>
</li>
<li>
<a href="https://developer.valvesoftware.com/wiki/SteamCMD#Linux">Valve Developer Community, "SteamCMD"</a>
</li>
<li>
<a href="https://www.rustafied.com/how-to-host-your-own-rust-server">Rustafied, "How to: Host your own Rust Dedicated Server"</a>
</li>
<li>
<a href="https://developer.valvesoftware.com/wiki/Rust_Dedicated_Server">Valve Developer Community, "Rust Dedicated Server"</a>
</li>
</ul>
</main>
<footer>
<h6><a href=""><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>
</nav>
<main>
<h1>How to create a Rust server on Linux</h1>
<div class="author">Johannes Olzem</div>
<div class="date">May 23, 2023</div>
<h2>Table of Contents</h2>
<ul>
<li><a href="#Requirements">Requirements</a></li>
<li><a href="#SteamCMD">SteamCMD</a><br /></li>
<li><a href="#Installing">Installing</a><br /></li>
<li><a href="#Running">Running</a></li>
</ul>
<h2 id="Requirements">Requirements</h2>
<ul>
<li>Debian Linux</li>
<li>&#62;5GB of RAM</li>
<li>&#62;4.5GB of free disc space</li>
</ul>
<h2 id="SteamCMD">SteamCMD</h2>
<h3>Configuring the envoirenment</h3>
<p>
Create a user with the name "steam" and give it a password.
</p>
<p class="code">
sudo useradd -m steam
</p>
<p class="code">
sudo passwd steam
</p>
<br />
<p>
When prompted, enter a new password for the "steam" user. <br />
Then switch to the "steam" user and go to its home folder.
</p>
<p class="code">
su steam
</p>
<p class="code">
cd
</p>
<br />
<p>
Enable the contrib and non-free repositories by changing your <code>/etc/apt/sources.list</code> to resemble the following:
</p>
<p class="code no-dollar" style="text-align:left;">
deb http://deb.debian.org/debian bullseye main contrib non-free<br />
deb-src http://deb.debian.org/debian bullseye main contrib non-free<br />
<br />
deb http://deb.debian.org/debian-security/ bullseye-security main contrib non-free<br />
deb-src http://deb.debian.org/debian-security/ bullseye-security main contrib non-free<br />
<br />
deb http://deb.debian.org/debian bullseye-updates main contrib non-free<br />
deb-src http://deb.debian.org/debian bullseye-updates main contrib non-free<br />
</p>
<h3>Installing SteamCMD</h3>
<p>
Finally, to install SteamCMD run:
</p>
<p class="code">
sudo apt install steamcmd
</p>
<br />
<h2 id="Installing">Installing</h2>
<p>
Run SteamCMD
</p>
<p class="code">
steamcmd
</p>
<br />
<p>
After a short update period, a prompt like <code>Steam&#62;</code> should appear.<br />
To login anonymously type:
</p>
<p class="code no-dollar">
login anonymous
</p>
<br />
<p>
Now install the Rust Dedicated Server application.
</p>
<p class="code no-dollar">
app_update 258550
</p>
<p>
This will install and verify the Rust server.<br />
On my ~100 Mbit/s connection this took around 15-20 Minutes. <br />
<br />
Afterwards you can quit the SteamCMD shell.
</p>
<p class="code no-dollar">
quit
</p>
<br />
<h2 id="Running">Running</h2>
<p>
First navigate to the Rust server directory.
</p>
<p class="code">
cd ~/Steam/steamapps/common/rust_dedicated
</p>
<br />
<p>
Finally, start up the Rust server by running:
</p>
<p class="code">
./RustDedicated -batchmode
</p>
<br />
<p>
There are several arguments you can pass to the server to change its behaviour.
</p>
<br />
<table>
<tbody><tr>
<th>Parameter
</th>
<th>Default
</th>
<th>Description
</th></tr>
<tr>
<td><code>+server.ip</code>
</td>
<td><code>0.0.0.0</code>
</td>
<td>Sets the Server IP. Leave it to 0.0.0.0 unless you have multiple IPs.
</td></tr>
<tr>
<td><code>+server.port</code>
</td>
<td><code>28015</code>
</td>
<td>Sets the port the server will use. (default 28015 UDP)
</td></tr>
<tr>
<td><code>+rcon.ip</code>
</td>
<td><code>0.0.0.0</code>
</td>
<td>Sets the RCON IP.
</td></tr>
<tr>
<td><code>+rcon.port</code>
</td>
<td><code>28016</code>
</td>
<td>Port to listen to for RCON.
</td></tr>
<tr>
<td><code>+rcon.web</code>
</td>
<td><code>0</code>
</td>
<td>If set to true, use websocket rcon. If set to false use legacy, source engine rcon.
</td></tr>
<tr>
<td><code>+server.tickrate</code>
</td>
<td><code>10</code>
</td>
<td>Server refresh rate - Not recommended to go above 30.
</td></tr>
<tr>
<td><code>+server.hostname</code>
</td>
<td><code>"Your Server Name"</code>
</td>
<td>The displayed name of your server.
</td></tr>
<tr>
<td><code>+server.identity</code>
</td>
<td><code>"my_server_identity"</code>
</td>
<td>Changes path to your server data rust/server/my_server_identity. Useful for running multiple instances.
</td></tr>
<tr>
<td><code>+server.maxplayers</code>
</td>
<td><code>50</code>
</td>
<td>Maximum amount of players allowed to connect to your server at a time.
</td></tr>
<tr>
<td><code>+server.worldsize</code>
</td>
<td><code>3000</code>
</td>
<td>Defines the size of the map generated (min 1000, max 6000)
</td></tr>
<tr>
<td><code>+server.seed</code>
</td>
<td><code>50000</code>
</td>
<td>Is the map generation seed.
</td></tr>
<tr>
<td><code>+server.saveinterval</code>
</td>
<td><code>600</code>
</td>
<td>Time in seconds for server save.
</td></tr>
<tr>
<td><code>+rcon.password</code>
</td>
<td><code>"YourPassword"</code>
</td>
<td>Sets the RCON password
</td></tr>
<tr>
<td><code>-logfile</code>
</td>
<td><code>gamelog.txt</code>
</td>
<td>If you're using a script, you'd better put the current date as a filename, otherwise, it'll be erased on every start.
</td></tr>
<tr>
<td><code>-silent-crashes</code>
</td>
<td><code> - </code>
</td>
<td>Won't display a crash dialog and will restart automatically if server is installed as service.
</td></tr></tbody>
</table>
<br />
<h2>Sources</h2>
<ul>
<li>
<a href="https://wiki.facepunch.com/rust/Creating-a-server">Rust Wiki, "Creating a server"</a>
</li>
<li>
<a href="https://developer.valvesoftware.com/wiki/SteamCMD#Linux">Valve Developer Community, "SteamCMD"</a>
</li>
<li>
<a href="https://www.rustafied.com/how-to-host-your-own-rust-server">Rustafied, "How to: Host your own Rust Dedicated Server"</a>
</li>
<li>
<a href="https://developer.valvesoftware.com/wiki/Rust_Dedicated_Server">Valve Developer Community, "Rust Dedicated Server"</a>
</li>
</ul>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
</body>
</html>

56
blog/index.html
View File

@ -1,34 +1,34 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Blog - 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">
<title>Blog - 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>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="#">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>
<a href="/donate/">Donate</a>
</nav>
<main>
<h2>Blog</h2>
<div class="blog-entries">
<a href="quick-fixes/">Quick Fixes</a>
<a href="the-current-state-of-software-is-utterly-ridiculous/">The current state of software is utterly ridiculous</a>
</div>
</main>
<footer>
<h6><a href=""><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="#">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>
</nav>
<main>
<h2>Blog</h2>
<div class="blog-entries">
<a href="quick-fixes/">Quick Fixes</a>
<a href="the-current-state-of-software-is-utterly-ridiculous/">The current state of software is utterly ridiculous</a>
<a href="how-to-create-a-rust-server-on-linux/">How to create a Rust server on Linux</a>
</div>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
</body>
</html>

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

@ -1,83 +1,64 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<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">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favico.ico">
<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">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favico.ico">
</head>
<body>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>
<a href="/donate/">Donate</a>
</nav>
<main>
<h2>Quick Fixes</h2>
<p>
This is a page with small problems, to which I have found easy solutions,
so as to not litter the blog page.
</p><br>
<ul style="text-align: left;">
<li>
<u>Problem:</u>
Nextcloud File not supported Error (<code>exif_read_data(): File not supported at /var/www/html/lib/private/Metadata/Provider/ExifProvider.php#59</code>).<br>
<u>Solution:</u>
Upload over IP and port rather than over nginx.<br>
<u>Explanation:</u>
<a href="https://www.rfc-editor.org/rfc/rfc2616#section-10.4.14" target="_blank">
Nginx 413 Error - Request entity too large
</a><br>
</li>
<br>
<li>
<u>Problem:</u>
<code>Connected without internet</code> on Android after setting PiHole as DNS Server.<br>
<u>Solution:</u>
Make sure you forward both <b>TCP</b> and <b>UDP</b> of Port 53 from your Docker Container.<br>
</li>
<br>
<li>
<u>Problem:</u>
ThinkPad R61 (or any older ThinkPad model, I believe) repeated beep at startup.<br>
<u>Solution:</u>
Check keyboard connector / swap out keyboard.<br>
<u>Explanation:</u>
No keyboard detected on bootup.
</li>
<br>
<li>
<u>Problem:</u>
Pacman install fails with 404 (<code>error: failed retrieving file 'X' from Y : The requested URL returned error: 404</code>).<br>
<u>Solution:</u>
Replace <code>/etc/pacman.d/mirrorlist</code> with a new file generated at <a href="https://archlinux.org/mirrorlist/">https://archlinux.org/mirrorlist/</a>.<br>
Then run <code>sudo pacman -Syyu</code> to update with the new mirrorlist. Make sure to use 2 y's, to force the new changes.<br>
<u>Explanation:</u>
Your mirrorlist is outdated, possibly due to the recent <a href="https://archlinux.org/news/git-migration-completed/">pacman git migration</a>.<br>
</li>
<!--<li>
<u>Problem:</u>
(<code></code>).<br>
<u>Solution:</u>
<br>
<u>Explanation:</u>
<a href="" target="_blank">
</a><br>
</li>
<br>-->
</ul>
</main>
<footer>
<h6><a href=""><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
<div id="root" class="quick-fixes">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>
</nav>
<main>
<h2>Quick Fixes</h2>
<p>
This is a page with small problems, to which I have found easy solutions,
so as to not litter the blog page.
</p><br>
<table class='quick-fixes-table'>
<tr>
<th>Problem</th>
<th>Solution</th>
<th>Explanation</th>
</tr>
<tr>
<td>Nextcloud File not supported Error (<code style='line-break: anywhere'>exif_read_data(): File not supported at /var/www/html/lib/private/Metadata/Provider/ExifProvider.php#59</code>).</td>
<td>Upload over IP and port rather than over nginx proxy.</td>
<td>The request payload (the data you are trying to upload) is too large for nginx.</td>
</tr>
<tr>
<td><code>Connected without internet</code> on Android after setting PiHole as DNS Server.<br></td>
<td>Make sure you forward both <b>TCP</b> and <b>UDP</b> of Port 53 from your Docker container.</td>
<td></td>
</tr>
<tr>
<td>ThinkPad R61 (or any older ThinkPad model, I believe) repeated beep at startup.</td>
<td>Check keyboard connector / swap out keyboard.</td>
<td>No keyboard detected on bootup.</td>
</tr>
<tr>
<td>Pacman install fails with 404 (<code>error: failed retrieving file 'X' from Y : The requested URL returned error: 404</code>).</td>
<td>
Replace <code>/etc/pacman.d/mirrorlist</code> with a new file generated at <a href="https://archlinux.org/mirrorlist/">https://archlinux.org/mirrorlist/</a>.<br>
Then run <code>sudo pacman -Syyu</code> to update with the new mirrorlist. Make sure to use 2 y's, to force the new changes.
</td>
<td>Your mirrorlist is outdated, possibly due to the recent <a href="https://archlinux.org/news/git-migration-completed/">pacman git migration</a>.</td>
</tr>
</table>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
</body>
</html>

121
blog/the-current-state-of-software-is-utterly-ridiculous/index.html
View File

@ -1,67 +1,66 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>The current state of software is utterly ridiculous - Blog - 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">
<title>The current state of software is utterly ridiculous - Blog - 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>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>
<a href="/donate/">Donate</a>
</nav>
<main>
<h1>The current state of software is utterly ridiculous</h1>
<div class="author">Johannes Olzem</div>
<div class="date">May 15, 2023</div>
<p>
First off, I want to say that this is not an informative blog post. It's simply a rant on how modern software is increasingly slow and bloated.
</p>
<br />
<p>
Not too long ago, I, as an avid gamer, decided to play a racing sim game with my racing rig. As this is not something you can do, or something I have spent the time figuring out how to do on Linux (another negative aspect of modern software, but something I have come to accept), I booted into my Microsoft Windows 11 installation.
</p>
<br />
<p>
It should be mentioned that this install is on a separate HDD from my Linux installation. After selecting Windows from the GRUB bootloader, I walked away for about 2 minutes to do something else. When I came back, I was, as expected, greeted with the Windows 11 login screen, or rather, the time on top of a pretty landscape picture. At this point, my first frustration started:
</p>
<br />
<p>
After pressing the spacebar to load the login prompt, the digital clock went away as expected. But guess what didn't appear? The login prompt. As a few seconds pass, the digital clock reappears, and I try again multiple times. After about a half-minute to a minute, before starting my last attempt, something else, in addition to the digital clock, spawned on the screen. It was a series of small details about the randomly picked background picture and other details, which I obviously didn't read. So not only did I not want these details, but they also prevented me from logging into my system. In addition to that, I don't know a single person who reads, likes or wants these details at all.
</p>
<br />
<p>
So what's your solution, you might ask? It's incredibly simple: <b>make it a feature, not a bug</b> or a piece of bloatware in this case. Let the user toggle it on if they so desire, but please don't make it a burden for slower systems like mine. (A quick side note: I wouldn't consider my system slow as a whole. I have a 5th Gen Ryzen and 16GB of RAM, but as Windows 11 is installed on an HDD rather than an SSD, I assume most of its slowness comes from this)
</p>
<br />
<p>
After I successfully logged into my system, it took around another minute to be fully usable, but I was already used to that. During this time, I noticed that the Oculus Updater Program had auto-started. As I had recently sold my Oculus VR headset and the program was probably only slowing down my computer, I decided to uninstall it. This brings me to another frustration with the Microsoft Windows operating system: the fact that you cannot uninstall something without a million registry entries and files being left on your system. To my knowledge, it is currently impossible without third-party software to uninstall something completely and remove all traces of it. Using an uninstallation program, however, which in itself is a major piece of bloatware, I was able to remove what I assume is most of the program and its files.
</p>
<br />
<p>
All of this just contributes to my opinion of <b>free</b> and open-source software. The free aspect is actually somewhat important in this case, as sensible solutions can only be found or created by an entire community, rather than one person or organization publishing their code and another person having an idea for improvements to that code. When big tech companies are the only ones in control of their software, they tend to not only roll out necessary updates but also completely useless features and then completely ignore their communities feedback. The best example I can think of in this case is Youtube: they disabled public dislikes and received a huge amount of negative feedback from creators and other users. And instead of listening to what is essentially their main revenue stream, they kept them disabled. In this case, the community was able to evade that change by using a browser extension specially developed for this issue.
</p>
<br />
<p>
I completely understand that companies want to generate revenue with their product, but by intentionally ruining it for some or even all of the users, they are only achieving the opposite. Maybe there is something in the corporate world doing the exact opposite of what I just described, but I, as a mere end-user, cannot think of such a thing.
</p>
<br />
<p>
<b>TLDR</b> I am frustrated that software, especially the Windows operating system, has moved from being a tool used to interface with a computer to something that has to look pretty and could probably be used by a three-year-old.
</p>
</main>
<footer>
<h6><a href=""><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>
</nav>
<main>
<h1>The current state of software is utterly ridiculous</h1>
<div class="author">Johannes Olzem</div>
<div class="date">May 15, 2023</div>
<p>
First off, I want to say that this is not an informative blog post. It's simply a rant on how modern software is increasingly slow and bloated.
</p>
<br />
<p>
Not too long ago, I, as an avid gamer, decided to play a racing sim game with my racing rig. As this is not something you can do, or something I have spent the time figuring out how to do on Linux (another negative aspect of modern software, but something I have come to accept), I booted into my Microsoft Windows 11 installation.
</p>
<br />
<p>
It should be mentioned that this install is on a separate HDD from my Linux installation. After selecting Windows from the GRUB bootloader, I walked away for about 2 minutes to do something else. When I came back, I was, as expected, greeted with the Windows 11 login screen, or rather, the time on top of a pretty landscape picture. At this point, my first frustration started:
</p>
<br />
<p>
After pressing the spacebar to load the login prompt, the digital clock went away as expected. But guess what didn't appear? The login prompt. As a few seconds pass, the digital clock reappears, and I try again multiple times. After about a half-minute to a minute, before starting my last attempt, something else, in addition to the digital clock, spawned on the screen. It was a series of small details about the randomly picked background picture and other details, which I obviously didn't read. So not only did I not want these details, but they also prevented me from logging into my system. In addition to that, I don't know a single person who reads, likes or wants these details at all.
</p>
<br />
<p>
So what's your solution, you might ask? It's incredibly simple: <b>make it a feature, not a bug</b> or a piece of bloatware in this case. Let the user toggle it on if they so desire, but please don't make it a burden for slower systems like mine. (A quick side note: I wouldn't consider my system slow as a whole. I have a 5th Gen Ryzen and 16GB of RAM, but as Windows 11 is installed on an HDD rather than an SSD, I assume most of its slowness comes from this)
</p>
<br />
<p>
After I successfully logged into my system, it took around another minute to be fully usable, but I was already used to that. During this time, I noticed that the Oculus Updater Program had auto-started. As I had recently sold my Oculus VR headset and the program was probably only slowing down my computer, I decided to uninstall it. This brings me to another frustration with the Microsoft Windows operating system: the fact that you cannot uninstall something without a million registry entries and files being left on your system. To my knowledge, it is currently impossible without third-party software to uninstall something completely and remove all traces of it. Using an uninstallation program, however, which in itself is a major piece of bloatware, I was able to remove what I assume is most of the program and its files.
</p>
<br />
<p>
All of this just contributes to my opinion of <b>free</b> and open-source software. The free aspect is actually somewhat important in this case, as sensible solutions can only be found or created by an entire community, rather than one person or organization publishing their code and another person having an idea for improvements to that code. When big tech companies are the only ones in control of their software, they tend to not only roll out necessary updates but also completely useless features and then completely ignore their communities feedback. The best example I can think of in this case is Youtube: they disabled public dislikes and received a huge amount of negative feedback from creators and other users. And instead of listening to what is essentially their main revenue stream, they kept them disabled. In this case, the community was able to evade that change by using a browser extension specially developed for this issue.
</p>
<br />
<p>
I completely understand that companies want to generate revenue with their product, but by intentionally ruining it for some or even all of the users, they are only achieving the opposite. Maybe there is something in the corporate world doing the exact opposite of what I just described, but I, as a mere end-user, cannot think of such a thing.
</p>
<br />
<p>
<b>TLDR:</b> I am frustrated that software, especially the Windows operating system, has moved from being a tool used to interface with a computer to something that has to look pretty and could probably be used by a three-year-old.
</p>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
</body>
</html>

55
contact/index.html
View File

@ -1,34 +1,33 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact - Johannes Olzem</title>
<meta name="description" content="Johannes Olzem's Webspace.">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<link rel="icon" href="/favico.ico">
<title>Contact - Johannes Olzem</title>
<meta name="description" content="Johannes Olzem's Webspace.">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<link rel="icon" href="/favico.ico">
</head>
<body>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="#">Contact</a>
<a href="/donate/">Donate</a>
</nav>
<main>
<h2>Contact</h2>
<p>
Email me:
<a href="mailto:jolzem@pm.me?subject=Hi!" target="_blank">jolzem@pm.me</a>
</p>
</main>
<footer>
<h6><a href=""><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="#">Contact</a>
</nav>
<main>
<h2>Contact</h2>
<p>
Email me:
<a href="mailto:jolzem@pm.me?subject=Hi!" target="_blank">jolzem@pm.me</a>
</p>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
</body>
</html>

BIN
css/DMMono-Italic.woff2 Normal file
View File

Binary file not shown.

BIN
css/DMMono-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
css/DMMono-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
css/Inter-Bold.woff2
View File

Binary file not shown.

BIN
css/Inter-Regular.woff2
View File

Binary file not shown.

136
css/style.css
View File

@ -1,21 +1,30 @@
@font-face {
font-family: "Inter";
src: url("Inter-Regular.woff2");
font-weight: 400;
font-family: "DM Mono";
src: url("DMMono-Regular.woff2");
font-weight: normal;
}
@font-face {
font-family: "Inter";
src: url("Inter-Bold.woff2");
font-weight: 800;
font-family: "DM Mono";
src: url("DMMono-Medium.woff2");
font-weight: bold;
}
@font-face {
font-family: "DM Mono";
src: url("DMMono-Italic.woff2");
font-style: italic;
}
:root {
--txt: #e2dfdb;
--body-bg: #222426;
--accent: #9a9184;
--border: #3f4447;
--font-body: "Inter", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
--txt: #c0ccdb;
--body-bg: #17191c;
--accent: #e4d294;
--border: #76818e;
--border-light: #a0a8b1;
--green: #5da892;
--font-body: "DM Mono", "Inter", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
body {
@ -33,14 +42,32 @@ body {
}
header {
padding: 1.5rem 0 2.5rem 0;
margin: 1.5rem 0 2.5rem 0;
font-weight: bold;
font-size: 2rem;
}
/* Add typewriter animation when text fits without line break */
@media screen and (min-width: 570px) {
header {
display: inline-block;
overflow: hidden;
white-space: nowrap;
border-right: .05em solid var(--accent);
padding-right: 10px;
animation: typing 1s steps(80), blink-cursor 2s infinite;
}
}
header a {
color: var(--accent);
text-decoration: none;
font-style: italic;
}
nav,
footer {
margin-bottom: 1.7rem;
margin-bottom: 1rem;
}
nav a {
@ -52,11 +79,12 @@ nav a {
box-shadow: 0px 2px 3px -2px rgba(0,0,0,.3);
user-select: none;
cursor: pointer;
display: inline-block;
}
nav a:hover {
color: var(--txt);
border: 1px solid #51585c;
border: 1px solid var(--border-light);
}
main {
@ -80,6 +108,30 @@ main ul {
display: block;
}
@media screen and (min-width: 900px) {
.quick-fixes {
max-width: 75% !important;
}
}
@media screen and (max-width: 899px) {
.quick-fixes {
max-width: 90% !important;
}
}
.quick-fixes-table {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
.quick-fixes-table th,
.quick-fixes-table td {
border: thin solid var(--border);
padding: .5rem;
}
.author {
float: left;
max-width: 400px;
@ -91,9 +143,30 @@ main ul {
margin-bottom: 2rem;
}
.inline {
text-decoration: underline;
color: #06c;
.code {
font-family: monospace;
padding: .2rem .3rem;
border-radius: .3rem;
border: 1px solid var(--border);
margin: .3rem;
}
.code::before {
content: '$ ';
user-select: none;
}
.no-dollar::before {
content: '' !important;
}
.cowsay {
font-family: var(--font-body);
text-align: left;
white-space: pre;
max-width: fit-content;
display: inline-block;
border: none;
}
p {
@ -104,7 +177,7 @@ p {
a {
color: var(--txt);
text-decoration: none;
text-decoration: underline;
transition: 300ms;
}
@ -113,6 +186,15 @@ a:active {
color: var(--accent);
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--green);
}
code {
padding: .2rem .3rem;
border-radius: .3rem;
@ -120,3 +202,21 @@ code {
margin: .3rem;
}
@keyframes typing {
from {
max-width: 0;
}
to {
max-width: 80%;
}
}
@keyframes blink-cursor {
from,
to {
border-color: transparent;
}
50% {
border-color: var(--accent);
}
}

4
donate/index.html
View File

@ -21,11 +21,9 @@
</nav>
<main>
<h2>Donate</h2>
<p>There is basically no point in giving me money, but you can still do so by donating <b>Monero</b>, my cryptocurrency of choice</p>
<p>This is only here so I can copy my Monero adress when I need it and don't want to/cannot access my wallet. Don't give me money.</p>
<br>
<p style="overflow-wrap: anywhere;">4BK7poh4kom8tti2HReRjQFbooWNiCiYj6sYfq4jdqBBhfN1FWn3an4ZRb1fytH5363vzyvTxBKzd5UphnexhJ7t1kjzTzP</p>
<br>
<img style="max-width: 200px;" src="/img/monero.png">
</main>
<footer>
<h6><a href=""><script>document.write(window.location.href);</script></a></h6>

BIN
img/landchad.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
img/monero.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.4 KiB

BIN
img/tux.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.7 KiB

BIN
img/vim.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

92
index.html
View File

@ -1,49 +1,55 @@
<!doctype html>
<!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">
<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>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>
<a href="/donate/">Donate</a>
</nav>
<main>
<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>
<h2>Why run this website?</h2>
<p>
I strive to expand and restore the minimal web by running this website without the clutter and distractions that are prevalent on many modern websites.
Additionally, 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>
<br>
<br>
<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>
</footer>
</div>
<div id="root">
<header>
<a href="/">Johannes Olzem's Webspace</a>
</header>
<nav>
<a href="/blog/">Blog</a>
<a href="/about/">About Me</a>
<a href="/contact/">Contact</a>
</nav>
<main>
<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>
<h2>Why run this website?</h2>
<p>
I strive to expand and restore the minimal web by running this website without the clutter and distractions that are prevalent on many modern websites.
Additionally, 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>
<br>
<p class='cowsay'>
_____________________________
&#60; Have fun on this website! &#62;
-----------------------------
\ ^__^
\ (oo)\_______
(__)\ )\/\
||----w |
|| ||
</p>
<br>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
</footer>
</div>
</body>
</html>

BIN
schule/M3_220309_115557.pdf
View File

Binary file not shown.

63
schule/info/html/projekt/contact.html
View File

@ -1,63 +0,0 @@
<!--My Contact inforamtion. Used for the footer.-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Contact</title>
<link rel=stylesheet href=css/style.css>
</head>
<body>
<div id="wrap">
<div id="header">
<a href="index.html">
<img src=images/header.png alt="header">
</a>
</div>
<div id="navigation">
<ul>
<li>
<a href="details.html">
<p class="nav">
details
</p>
</a>
</li>
<li>
<a href="shop.html">
<p class="nav">
shop
</p>
</a>
</li>
<li>
<a href="downloads.html">
<p class="nav">
downloads
</p>
</a>
</li>
</ul>
</div>
<div id="content">
<h2> Contact me</h2>
<p> Johannes Olzem
<br>
Heerstr. 1
<br>
53359 Rheinbach </p>
<a href="mailto:olzemjo@sjg-rheinbach.de" title="Mail Adress">olzemjo@sjg-rheinbach.de</a>
<!--the mailto: indicates, that the mail client should open and fill out the receiver field with the given data-->
</div>
<div id="sidebar">
</div>
<div id="footer">
<a href="contact.html" title="Contact">Contact</a>
<a href="legal_notice.html" title="Legal Notice">Legal Notice</a>
<a href="privacy_policy.html" title="Privacy Policy">Privacy Policy</a>
</div>
</div>
</body>
</html>

BIN
schule/info/html/projekt/css/header.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.2 KiB

127
schule/info/html/projekt/css/style.css
View File

@ -1,127 +0,0 @@
body {
font-size: 80%;
font-family: 'Share Tech Mono', Monospace, Courier;
text-align: center;
background-color: #202020;
}
#wrap {
width: 760px;
margin: 0 auto;
text-align: left;
}
#navigation {
float: right;
width: 55px;
height: 803px;
border-bottom: 1px solid #999;
border-top: 1px solid #999;
font-size: 25px;
text-align: right;
font-family: 'Share Tech Mono', Monospace, Courier;
color: white;
}
#navigation ul {
list-style-type: none;
}
#navigation ul li {
display: inline;
}
#header {
float: left;
width: 760px;
height: 90px;
background-image: header.png;
text-align: middle;
border-top: 1px solid #999;
}
#content {
float: left;
height: 400px;
width: 559px;
border-right: 1px solid #999;
}
#content ul {
list-style-type: circle;
}
#content ul li {
display: inline;
}
#content ol {
color: teal;
}
#content ul li {
display: inline;
}
#sidebar {
float: left;
height: 350px;
width: 100px;
top: 0;
font-size: 90%;
}
#footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: light-gray;
color: white;
text-align: center;
}
/*the . before the word means i am defining a class and not an ID. When using an ID a # is used*/
.price {
font-size: 15px;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
color: teal;
}
.specs ul {
list-style-type: disc;
}
.dotted {
border: 5px dotted #555;
}
/*This defines the Table*/
table, th, td {
border: 2px solid teal;
border-collapse: collapse;
color: white;
}
h2, h3, h4, h5, h6 {
margin: 20px;
color: white;
}
/*I wanted heading1 to be teal so i seperated it from h2-h6*/
h1 {
color: teal;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
p {
margin: 20px 25px;
color: white;
}
/*This defines the hyperlinks*/
a {
color: teal;
}

120
schule/info/html/projekt/details.html
View File

@ -1,120 +0,0 @@
<!--This is used for more detailed information-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Details</title>
<link rel=stylesheet href=css/style.css>
</head>
<body>
<div id="wrap">
<div id="header">
<a href="index.html">
<img src=images/header.png alt="header">
</a>
</div>
<div id="navigation">
<ul>
<li>
<a href="details.html">
<p class="nav">
details
</p>
</a>
</li>
<li>
<a href="shop.html">
<p class="nav">
shop
</p>
</a>
</li>
<li>
<a href="downloads.html">
<p class="nav">
downloads
</p>
</a>
</li>
</ul>
</div>
<div id="content">
<h1>Details</h1>
<h2>Sizes</h2>
<p>There are several sizes of keyboard, defined by the number of keys.</p>
<table>
<tr>
<td>
<h3>40&#37;</h3>
<p>A 40&#37; Keyboard only has Keys for lettering, such as letters and a shift and backspace
as well as a backspace and a Tab.</p>
<img src="images/fourty.jpg" alt="a fourty percent keyboard"
style="width:139px;height:45px;" align="center">
<br>
</td>
</tr>
<tr>
<td>
<h3>60&#37;</h3>
<p>Probably the most common size in the custom keyboard Industry.
Has the same keys as a 40&#37; as well as numbers and certain others.</p>
<img src="images/sixty.jpg" alt="a sixty percent keyboard"
style="width:132px;height:51px;">
</td>
</tr>
<tr>
<td>
<h3>65&#37;</h3>
<p>My favourite size, because of the extra arrow keys. It also has three additional keys.
These are most commonly Delete, Page Up and Page Down.</p>
<img src="images/keyboard.jpg" alt="a sixty percent keyboard"
style="width:131px;height:44px;">
</td>
</tr>
<tr>
<td>
<h3>75&#37;&#47;TKL</h3>
<p>A "normal" keyboard, just without the numpad. TKL stands for TenKeyLess.</p>
<img src="images/seventyfive.jpg" alt="a seventyfive percent keyboard"
style="width:150px;height:58px;">
</td>
</tr>
<tr>
<td>
<h3>95&#37;&#47;100&#37;&#47;full size</h3>
<p>Has the keys of the keyboard you are probably using, if you have a mainstream Keyboard.</p>
<img src="images/hundred.jpg" alt="a full size keyboard" style="width:128px;height:44px;">
</td>
</tr>
</table>
<br>
<br>
<h2>Lube</h2>
<p>Lube is used to significantly silent switches. I&#39;ve included some typing sounds under here.</p>
<h4>Unlubed Cherry MX Red switches</h4>
<!--Here is the audio tag as seen in index.html-->
<audio controls>
<source src="sounds/redunlubed.mp3" type="audio/mpeg">
</audio>
<h4>Lubed Cherry MX Red switches</h4>
<audio controls>
<source src="sounds/redlubed.mp3" type="audio/mpeg">
</audio>
<h4>Overlubed Gateron Black Ink Switches</h4>
<audio controls>
<source src="sounds/overlubed.mp3" type="audio/mpeg">
</audio>
</div>
<div id="sidebar">
</div>
<div id="footer">
<a href="contact.html" title="Contact">Contact</a>
<a href="legal_notice.html" title="Legal Notice">Legal Notice</a>
<a href="privacy_policy.html" title="Privacy Policy">Privacy Policy</a>
</div>
</div>
</body>
</html>

75
schule/info/html/projekt/downloads.html
View File

@ -1,75 +0,0 @@
<!--This is a download page with different software, which is downlaodable-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Downloads</title>
<link rel=stylesheet href=css/style.css>
</head>
<body>
<div id="wrap">
<div id="header">
<a href="index.html">
<img src=images/header.png alt="header">
</a>
</div>
<div id="navigation">
<ul>
<li>
<a href="details.html">
<p class="nav">
details
</p>
</a>
</li>
<li>
<a href="shop.html">
<p class="nav">
shop
</p>
</a>
</li>
<li>
<a href="downloads.html">
<p class="nav">
downloads
</p>
</a>
</li>
</ul>
</div>
<div id="content">
<h1>Downloads</h1>
<!--I used the download tag to indicate, that the file that is being linked to, is supposed to be downloaded-->
<a href="https://github.com/the-via/releases/releases/download/v1.3.1/via-1.3.1-win.exe" download>
<h3>VIA</h3>
</a>
<p> VIA is a software, you can use to program a Keyboard.
<br>
Before you build, you normally test the PCB, which you can do with this Software too.
<br>
It is also used to change the RGB lightning on the switches or the PCB.
</p>
<br>
<br>
<a href="https://www.autohotkey.com/download/ahk-install.exe" download>
<h3>AutoHotkey</h3>
</a>
<p>AutoHotkey is a software, which is used to program macros to either to special macro keys,
or your normal Keys. It is normally used for Macro keyboards, which you can find
<a href="https://kbdfans.com/collections/20/products/kbdfans-kbdpad-pcb-v2" target="_blank">here</a>.
</p>
</div>
<div id="sidebar">
</div>
<div id="footer">
<a href="contact.html" title="Contact">Contact</a>
<a href="legal_notice.html" title="Legal Notice">Legal Notice</a>
<a href="privacy_policy.html" title="Privacy Policy">Privacy Policy</a>
</div>
</div>
</body>
</html>

BIN
schule/info/html/projekt/images/background.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 734 KiB

BIN
schule/info/html/projekt/images/epbt/close.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 512 KiB

BIN
schule/info/html/projekt/images/epbt/front.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 169 KiB

BIN
schule/info/html/projekt/images/epbt/main.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 192 KiB

BIN
schule/info/html/projekt/images/epbt/main2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 201 KiB

BIN
schule/info/html/projekt/images/epbt/side.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 162 KiB

BIN
schule/info/html/projekt/images/fourty.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 98 KiB

BIN
schule/info/html/projekt/images/header.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.2 KiB

BIN
schule/info/html/projekt/images/hundred.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 52 KiB

BIN
schule/info/html/projekt/images/keyboard.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 42 KiB

BIN
schule/info/html/projekt/images/seventyfive.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 68 KiB

BIN
schule/info/html/projekt/images/sixty.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 58 KiB

116
schule/info/html/projekt/index.html
View File

@ -1,116 +0,0 @@
<!--This is my index Page. I listed some interesting information about custom keyboards here.
This is actually my second website made for this course, the first one being about my favorite anime.
I wasn't happy with the results, so i made this one. It is inspired by n-o-d-e.net.
This was written in englsih because when I write code I am in English mode, because the words
in the code are in english(background, title etc.)-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Custom Keyboards</title>
<link rel=stylesheet href=css/style.css>
<style>
body {
background: #000000 url(images/background.jpg) no-repeat fixed center center;
}
<!--The Background image-->
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<a href="index.html">
<img src=images/header.png>
</a>
</div>
<div id="navigation">
<ul>
<li>
<a href="details.html">
<p class="nav">
details
</p>
</a>
</li>
<li>
<a href="shop.html">
<p class="nav">
shop
</p>
</a>
</li>
<li>
<a href="downloads.html">
<p class="nav">
downloads
</p>
</a>
</li>
</ul>
</div>
<div id="content">
<h1>Custom Keyboards</h1>
<p>The hobby of building a custom keyboard is massively gaining popularity at the moment.
<br>
To Build a Custom Keyboard you need 5 parts.
</p>
<ol>
<li>
<h3>Case</h3>
<p>The Case is basically just the Housing of the Keyboard.
All the Parts get screwed into it, so that they get held in place.</p>
</li>
<li>
<h3>PCB</h3>
<p>The PCB is basically just the Motherboard of the Keyboard.
You can either solder or just place the switches in,
depending of which type of PCB you have.</p>
</li>
<li>
<h3>Switches</h3>
<p>The switches are the actuators of the typing. They send a signal through
the PCB, which sends it over the Cable to the PC.</p>
</li>
<li>
<h3>Plate</h3>
<p>The Plate is inbetween the Switches and the PCB. The Stabilisers,
which stabilize the longer keycaps are also mounted on the Plate.</p>
</li>
<li>
<h3>Keycaps</h3>
<p>The Keycaps are placed on the switches, so you can actually type.
They come in different colors and sizes.
There are also Printed Keycaps and blank ones.</p>
</li>
</ol>
<img class="dotted" src="images/keyboard.jpg">
<h3>Here you can see a Keyboard Timelapse Build</h3>
<!--Here I embedded a Youtube Video with the code Youtube gave me. It also has Privacy Mode enabled, because i know IT people care about their privacy.-->
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/8yvk7KDMx8A"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
<br>
<br>
<br>
<!--This is my favorite song. I used the autoplay tag to play it when you open the page-->
<audio controls autoplay>
<source src="sounds/welcome.mp3" type="audio/mpeg">
</audio>
<h5>Background image</h5>
<p>A Rose Gold Kyuu built for Lilypichu by the Youtuber and Streamer Taeha Types.</p>
</div>
<div id="sidebar">
</div>
<div id="footer">
<a href="contact.html" title="Contact">Contact</a>
<a href="legal_notice.html" title="Legal Notice">Legal Notice</a>
<a href="privacy_policy.html" title="Privacy Policy">Privacy Policy</a>
</div>
</div>
</body>
</html>

99
schule/info/html/projekt/keycaps.html
View File

@ -1,99 +0,0 @@
<!--This is the Store page for tghe Product shown in shop.html-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>EPBT Samurai 75&#37; Keycap set</title>
<link rel=stylesheet href=css/style.css>
</head>
<body>
<div id="wrap">
<div id="header">
<a href="index.html">
<img src=images/header.png alt="header">
</a>
</div>
<div id="navigation">
<ul>
<li>
<a href="details.html">
<p class="nav">
details
</p>
</a>
</li>
<li>
<a href="shop.html">
<p class="nav">
shop
</p>
</a>
</li>
<li>
<a href="downloads.html">
<p class="nav">
downloads
</p>
</a>
</li>
</ul>
</div>
<div id="content">
<!--The text would'nt align next to the picture, so i put it in the paragraph tag-->
<p style="float: left;"><img src=images/epbt/main.jpg style="width:275px;height:275px;" border="3px"></p>
<h2>EPBT Samurai 75&#37; Keycap set</h2>
<p class="price">99,80&euro;</p>
<p>This is one of my favourite Keycap sets</p>
<button>
Buy here
<a href="https://kbdfans.com/collections/keycaps/products/samurai?variant=34191898771595" target="_blank">
</button>
</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h3>Specs</h3>
<!--A Table(Tabelle)-->
<table style="width:65%">
<tr>
<td>Reverse Dyesub</td>
</tr>
<tr>
<td>PBT Material</td>
</tr>
<tr>
<td>Made in china</td>
</tr>
<tr>
<td>with chinese letters</td>
</tr>
<tr>
<td>includes iso Enter</td>
</tr>
</table>
<br>
<br>
<!--this is a gallery of images-->
<h3>Product Images</h3>
<img src="images/epbt/main2.jpg" style="width:200px;height:200px;" align="left">
<img src="images/epbt/side.jpg" style="width:200px;height:200px;" align="left">
<img src="images/epbt/close.jpg" style="width:200px;height:200px;" align="left">
<img src="images/epbt/front.jpg" style="width:200px;height:200px;" align="left">
</div>
<div id="sidebar">
</div>
<div id="footer">
<a href="contact.html" title="Contact">Contact</a>
<a href="legal_notice.html" title="Legal Notice">Legal Notice</a>
<a href="privacy_policy.html" title="Privacy Policy">Privacy Policy</a>
</div>
</div>
</body>
</html>

64
schule/info/html/projekt/legal_notice.html
View File

@ -1,64 +0,0 @@
<!--A notice about copyright. Also used for the footer.-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Legal Notice</title>
<link rel=stylesheet href=css/style.css>
</head>
<body>
<div id="wrap">
<div id="header">
<a href="index.html">
<img src=images/header.png alt="header">
</a>
</div>
<div id="navigation">
<ul>
<li>
<a href="details.html">
<p class="nav">
details
</p>
</a>
</li>
<li>
<a href="shop.html">
<p class="nav">
shop
</p>
</a>
</li>
<li>
<a href="downloads.html">
<p class="nav">
downloads
</p>
</a>
</li>
</ul>
</div>
<div id="content">
<h2>Legal Notice</h2>
<p>Some of the Content on this site is Copyrighted.
If you have a complaint about Copyright infringement,
please send an email to <a href="mailto:olzemjo@sjg-rheinbach.com">olzemjo@sjg-rheinbach.de</a>.
<!--the mailto: indicates, that the mail client should open and fill out the receiver field with the given data-->
<br>
Also Contact this e-mail, if you are a content owner and
you would like to contribute your content to this Website.
</p>
</div>
<div id="sidebar">
</div>
<div id="footer">
<a href="contact.html" title="Contact">Contact</a>
<a href="legal_notice.html" title="Legal Notice">Legal Notice</a>
<a href="privacy_policy.html" title="Privacy Policy">Privacy Policy</a>
</div>
</div>
</body>
</html>

85
schule/info/html/projekt/privacy_policy.html
View File

@ -1,85 +0,0 @@
<!--The Privacy Policy of this Website. Inspired by the Privacy Policy of Crunchyroll.-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Privacy Policy</title>
<link rel=stylesheet href=css/style.css>
</head>
<body>
<div id="wrap">
<div id="header">
<a href="index.html">
<img src=images/header.png alt="header">
</a>
</div>
<div id="navigation">
<ul>
<li>
<a href="details.html">
<p class="nav">
details
</p>
</a>
</li>
<li>
<a href="shop.html">
<p class="nav">
shop
</p>
</a>
</li>
<li>
<a href="downloads.html">
<p class="nav">
downloads
</p>
</a>
</li>
</ul>
</div>
<div id="content">
<h2> Privacy Policy</h2>
<h3>Data Collection</h3>
<ul>
<li>
<p>I will neither collect, nor sell your data.</p>
</li>
</ul>
<h3>Deletion of personal Data</h3>
<ul>
<li>
<p>If you would like to request the deletion of your personal
data, send an e-mail to <a href="mailto:olzemjo@sjg-rheinbach.de">olzemjo@sjg-rheinbach.de</a> </p>
<!--the mailto: indicates, that the mail client should open and fill out the receiver field with the given data-->
</li>
</ul>
<h3> Cookies</h3>
<ul>
<li>
<p>Cookies are not used on this Website, because I am too lazy
to put a popup on this.</p>
</li>
</ul>
<h3>Links to other Sites</h3>
<ul>
<li>
<p>If you click on a banner or a Hyperlink, which leads to an external site,
this Privacy Policy is not in force anymore. If you would like to
know about the Privacy Policy of the external site, please read it there.</p>
</li>
<ul>
</div>
<div id="sidebar">
</div>
<div id="footer">
<a href="contact.html" title="Contact">Contact</a>
<a href="legal_notice.html" title="Legal Notice">Legal Notice</a>
<a href="privacy_policy.html" title="Privacy Policy">Privacy Policy</a>
</div>
</div>
</body>
</html>

62
schule/info/html/projekt/shop.html
View File

@ -1,62 +0,0 @@
<!--This is a shop. I made this because I wanted to implement a store page(keycaps.html)-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Shop</title>
<link rel=stylesheet href=css/style.css>
</head>
<body>
<div id="wrap">
<div id="header">
<a href="index.html">
<img src=images/header.png alt="header">
</a>
</div>
<div id="navigation">
<ul>
<li>
<a href="details.html">
<p class="nav">
details
</p>
</a>
</li>
<li>
<a href="shop.html">
<p class="nav">
shop
</p>
</a>
</li>
<li>
<a href="downloads.html">
<p class="nav">
downloads
</p>
</a>
</li>
</ul>
</div>
<div id="content">
<h1>Shop</h1>
<a href="keycaps.html">
<img src=images/epbt/main.jpg style="width:90px;height:90px;">
<h4>EPBT Samurai 65&#37; Keycap set
<br>
99,90&euro;</h4>
</a>
</div>
<div id="sidebar">
</div>
<div id="footer">
<a href="contact.html" title="Contact">Contact</a>
<a href="legal_notice.html" title="Legal Notice">Legal Notice</a>
<a href="privacy_policy.html" title="Privacy Policy">Privacy Policy</a>
</div>
</div>
</body>
</html>

BIN
schule/info/html/projekt/sounds/overlubed.mp3
View File

Binary file not shown.

BIN
schule/info/html/projekt/sounds/redlubed.mp3
View File

Binary file not shown.

BIN
schule/info/html/projekt/sounds/redunlubed.mp3
View File

Binary file not shown.

BIN
schule/info/html/projekt/sounds/welcome.mp3
View File

Binary file not shown.

29
schule/info/index.html
View File

@ -1,29 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Index for ~/schule/info | Johannes Olzem</title>
<meta charset="utf-8">
</head>
<body>
<div id="wrap">
<h1>Index for &nbsp;~ / schule / info /</h1>
<ul style="list-style: inside '\1F4C1'";>
<li>
<a href="../../" style="margin-left:5px;">
../../
</a>
</li>
<li>
<a href="html/projekt/" style="margin-left:5px;">
html/projekt/
</a>
</li>
<li>
<a href="python/roulette/" style="margin-left:5px;">
python/roulette/
</a>
</li>
</ul>
</div>
</body>
</html>

26
schule/info/python/roulette/index.html
View File

@ -1,26 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Index for ~/pages/schule/info/python/roulette/ | Johannes Olzem</title>
<meta charset="utf-8">
<link rel="shortcut icon" href="/img/favico.png">
<link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
</head>
<body>
<div id="wrap">
<h1>Index for &nbsp;~ / pages / schule / info / python / roulette /</h1>
<ul style="list-style: inside '\1F4C1'";>
<li>
<a href="../../" style="margin-left:5px;">
../../
</a>
</li>
<li style="list-style: inside '\1F4C4';">
<a href="werte.png" style="margin-left:5px;">
werte.png
</a>
</li>
</ul>
</div>
</body>
</html>

BIN
schule/info/python/roulette/werte.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 446 KiB