From 1dd95f2418e9f10169e49ed02b7a266dc59c45ce Mon Sep 17 00:00:00 2001
From: "Alexander \"PapaTutuWawa" <papatutuwawa@polynom.me>
Date: Sat, 22 Jul 2023 21:09:19 +0200
Subject: [PATCH] feat: Adjust to blog rework

---
 content/code.html    |  4 ++--
 content/contact.html |  4 ++--
 content/index.html   |  5 +++--
 input.css            | 14 +++++++++++--
 layout/page.html     | 50 ++++++++++++++++++++------------------------
 5 files changed, 42 insertions(+), 35 deletions(-)
diff --git a/content/code.html b/content/code.html
index 781c42c..6af730f 100644
--- a/content/code.html
+++ b/content/code.html
@@ -2,7 +2,7 @@
 <!-- description: Alexander 'PapaTutuWawa' 's code repositories. -->
 <!-- render: yes -->
 
-<div class="flex flex-col pt-8">
+<div class="flex flex-col pt-8 mx-auto">
   <p class="prose text-white">
     I keep my code mostly on my private Gitea instance <a class="text-indigo-400"
       href="https://{{ gitea_url }}/{{ gitea_username }}">here</a>.
@@ -27,4 +27,4 @@
       </tr>
     </table>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/content/contact.html b/content/contact.html
index 3af94d6..9549188 100644
--- a/content/contact.html
+++ b/content/contact.html
@@ -1,7 +1,7 @@
 <!-- title: Contact | polynom.me -->
 <!-- description: Contact details for getting in touch with Alexander 'PapaTutuWawa'. -->
 <!-- render: yes -->
-<div class="flex flex-col pt-8">
+<div class="flex flex-col pt-8 mx-auto">
   <p class="prose text-white">
     If you have any questions about my projects or just want to talk, feel
     free to reach out to me.
@@ -40,4 +40,4 @@
       </tr>
     </table>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/content/index.html b/content/index.html
index fbfd917..a8faa82 100644
--- a/content/index.html
+++ b/content/index.html
@@ -1,7 +1,8 @@
 <!-- title: Home | polynom.me -->
 <!-- description: The personal website of Alexander 'PapaTutuWawa'. -->
 <!-- render: yes -->
-<div class="flex flex-col w-full sm:w-4/5">
+
+<div class="flex flex-col mx-auto">
   <p class="text-white prose py-8 self-center">
     Hello! My online pseudonym is <i>PapaTutuWawa</i> and I am
     just some random person on the Internet who is passionate about
@@ -15,4 +16,4 @@
 
 {{ for_each projects layout/templates/project.html }}
 
-</div>
\ No newline at end of file
+</div>
diff --git a/input.css b/input.css
index 7767981..445bfa8 100644
--- a/input.css
+++ b/input.css
@@ -2,6 +2,16 @@
 @tailwind components;
 @tailwind utilities;
 
-html {
+@layer base {
+  body {
     background-color: #212121;
-}
\ No newline at end of file
+  }
+
+  html {
+    @apply text-white;
+  }
+
+  a {
+    @apply text-indigo-400 !important;
+  }
+}
diff --git a/layout/page.html b/layout/page.html
index d4cf512..fb022d4 100644
--- a/layout/page.html
+++ b/layout/page.html
@@ -1,38 +1,34 @@
 <!doctype html>
 <html>
-
-<head>
-	<title>{{ title }}</title>
-        
-	<meta property="og:title" content="{{ title }}" />
-	<meta property="og:description" content="{{ description }}" />
-
+  <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link href="/assets/css/index.css" rel="stylesheet" />
-</head>
+    <link rel="shortcut icon" href="/assets/img/favicon.ico" sizes="32x32" />
+    <link href="/feed.xml" type="application/atom+xml" rel="alternate" title="Moxxy Blog" />
 
-<body class="min-h-screen h-full flex flex-col p-8 h-full">
-    <div class="flex flex-col items-center">
-        <!-- Allow the header to be independently sized from the content -->
-        <div>
-            <div class="flex flex-row">
-                <img class="w-32 md:w-36 lg:w-48 h-32 md:h-36 lg:h-48 rounded-lg" src="https://cdn.polynom.me/img/avatar.jpg" />
+	  <meta property="og:title" content="{{ title }}" />
+  	<meta property="og:description" content="{{ description }}" />
 
-                <div class="flex flex-col justify-center px-8">
-                    <a href="/"><h1 class="text-xl lg:text-4xl text-indigo-400">PapaTutuWawa</h1></a>
+  	<title>{{ title }}</title>
+  </head>
+  <body>
+    <div class="flex flex-col p-2 md:p-8 items-start md:w-4/5 mx-auto">
+      <!-- Header -->
+      <div class="flex flex-row self-center">
+        <img class="w-12 h-12 md:w-24 md:h-24 rounded-lg" src="{{ page_assets }}/img/avatar.jpg" alt="Profile picture"/>
+        <div class="ml-4 self-center">
+          <a class="self-center text-2xl font-bold" href="/">PapaTutuWawa's Website</a>
 
-                    <div class="flex flex-row justify-between">
-                        <a class="text-indigo-400" href="https://blog.polynom.me">Blog</a>
-                        <a class="text-indigo-400" href="/code.html">Code</a>
-                        <a class="text-indigo-400" href="/contact.html">Contact</a>
-                    </div>
-                </div>
-            </div>
+            <ul class="list-none">
+              <li class="inline mr-8"><a href="https://blog.polynom.me">Blog</a></li>
+              <li class="inline mr-8"><a href="/code.html">Code</a></li>
+              <li class="inline mr-8"><a href="/contact.html">Contact</a></li>
+            </ul>
         </div>
+      </div>
 
-        {{ content }}
+      {{ content }}
     </div>
-</body>
-
-</html>
\ No newline at end of file
+  </body>
+</html>
