From 69e8785f23f4fd65aef63e2000a262b501144bc2 Mon Sep 17 00:00:00 2001
From: jolzem <jolzem@pm.me>
Date: Sun, 22 Jan 2023 12:15:53 +0100
Subject: [PATCH] added quick fixes

---
 blog/index.html             |  7 ++---
 blog/quick-fixes/index.html | 59 +++++++++++++++++++++++++++++++++++++
 css/style.css               |  8 +++--
 3 files changed, 68 insertions(+), 6 deletions(-)
 create mode 100755 blog/quick-fixes/index.html
diff --git a/blog/index.html b/blog/index.html
index d38f5aa..8520b82 100755
--- a/blog/index.html
+++ b/blog/index.html
@@ -21,11 +21,10 @@
             <a href="/donate/">Donate</a>
         </nav>
         <main>
-            <h2>No blog entries yet! Check back later.</h2>
-            <!--<h2>Blog</h2>
+            <h2>Blog</h2>
             <div class="blog-entries">
-                <a href=""></a>
-            </div>-->
+                <a href="quick-fixes/">Quick Fixes</a>
+            </div>
         </main>
         <footer>
             <h6><a href=""><script>document.write(window.location.href);</script></a></h6>
diff --git a/blog/quick-fixes/index.html b/blog/quick-fixes/index.html
new file mode 100755
index 0000000..148c65a
--- /dev/null
+++ b/blog/quick-fixes/index.html
@@ -0,0 +1,59 @@
+<!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">
+</head>
+<body>
+    <div id="root">
+        <header>
+            <h1>Johannes Olzem's Webspace</h1>
+        </header>
+        <nav>
+            <a href="/">Home</a>
+            <a href="#">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></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>
+</body>
+</html>
diff --git a/css/style.css b/css/style.css
index a530274..c7bc3de 100755
--- a/css/style.css
+++ b/css/style.css
@@ -6,7 +6,6 @@
 :root {
   --txt: #d3c6aa;
   --accent: #a7c080;
-  --main-bg: #2d353b;
   --body-bg: #2d353b;
   --border: 4pt;
   --font-body: "Consolas", monaco, "Liberation Mono", "Lucida Console", monospace;
@@ -24,7 +23,6 @@ body {
   max-width: 900px;
   min-height: 100vh;
   margin: 0 auto;
-  background: var(--main-bg);
   border-radius: var(--border);
 }
 
@@ -84,6 +82,12 @@ a {
   transition: 300ms;
 }
 
+code {
+  background: #232a2e;
+  padding: .2rem .3rem;
+  border-radius: .3rem;
+}
+
 a:hover,
 a:active {
   text-decoration: underline !important;
