Added proper subtitles

5 files changed, 42 insertions, 34 deletions

diff --git a/about.html b/about.html
index e8a87d9..5a730f9 100644
--- a/about.html
+++ b/about.html
@@ -60,28 +60,28 @@
 	</nav>
 	<hr>
 	<main>
-			<div class="contentheader">
-				<img src="/media/muleteer.png">
+			<div class="subtitle">
+				
 				<h2>About Me</h2>
 			</div>
-            <p>You may know me online as FigAnon, Salvador Franco de Rivera (S.F.R), or El Arriero. I do traditional art of furry girls and their human husbands.</p>
+            <p>You may know me online as FigAnon, Salvador Franco de Rivera (S.F.R), or El Arriero. <b>I do traditional art of furry girls and their human husbands</b>.</p>
             I run this site dedicated to compiling interesting links that may useful to others.
             <p>Here's the equipment I use:</p>
             <ul>
                 <li><b>Pentel Graphgear 1000</b> with STAEDTLER Mars 0.5mm lead</li>
                 <li><b>STAEDTLER Mars Tecnico 780</b> with their 2mm lead</li>
-                <li><b>Derwent Academy sketching pencils</b> (5H-6B)</li>
+                <li><b>Derwent Academy</b> sketching pencils (5H-6B)</li>
 				<li><b>Jovi</b> 24 watercolor tablets</li>
                 <li>Unknown Sketchbook & <b>INDART A4 300gr paper</b> (cold press)</li>
-                <li><b><a href="https://www.brother-usa.com/p/inkjet-printers/MFCJ1365DW">Brother MFC-J1365DW <img src="/icons/link_go.png"></a></b> Scanner+Printer</li>
+                <li><b><a href="https://www.brother-usa.com/p/inkjet-printers/MFCJ1365DW" class="link">Brother MFC-J1365DW</a></b> Scanner+Printer</li>
             </ul>
             <p>As much as I liked to tinker with my computers, I've settled down.</p>
-            <p><q>I used to run <a href="https://gentoo.org/">Gentoo <img src="/icons/link_go.png"></a>, btw!</q></p>
+            <p><q>I used to run <a href="https://gentoo.org/" class="link">Gentoo</a>, btw!</q></p>
             <dl>
                 <dt>My Desktop (Fig)</dt>
-                    <dd>She runs <a href="https://devuan.org/">Devuan Linux <img src="/icons/link_go.png"></a> 6 Excalibur. She's old and super reliable when it comes to scanning and printing.</dd>
+                    <dd>She runs <a href="https://devuan.org/" class="link">Devuan Linux</a> 6 Excalibur. She's old and super reliable when it comes to scanning and printing.</dd>
                 <dt>My Laptop (Adelaide)</dt>
-                    <dd>She dualboots <a href="https://linuxmint.com/">Linux Mint <img src="/icons/link_go.png"></a> 22 and Windows 11. Fortunately I haven't had the need to boot into the Windows partition for over a year. I still have it around just in case.</dd>
+                    <dd>She dualboots <a href="https://linuxmint.com/" class="link">Linux Mint</a> 22 and Windows 11. Fortunately I haven't had the need to boot into the Windows partition for over a year. I still have it around just in case.</dd>
             </dl>
 	</main>
 	<img title="Oh, aren't you a cutie." class="fig" src="/media/fig_smoke.webp">
diff --git a/contact.html b/contact.html
index 9c508f9..412094b 100644
--- a/contact.html
+++ b/contact.html
@@ -60,8 +60,10 @@
 	</nav>
 	<hr>
 	<main>
-			<h2>Contact</h2>
-            <p>I'd love to hear from you! You can contact me here through these methods:</p>
+		<div class="subtitle">
+			<h2>Contact - I'd love to hear from you!</h2>
+		</div>
+            <p>You can contact me here through these methods:</p>
             <ul>
                 <li><a href="mailto:yorkshirefigs@posteo.uk">Email <img src="/icons/email_edit.png"></a></li>
                 <li><a href="https://cytu.be/r/HmofaTV">Cytube Chatroom <img src="/icons/television.png"><img src="/icons/link_go.png"></a></li>
diff --git a/donate.html b/donate.html
index eefb130..ca40c9a 100644
--- a/donate.html
+++ b/donate.html
@@ -60,7 +60,9 @@
 	</nav>
 	<hr>
 	<main>
-			<h2>Help me fund Fig's cigarette addiction!</h2>
+		<div class="subtitle">
+			<h2>Donate - Help me fund Fig's cigarette addiction!</h2>
+		</div>
             <dl>
                 <dt>Monero Address</dt>
                     <dd>84F5XUckjF4cbUeX3crSfvLRLxiBoCe3z3gxx4mLWA4pc9tfr75DX5TeEN5UnyU95ajCyBo6gePidVSM5vHWK8EuMMyFHxY</dd>
diff --git a/index.html b/index.html
index c812c98..6bdcc4a 100644
--- a/index.html
+++ b/index.html
@@ -60,15 +60,11 @@
 	</nav>
 	<hr>
 	<main>
-		<div class="contentheader">
-			<img src="/media/muleteer.png">
+		<div class="subtitle">
 			<h2>El Arriero's Choice</h2>
-		</div>
-		<div class="content">
-			big
+			Here's what I found!
 		</div>
 		
-
 	</main>
 	<img title="Oh, aren't you a cutie." class="fig" src="/media/fig_smoke.webp">
 	</body>
diff --git a/neuarriero.css b/neuarriero.css
index ffee6e7..43256ba 100644
--- a/neuarriero.css
+++ b/neuarriero.css
@@ -1,11 +1,13 @@
 :root {
     --main-bg-color: #4e0408;
     --main-fg-color: #73232d;
+    --main-ac-color: #963C3F;
     
 }
 
 body {
     font-family:Verdana, Geneva, Tahoma, sans-serif;
+    margin: 0;
 }
 header {
     display: flex;
@@ -14,28 +16,34 @@ header {
     padding: 0.5rem;
     color: #ffffff;
     align-items: stretch;
+    
+}
+
+a.link::after {
+    content: url("/icons/link_go.png");
 }
+
 header img {
     object-fit: cover;
     margin-right: 1rem;
-    height: 8rex;
+    height: 4rem;
     align-items: center;
 }
 nav {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
-	font-size: 80%;
+	font-size: 95%;
     background-color: whitesmoke;
 }
 nav a {
-	margin: 0 2rex;
+	margin: 0 0.5rem;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 }
 nav img {
-	margin-right: 0.5rex;
+	margin-right: 0.5rem;
 }
 header h1 {
     margin: 0;
@@ -47,23 +55,23 @@ header h1 a {
     text-decoration: none;
 }
 
-.contentheader {
+.subtitle {
     display: flex;
-    align-items: center;
-    background: var(--main-fg-color);
-    margin-top: 1rem;
-    max-height: 8rex;
+    background-color: var(--main-ac-color);
     color: white;
-    padding: 0.5rex 0.5rex 0 0.5rex;
-}
-.contentheader img {
-    max-height: inherit;
-    margin-right: 2.5rex;
+    flex-direction: row;
+    max-height: 2.5rem;
+    align-items: center;
+    gap: 1.5rem;
+    
 }
 
-.content {
-    display: flex;
-    margin-left: auto;
+.subtitle::before {
+    content: "";
+    flex: 0 0 2.5rem;
+    height: 2.5rem;
+    background: url("/media/muleteer.png") center / contain no-repeat;
+
 }
 
 hr {