From e1381bf507207079e23acc91f25ac3217c5be032 Mon Sep 17 00:00:00 2001
From: Pagwin <pgp2024@pagwin.xyz>
Date: Tue, 24 Dec 2024 17:14:43 -0500
Subject: [PATCH] icons are almost good except the linkedin icon

---
 static/css/icon-colors.css |  4 ++--
 static/images/github.svg   | 31 +++++++++++++++++++++++++++++--
 static/images/house.svg    |  2 +-
 static/images/linkedin.svg | 35 +++++++++++++++++++++++++++++------
 static/images/rss.svg      |  2 +-
 5 files changed, 62 insertions(+), 12 deletions(-)

diff --git a/static/css/icon-colors.css b/static/css/icon-colors.css
index 0c3ac0f..ac66028 100644
--- a/static/css/icon-colors.css
+++ b/static/css/icon-colors.css
@@ -1,14 +1,14 @@
 
 @media (prefers-color-scheme: dark){
 :root {
-    --background-color: rgba(0,0,0,0);
+    --background-color: black;
     --primary-color: white;
     --secondary-color: white;
 }
 }
 @media (prefers-color-scheme: light){
 :root {
-    --background-color: rgba(0,0,0,0);
+    --background-color: white;
     --primary-color: black;
     --secondary-color: black;
 }
diff --git a/static/images/github.svg b/static/images/github.svg
index df9706b..1901e89 100644
--- a/static/images/github.svg
+++ b/static/images/github.svg
@@ -1,3 +1,30 @@
-<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.3 0C7.3 0 0 7.3 0 16.3c0 7.2 4.7 13.3 11.1 15.5.8.1 1.1-.4 1.1-.8v-2.8c-4.5 1-5.5-2.2-5.5-2.2-.7-1.9-1.8-2.4-1.8-2.4-1.5-1 .1-1 .1-1 1.6.1 2.5 1.7 2.5 1.7 1.5 2.5 3.8 1.8 4.7 1.4.1-1.1.6-1.8 1-2.2-3.6-.4-7.4-1.8-7.4-8.1 0-1.8.6-3.2 1.7-4.4-.1-.3-.7-2 .2-4.2 0 0 1.4-.4 4.5 1.7 1.3-.4 2.7-.5 4.1-.5 1.4 0 2.8.2 4.1.5 3.1-2.1 4.5-1.7 4.5-1.7.9 2.2.3 3.9.2 4.3 1 1.1 1.7 2.6 1.7 4.4 0 6.3-3.8 7.6-7.4 8 .6.5 1.1 1.5 1.1 3V31c0 .4.3.9 1.1.8 6.5-2.2 11.1-8.3 11.1-15.5C32.6 7.3 25.3 0 16.3 0z" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"></path>
+<svg width="98" height="98" xmlns="http://www.w3.org/2000/svg">
+     <style>
+        @layer default-color, import-color, base, print;
+
+        @layer default-color {
+        :root {
+            --background-color: rgba(0,0,0,0);
+            --primary-color: blue;
+            --secondary-color: blue;
+        }
+        }
+
+        @layer base{
+            .box {
+                fill: var(--background-color);
+            }
+            .primary_color {
+                fill: var(--primary-color);
+            }
+        }
+     </style>
+     <style>
+        @import url("/static/css/icon-colors.css") layer(import-color);
+        @import url("/static/css/icon-print.css") layer(print);
+     </style>
+     <a href="https://github.com/Pagwin-Fedora" target="_top">
+     <rect x="0" y="0" class="box" width="98" height="98"/>
+<path class="primary_color" d="M16.3 0C7.3 0 0 7.3 0 16.3c0 7.2 4.7 13.3 11.1 15.5.8.1 1.1-.4 1.1-.8v-2.8c-4.5 1-5.5-2.2-5.5-2.2-.7-1.9-1.8-2.4-1.8-2.4-1.5-1 .1-1 .1-1 1.6.1 2.5 1.7 2.5 1.7 1.5 2.5 3.8 1.8 4.7 1.4.1-1.1.6-1.8 1-2.2-3.6-.4-7.4-1.8-7.4-8.1 0-1.8.6-3.2 1.7-4.4-.1-.3-.7-2 .2-4.2 0 0 1.4-.4 4.5 1.7 1.3-.4 2.7-.5 4.1-.5 1.4 0 2.8.2 4.1.5 3.1-2.1 4.5-1.7 4.5-1.7.9 2.2.3 3.9.2 4.3 1 1.1 1.7 2.6 1.7 4.4 0 6.3-3.8 7.6-7.4 8 .6.5 1.1 1.5 1.1 3V31c0 .4.3.9 1.1.8 6.5-2.2 11.1-8.3 11.1-15.5C32.6 7.3 25.3 0 16.3 0z" fill-rule="evenodd" clip-rule="evenodd"/>
+</a>
 </svg>
diff --git a/static/images/house.svg b/static/images/house.svg
index d684742..d852b47 100644
--- a/static/images/house.svg
+++ b/static/images/house.svg
@@ -49,7 +49,7 @@
 
             @layer base{
                 .box {
-                    fill: var(--background-color);
+                    fill: rgba(0,0,0,0);
                 }
                 .primary_color {
                     fill: var(--primary-color);
diff --git a/static/images/linkedin.svg b/static/images/linkedin.svg
index 16a737a..76e4c75 100644
--- a/static/images/linkedin.svg
+++ b/static/images/linkedin.svg
@@ -4,17 +4,40 @@
 <svg fill="#000000"  version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  width="800px"
 	 height="800px" viewBox="0 0 512 512" xml:space="preserve">
 
-<g id="7935ec95c421cee6d86eb22ecd125aef">
+     <style>
+        @layer default-color, import-color, base, print;
 
-<path style="display: inline; fill-rule: nonzero; clip-rule: nonzero;" d="M116.504,500.219V170.654H6.975v329.564H116.504
+        @layer default-color {
+        :root {
+            --background-color: rgba(0,0,0,0);
+            --primary-color: blue;
+            --secondary-color: blue;
+        }
+        }
+
+        @layer base{
+            .box {
+                fill: var(--primary-color);
+            }
+            .primary_color {
+                fill: var(--background-color);
+            }
+        }
+     </style>
+     <style>
+        @import url("/static/css/icon-colors.css") layer(import-color);
+        @import url("/static/css/icon-print.css") layer(print);
+     </style>
+<a href="https://www.linkedin.com/in/spencer-powell-pagwin/" target="_top">
+<g id="7935ec95c421cee6d86eb22ecd125aef">
+<rect x="0" y="0" class="box" width="800" height="800"/>
+<path class="primary_color" style="display: inline; fill-rule: nonzero; clip-rule: nonzero;" d="M116.504,500.219V170.654H6.975v329.564H116.504
 		L116.504,500.219z M61.751,125.674c38.183,0,61.968-25.328,61.968-56.953c-0.722-32.328-23.785-56.941-61.252-56.941
 		C24.994,11.781,0.5,36.394,0.5,68.722c0,31.625,23.772,56.953,60.53,56.953H61.751L61.751,125.674z M177.124,500.219
 		c0,0,1.437-298.643,0-329.564H286.67v47.794h-0.727c14.404-22.49,40.354-55.533,99.44-55.533
 		c72.085,0,126.116,47.103,126.116,148.333v188.971H401.971V323.912c0-44.301-15.848-74.531-55.497-74.531
-		c-30.254,0-48.284,20.38-56.202,40.08c-2.897,7.012-3.602,16.861-3.602,26.711v184.047H177.124L177.124,500.219z">
-
-</path>
-
+		c-30.254,0-48.284,20.38-56.202,40.08c-2.897,7.012-3.602,16.861-3.602,26.711v184.047H177.124L177.124,500.219z"/>
 </g>
+</a>
 
 </svg>
diff --git a/static/images/rss.svg b/static/images/rss.svg
index 88f4d20..fb2b8c2 100644
--- a/static/images/rss.svg
+++ b/static/images/rss.svg
@@ -14,7 +14,7 @@
 
             @layer base{
             .box {
-                fill: var(--background-color);
+                fill: rgba(0,0,0,0);
             }
             .big-arc, .small-arc {
                 fill: var(--primary-color);