From bc29050fdc375554a298edeeda038afc6f5a2b64 Mon Sep 17 00:00:00 2001
From: dalfuss <login@dalfuss.net>
Date: Mon, 23 Dec 2024 18:54:57 +0100
Subject: [PATCH] few tweaks, added colours for jax

---
 css/custom.css | 14 +++++++++++---
 index.html     | 17 ++++++++++++++---
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 0b043e1..e642cc5 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -20,18 +20,22 @@ border-radius: 10px;
 margin: 10px;
 }
 
-.white {
+.light {
     color: black;
 }
 
 a {
-color: #1BEC99;
+color: #F5A9B8;
 text-decoration: none;
 transition: color 0.3s;
 }
 
 a:hover {
-color: #FD3656;
+color: #5BCEFA;
+}
+
+a:visited {
+    color: #5BCEFA;
 }
 
 .popup {
@@ -54,3 +58,7 @@ z-index: 1000;
     display: block;   
 }
 
+.jax {
+    color: #A8C5DB;
+    
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 321dbcd..fe822c7 100644
--- a/index.html
+++ b/index.html
@@ -13,11 +13,22 @@
     <p>These are the colours <a href="https://dalfuss.link">I</a> use!</p>
     <h2 style="color: #F5A9B8">Dalfuss "Brand" Colours</h2>
     <div class="palette">
-        <div class="color" style="background-color: #f5a9b8;">#F5A9B8</div>
-        <div class="color" style="background-color: #5bcffa;">#5BCFFA</div>
-        <div class="color white" style="background-color: #FFFFFF;">#FFFFFF</div>
+        <div class="color light" style="background-color: #f5a9b8;">#F5A9B8</div>
+        <div class="color light" style="background-color: #5bcffa;">#5BCFFA</div>
+        <div class="color light" style="background-color: #FFFFFF;">#FFFFFF</div>
         <div class="color" style="background-color: #161618;">#161618</div>
     </div>
+
+    <h2><a class="jax" href="https://dalfuss.net/OCs/jax" target="_blank">Jax P. Nolan</a></h2>
+    <div class="palette">
+        <div class="color light" style="background-color: #A8C5DB;">Skin<br>#A8C5DB</div>
+        <div class="color light" style="background-color: #F5A9B8;">Dyed Hair<br>#F5A9B8</div>
+        <div class="color" style="background-color: #12354B;">Natural Hair<br>#12354B</div>
+        <div class="color" style="background-color: #105522;">Eyes<br>#105522</div>
+        <div class="color" style="background-color: #12404B;">Freckles<br>#12404B</div>
+    </div>
+
+
     <script>
         const colors = document.querySelectorAll(".color");
         const popup = document.getElementById("popup");