Redo website

This commit is contained in:
2025-02-09 15:00:01 +01:00
parent b35dc3c761
commit 18250e0cc8
33 changed files with 672 additions and 593 deletions
+25 -22
View File
@@ -1,34 +1,37 @@
<!DOCTYPE html>
<html lang='en'>
<html lang="en">
<head>
<title>Quick Fix - 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 fix - 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">
</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 class='full'>
<h1>Connected without internet on Android after setting PiHole as DNS server.</h1>
<br>
<main>
<h1>Johannes Olzem</h1>
<blockquote>Less is more</blockquote>
<h2>
Connected without internet on Android after setting PiHole as DNS server.
</h2>
<p>
Make sure you forward both TCP and UDP of port 53 from your Docker container.
Make sure you forward both TCP and UDP of port 53 from your Docker
container.
</p>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
&copy; 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>
+32 -28
View File
@@ -1,48 +1,52 @@
<!DOCTYPE html>
<html lang='en'>
<html lang="en">
<head>
<title>Quick Fix - 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 fix - 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">
</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 class='full'>
<h1>HomeAssistant not connecting over reverse proxy</h1>
<br>
<main>
<h1>Johannes Olzem</h1>
<blockquote>Less is more</blockquote>
<h2>HomeAssistant not connecting over reverse proxy</h2>
<p>
Make sure you have enabled <em>Websockets Supports</em> or similar functionality in your reverse proxy client.<br><br>
If you are getting a <em>400 Bad Request</em> error, find the HomeAssistant log file and look for the following error message:<br>
<code>A request from a reverse proxy was received from 12.34.56.78, but your HTTP integration is not set-up for reverse proxies</code><br><br>
Make sure you have enabled <em>Websockets Supports</em> or similar
functionality in your reverse proxy client.<br><br>
If you are getting a <em>400 Bad Request</em> error, find the
HomeAssistant log file and look for the following error message:<br>
<code>A request from a reverse proxy was received from 12.34.56.78, but
your HTTP integration is not set-up for reverse proxies</code><br><br>
In your <code>configuration.yaml</code> file, add the following lines:<br>
<pre style="text-align:left;">
<pre>
http:<br>
use_x_forwarded_for: true<br>
trusted_proxies:<br>
- 12.34.56.78 # The IP address from the error message
</pre>
</pre>
</p>
<h2>Explanation</h2>
<h3>Explanation</h3>
<p>
HomeAssistant uses websockets to communicate with the browser.<br><br>
If you are using a reverse proxy, the IP address of the incoming connection is not trusted and gets rejected by HomeAssistant.<br>
If you are using a reverse proxy, the IP address of the incoming
connection is not trusted and gets rejected by HomeAssistant.<br>
</p>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
&copy; 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>
Executable → Regular
+52 -23
View File
@@ -1,39 +1,68 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<title>Quick Fixes - Johannes Olzem</title>
<meta name='description' content="Johannes Olzem's Webspace.">
<title>Quick fixes - 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'>
</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>
<h2>Quick Fixes</h2>
<h3>This is a page with small problems, to which I have found easy solutions, so as to not litter the blog page.</h3>
<div class='blog-entries'>
<a href='nextcloud-file-not-supported/'>Nextcloud file not supported error</a>
<a href='android-pihole-no-internet/'>Connected without internet on Android after setting PiHole as DNS server.</a>
<a href='thinkpad-r61-beep/'> Thinkpad R61 repeated beep on startup</a>
<a href='pacman-404/'>Pacman install fails with 404</a>
<a href='proton-audio-stuttering/'>Proton / Wine audio stuttering when using qpaeq equalizer</a>
<a href='homeassistant-proxy/'>HomeAssistant not connecting over reverse proxy</a>
</div>
<h1>Johannes Olzem</h1>
<blockquote>Less is more</blockquote>
<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>
<ul>
<li>
<a href='/blog/quick-fixes/android-pihole-no-internet/'>
Connected without internet on Android after setting PiHole as DNS
server
</a>
</li>
<li>
<a href='/blog/quick-fixes/homeassistant-proxy/'>
HomeAssistant not connecting over reverse proxy
</a>
</li>
<li>
<a href='/blog/quick-fixes/nextcloud-file-not-supported/'>
Nextcloud file not supported error
</a>
</li>
<li>
<a href='/blog/quick-fixes/pacman-404/'>
Pacman install fails with 404
</a>
</li>
<li>
<a href='/blog/quick-fixes/proton-audio-stuttering/'>
Proton / Wine audio stuttering when using qpaeq equalizer
</a>
</li>
<li>
<a href='/blog/quick-fixes/thinkpad-r61-beep/'>
Thinkpad R61 repeated beep on startup
</a>
</li>
</ul>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
&copy; 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>
+31 -27
View File
@@ -1,39 +1,43 @@
<!DOCTYPE html>
<html lang='en'>
<html lang="en">
<head>
<title>Quick Fix - 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 fix - 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">
</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 class='full'>
<h1>Nextcloud file not supported error</h1>
<h2><code>exif_read_data(): File not supported at /var/www/html/lib/private/Metadata/Provider/ExifProvider.php#59</code></h2>
<br>
<main>
<h1>Johannes Olzem</h1>
<blockquote>Less is more</blockquote>
<h2>Nextcloud file not supported error</h2>
<h3>
<code>
exif_read_data(): File not supported at
/var/www/html/lib/private/Metadata/Provider/ExifProvider.php#59
</code>
</h3>
<p>Upload over IP and port rather than over nginx proxy.</p>
<h3>Explanation</h3>
<p>
Upload over IP and port rather than over nginx proxy.
</p>
<h2>Explanation</h2>
<p>
The request payload (the data your are trying to upload) is too large for nginx.
The request payload (the data your are trying to upload) is too large for
nginx.
</p>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
&copy; 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>
+36 -27
View File
@@ -1,41 +1,50 @@
<!DOCTYPE html>
<html lang='en'>
<html lang="en">
<head>
<title>Quick Fix - 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 fix - 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">
</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 class='full'>
<h1>Pacman install fails with 404</h1>
<h2><code>error: failed retrieving file 'X' from Y : The requested URL returned error: 404</code></h2>
<br>
<main>
<h1>Johannes Olzem</h1>
<blockquote>Less is more</blockquote>
<h2>Pacman install fails with 404</h2>
<h3><code>error: failed retrieving file 'X' from Y : The requested URL
returned error: 404</code></h3>
<p>
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 the package database with the new mirrorlist. Make sure to use 2 y's, to force the new changes.
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 the package database
with the new mirrorlist. Make sure to use 2 y's, to force the new changes.
</p>
<h2>Explanation</h2>
<h3>Explanation</h3>
<p>
Your mirrorlist is outdated, possibly due to the recent <a href='https://archlinux.org/news/git-migration-completed/'>pacman git migration</a>.
Your mirrorlist is outdated, possibly due to the recent
<a href='https://archlinux.org/news/git-migration-completed/'>
pacman git migration
</a>.
</p>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
&copy; 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>
+22 -24
View File
@@ -1,34 +1,32 @@
<!DOCTYPE html>
<html lang='en'>
<html lang="en">
<head>
<title>Quick Fix - 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 fix - 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">
</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 class='full'>
<h1>Proton / Wine audio stuttering when using qpaeq equalizer</h1>
<br>
<p>
Switch to normal audio device.
</p>
<main>
<h1>Johannes Olzem</h1>
<blockquote>Less is more</blockquote>
<h2>Proton / Wine audio stuttering when using qpaeq equalizer</h2>
<p>Switch to normal audio device.</p>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
&copy; 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>
Executable → Regular
+25 -27
View File
@@ -1,39 +1,37 @@
<!DOCTYPE html>
<html lang='en'>
<html lang="en">
<head>
<title>Quick Fix - 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 fix - 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">
</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 class='full'>
<h1>{{ Title }}</h1>
<h2>{{ Problem }}</h2>
<br>
<main>
<h1>Johannes Olzem</h1>
<blockquote>Less is more</blockquote>
<h2>Title</h2>
<h3>Problem</h3>
<p>Fix</p>
<h3>Explanation</h3>
<p>
{{ Fix }}
</p>
<h2>Explanation</h2>
<p>
{{ Explanation }}
Explanation
</p>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
&copy; 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>
+24 -26
View File
@@ -1,39 +1,37 @@
<!DOCTYPE html>
<html lang='en'>
<html lang="en">
<head>
<title>Quick Fix - 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 fix - 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">
</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 class='full'>
<h1>Thinkpad R61 repeated beep on startup</h1>
<h2>(or any older ThinkPad model, I believe)</h2>
<br>
<p>
Check keyboard connector / swap out keyboard.
</p>
<h2>Explanation</h2>
<main>
<h1>Johannes Olzem</h1>
<blockquote>Less is more</blockquote>
<h2>Thinkpad R61 repeated beep on startup</h2>
<h3>(or any older ThinkPad model, I believe)</h3>
<p>Check keyboard connector / swap out keyboard.</p>
<h3>Explanation</h3>
<p>
No keyboard detected on bootup.
</p>
</main>
<footer>
<h6><a href><script>document.write(window.location.href);</script></a></h6>
&copy; 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>