From 342ea10e1346ce29ef80e6d38031a85003a031578c1ff8dcfaf619d3ecb0087c Mon Sep 17 00:00:00 2001
From: nnwhen <nnwhen@nnwhen.com>
Date: Thu, 6 Mar 2025 13:08:33 +0200
Subject: [PATCH] our-siblings css variable fix, as well as new list item

---
 free.css          | 19 +++++++++----------
 our-siblings.html |  7 +++++++
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/free.css b/free.css
index 98e0893..8eaaae3 100644
--- a/free.css
+++ b/free.css
@@ -9,10 +9,6 @@
 
   columns: 2;
 }
-.support h2 {
-  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
-    1px 1px 0 #000;
-}
 
 .link-branch {
   -webkit-column-break-inside: avoid;
@@ -20,7 +16,7 @@
   break-inside: avoid;
   width: 100%;
   aspect-ratio: 3/2;
-  background-color: var(--load-dark);
+  background-color: var(--load-1);
   padding: 20px;
   border-radius: 15px;
   -webkit-filter: drop-shadow(black 5px 5px 5px);
@@ -28,10 +24,13 @@
   margin-bottom: 40px;
 }
 .link-branch h2 {
+  display: inline;
   margin: 5px;
   margin-left: 40px;
+  padding: 2px 10px;
 
-  color: var(--max-light);
+  color: var(--max-1);
+  background-color: var(--title-background);
 }
 .link-branch ul {
   display: -webkit-box;
@@ -52,8 +51,8 @@
   margin-top: 40px;
   margin-bottom: 0;
 
-  background-color: var(--light);
-  color: var(--dark);
+  background-color: var(--accent-2);
+  color: var(--background);
 }
 .link-branch ul a {
   margin: 10px auto;
@@ -66,8 +65,8 @@
   border-radius: 25px;
 }
 .link-branch ul a:hover li {
-  background-color: var(--light);
-  color: var(--dark);
+  background-color: var(--accent-2);
+  color: var(--background);
 }
 #link-list.support .link-branch {
   background-repeat: no-repeat;
diff --git a/our-siblings.html b/our-siblings.html
index c3c3c45..c640269 100644
--- a/our-siblings.html
+++ b/our-siblings.html
@@ -155,6 +155,13 @@
               &#x4f;&#x70;&#x65;&#x72;&#x61;&#x74;&#x69;&#x6f;&#x6e;&#x20;&#x4f;&#x6c;&#x69;&#x76;&#x65;&#x20;&#x42;&#x72;&#x61;&#x6e;&#x63;&#x68;
             </li>
           </a>
+          <a
+            href="&#x68;&#x74;&#x74;&#x70;&#x73;&#x3A;&#x2F;&#x2F;&#x77;&#x77;&#x77;&#x2E;&#x70;&#x63;&#x72;&#x66;&#x2E;&#x6E;&#x65;&#x74;&#x2F;"
+          >
+            <li>
+              &#x50;&#x61;&#x6C;&#x65;&#x73;&#x74;&#x69;&#x6E;&#x65;&#x20;&#x43;&#x68;&#x69;&#x6C;&#x64;&#x72;&#x65;&#x6E;&#x2019;&#x73;&#x20;&#x52;&#x65;&#x6C;&#x69;&#x65;&#x66;&#x20;&#x46;&#x75;&#x6E;&#x64;
+            </li>
+          </a>
           <a
             href="&#x68;&#x74;&#x74;&#x70;&#x73;&#x3a;&#x2f;&#x2f;&#x77;&#x77;&#x77;&#x2e;&#x74;&#x68;&#x65;&#x70;&#x61;&#x6c;&#x65;&#x73;&#x74;&#x69;&#x6e;&#x65;&#x61;&#x63;&#x61;&#x64;&#x65;&#x6d;&#x79;&#x2e;&#x63;&#x6f;&#x6d;&#x2f;"
           >