From 32940562b5c11b22bfb09b6141860561d584af45 Mon Sep 17 00:00:00 2001
From: ReimarPB <reimarpb@gmail.com>
Date: Sun, 10 Jul 2022 11:26:31 +0200
Subject: [PATCH] Use h1, h2 instead of CSS

---
 about/index.php       | 4 ++--
 assets/style/main.css | 6 ++----
 inc/sidebar.inc       | 3 +--
 index.php             | 4 ++--
 4 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/about/index.php b/about/index.php
index 2d4f955..2e36ea5 100644
--- a/about/index.php
+++ b/about/index.php
@@ -13,13 +13,13 @@
 				<div id="main" class="inline-block">
 					<main>
                         <div class="section container">
-                            <div class="title">Contact</div>
+                            <h1>Contact</h1>
                             <span>Discord: &#82;&#101;&#105;&#109;&#97;&#114;&#80;&#66;&#35;&#53;&#55;&#51;&#54;</span>
                             <br>
                             <span>XMPP:</span>
                             <a href="xmpp://%72%65%69%6D%61%72%40%72%65%69%6D%61%72%70%62%2E%63%6F%6D">&#114;&#101;&#105;&#109;&#97;&#114;&#64;&#114;&#101;&#105;&#109;&#97;&#114;&#112;&#98;&#46;&#99;&#111;&#109;</a>
                             <br><br>
-                            <div class="title">Donate</div>
+                            <h1>Donate</h1>
 
                             <label for="bitcoin">
                                 <small>Bitcoin</small>
diff --git a/assets/style/main.css b/assets/style/main.css
index daa9d1d..0fd237e 100644
--- a/assets/style/main.css
+++ b/assets/style/main.css
@@ -120,10 +120,8 @@ a:hover {
     line-height: 1.5;
 }
 
-/* Like H1 but without the extra line breaks */
-.title {
-    font-size: 2em;
-    font-weight: bold;
+h1, h2 {
+    margin: 0;
 }
 
 /* Sections */
diff --git a/inc/sidebar.inc b/inc/sidebar.inc
index 3b8b2bd..85f19f7 100644
--- a/inc/sidebar.inc
+++ b/inc/sidebar.inc
@@ -2,8 +2,7 @@
 	<div id="sidebar" class="inline-block">
 		<aside>
 			<div class="container" style="font-size: 14px;">
-				<b style="font-size: 20px;">Theme</b>
-				<br>
+				<h2>Theme</h2>
                 <?php
                     // List of themes and a condition to test if it's deselected (!)
                     $themes = [
diff --git a/index.php b/index.php
index 6aca3b6..f921945 100644
--- a/index.php
+++ b/index.php
@@ -17,7 +17,7 @@
                     <main>
 
                         <div class="section container">
-                            <div class="title">Welcome</div>
+                            <h1>Welcome</h1>
                             <span>I'm <?= $age == 18 ? "an" : "a" ?> <?= $age ?> year old programmer from Denmark</span>
                             <br>
 
@@ -37,7 +37,7 @@
                         </div>
 
                         <div class="section container">
-                            <div class="title">Projects</div>
+                            <h1>Projects</h1>
                             <hr>
 
                             <img src="/assets/icons/popup-timer.ico" class="pixelated icon" alt="Popup Timer"><b>Popup Timer</b>