From e68abd92a1025afe62e27fc81e4b920ab2886c29 Mon Sep 17 00:00:00 2001
From: Zoey <friendlypossum@netc.fr>
Date: Thu, 21 Dec 2023 01:39:36 +0100
Subject: [PATCH] formatting for articles

---
 css/styleHF.css      | 27 ++++++++++++++++++++++++++-
 js/rants.js          |  2 +-
 md/rants/discord.md  | 10 +++++-----
 md/rants/electron    |  4 ----
 md/rants/electron.md |  6 +++---
 md/rants/wayland.md  |  6 +++---
 6 files changed, 38 insertions(+), 17 deletions(-)
 delete mode 100644 md/rants/electron

diff --git a/css/styleHF.css b/css/styleHF.css
index 29b2879..79e333c 100644
--- a/css/styleHF.css
+++ b/css/styleHF.css
@@ -202,10 +202,35 @@ header {
   flex-grow: 1;
   position: relative;
   width: 85%; /* Adjusted width to accommodate the article list */
-  padding-left: 20%;
+  padding-left: 45%;
   padding-right: 20%; /* Add some padding for spacing */
 }
 
+#article-container h1 {
+  text-align: center;
+}
+
+#article-container h3 {
+  text-align: left;
+  position: absolute;
+  left: 20%;
+  margin-top: 2%;
+}
+
+#article-container h6 {
+  text-align: left;
+  position: absolute;
+  left: 20%;
+  margin-top: 5%;
+}
+
+#article-container p {
+  text-align: left;
+  position: absolute;
+  left: 20%;
+  margin-top: 8%;
+}
+
 /* Responsive styles for smaller screens */
 @media screen and (max-width: 768px) {
   body {
diff --git a/js/rants.js b/js/rants.js
index 9c90b2f..933dc78 100644
--- a/js/rants.js
+++ b/js/rants.js
@@ -51,7 +51,7 @@ const articles = [
   
   function extractTitleAndSubtitle(markdownContent) {
     const lines = markdownContent.split('\n');
-    const title = lines[0] ? lines[0].replace(/^#*\s*/, '').trim() : 'Untitled';
+    const title = lines[0] ? lines[0].replace(/^#+\s*/, '').trim() : 'Untitled';
     const subtitle = lines[3] ? lines[3].trim() : '';
     return { title, subtitle };
   }
diff --git a/md/rants/discord.md b/md/rants/discord.md
index 7ca8550..dc87b82 100644
--- a/md/rants/discord.md
+++ b/md/rants/discord.md
@@ -1,10 +1,10 @@
 # Discord
-20th December 2023
-
-Here's the reason I hate Discord.
-
+###### 20th December 2023 - Zoey
+<br>
+### Here's the reason I hate Discord.
+<br>
 lorem ipsum butts and cakes, you are now my favourite person who bakes  
 this is still the same paragraph
 yeah
-
+<br>
 butts
\ No newline at end of file
diff --git a/md/rants/electron b/md/rants/electron
deleted file mode 100644
index b6153ce..0000000
--- a/md/rants/electron
+++ /dev/null
@@ -1,4 +0,0 @@
-# Wayland
-21th December 2023
-
-Electron is awful and here's why.
\ No newline at end of file
diff --git a/md/rants/electron.md b/md/rants/electron.md
index 4c04e16..bfa4f2c 100644
--- a/md/rants/electron.md
+++ b/md/rants/electron.md
@@ -1,4 +1,4 @@
 # Electron
-21th December 2023
-
-Electron is awful and here's why.
\ No newline at end of file
+###### 21th December 2023 - Zoey
+<br>
+### Electron is awful and here's why.
\ No newline at end of file
diff --git a/md/rants/wayland.md b/md/rants/wayland.md
index f93c119..90b9a7f 100644
--- a/md/rants/wayland.md
+++ b/md/rants/wayland.md
@@ -1,4 +1,4 @@
 # Wayland
-*22th December 2023*  
-
-Insane defaults.
\ No newline at end of file
+######22th December 2023
+<br>
+### Insane defaults.
\ No newline at end of file