From 55713bb8cc5f6102f3a79c086da0726dff4ed212 Mon Sep 17 00:00:00 2001
From: Troy Grunt <git@troy-grunt.de>
Date: Sat, 31 Aug 2024 20:51:25 +0200
Subject: [PATCH] yt zum hex ausrichten, code cleanup

---
 sarahs.html | 40 +++++++++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/sarahs.html b/sarahs.html
index f1c3603..6181e6d 100644
--- a/sarahs.html
+++ b/sarahs.html
@@ -4,22 +4,30 @@
     <title>Visit us on Youtube</title>
     <style>
       /* set colors */:root {
-      --blue: #5cc3f0; /*main1*/    --yellow: #ffff00; /*main2*/
-      --black: #1a1a1a; /*background*/    --lightblue: #bae8fc; /*accent1*/
-      --darkblue: #012f43; /*accent2*/  }
-
-      /* Hover-Effects */.hex:hover .hex-hover{
-      fill: var(--yellow); transition: fill 0.5s ease-in; /* Smooth transition */
+        --blue: #5cc3f0; /*main1*/
+        --yellow: #ffff00; /*main2*/
+        --black: #1a1a1a; /*background*/
+        --lightblue: #bae8fc; /*accent1*/
+        --darkblue: #012f43; /*accent2*/
+      }
+
+      /* Hover-Effects */.hex:hover .hex-hover {
+        fill: var(--yellow); transition: fill 0.5s ease-in; /* Smooth transition */
+      }
+
+      .hex:hover .icon-hover {
+        fill: var(--black);
+        transition: fill 0.5s ease-out; /* Smooth transition */
       }
-      .hex:hover .icon-hover{ fill: var(--black);
-      transition: fill 0.5s ease-out; /* Smooth transition */}
 
       /* Hover-Effects */
-      .hex-1:hover .hex-1{
-      fill: var(--yellow);
-      transition: fill 0.5s ease-in; /* Smooth transition */}
-      .hex-1:hover .icon-hover{
-      fill: var(--black); transition: fill 0.5s ease-out; /* Smooth transition */
+      .hex-1:hover .hex-1 {
+        fill: var(--yellow);
+        transition: fill 0.5s ease-in; /* Smooth transition */
+      }
+
+      .hex-1:hover .icon-hover {
+        fill: var(--black); transition: fill 0.5s ease-out; /* Smooth transition */
       }
     </style>
   </head>
@@ -32,12 +40,10 @@
             <polygon points="100,10 190,50 190,150 100,190 10,150 10,50" />
           </symbol>
         </defs>
-        <g class="hex">
-          <a id="YouTube-Link-2" xlink:href="https://www.youtube.com/@PitbullPitTv" target="_blank">
+          <a id="YouTube-Link-2" xlink:href="https://www.youtube.com/@PitbullPitTv" target="_blank" class="hex">
             <use href="#hex-svg" class="hex-hover" id="hex-1" shape="regularPoly" sides="6" stroke="var(--lightblue)" fill="var(--black)" stroke-width="5" fill-rule="evenodd" />
-            <path d="m13,5l3,9l0,6l2,0l0,-6l3,-9l-2,0l-2,6l-2,-6l-2,0zm11,4c-1.07,0 -1.59,0.17 -2.24,0.7c-0.63,0.53 -0.8,0.94 -0.76,2.3l0,5c0,1 0.16,1.65 0.77,2.23c0.62,0.59 1.21,0.77 2.23,0.77c1.07,0 1.65,-0.18 2.25,-0.77c0.63,-0.55 0.75,-1.23 0.75,-2.23l0,-5c0,-0.88 -0.16,-1.72 -0.76,-2.28c-0.63,-0.57 -1.27,-0.72 -2.24,-0.72zm5,0l0,9c0,0.97 0.98,2 2,2c1.02,0 1.56,-0.51 2,-1l0,1l2,0l0,-11l-2,0l0,8c-0.01,0.68 -0.82,1 -1,1c-0.21,0 -1,-0.04 -1,-1l0,-8l-2,0zm-5,2c0.3,0 1,0 1,1l0,5c0,0.97 -0.68,1 -1,1c-0.3,0 -1,-0.01 -1,-1l0,-5c0,-0.82 0.43,-1 1,-1zm1.46,10.92c-5.05,-0.01 -10.08,0 -15.13,0.08c-0.68,0.02 -1.36,0.12 -2.01,0.33c-0.52,0.17 -1.02,0.42 -1.47,0.73c-0.54,0.38 -1,0.85 -1.36,1.39c-0.25,0.38 -0.45,0.8 -0.61,1.23c-0.25,0.69 -0.36,1.42 -0.38,2.15c-0.05,3.28 -0.05,6.56 0,9.84c0.02,0.63 0.1,1.24 0.27,1.85c0.31,1.14 0.92,2.21 1.8,3.01c0.25,0.23 0.53,0.43 0.82,0.61c0.36,0.23 0.75,0.41 1.15,0.55c0.58,0.19 1.18,0.29 1.79,0.31c10.11,0.19 20.23,0.16 30.34,0c0.68,-0.02 1.36,-0.12 2.01,-0.33c0.52,-0.17 1.02,-0.42 1.47,-0.73c0.54,-0.38 1,-0.85 1.36,-1.39c0.25,-0.38 0.45,-0.8 0.61,-1.23c0.25,-0.69 0.36,-1.42 0.38,-2.15c0.05,-3.42 0.02,-6.84 0,-10.25c-0.01,-0.74 -0.12,-1.48 -0.36,-2.17c-0.14,-0.44 -0.34,-0.86 -0.59,-1.24c-0.35,-0.55 -0.81,-1.03 -1.34,-1.4c-0.47,-0.34 -0.99,-0.6 -1.53,-0.78c-0.68,-0.22 -1.39,-0.32 -2.1,-0.33c-5.04,-0.02 -10.08,-0.07 -15.12,-0.08zm7.63,2.02c2.52,0 5.03,0.02 7.54,0.06c0.39,0.01 0.79,0.06 1.18,0.16c0.62,0.16 1.21,0.47 1.65,0.93c0.16,0.16 0.29,0.32 0.41,0.51c0.17,0.26 0.3,0.54 0.4,0.84c0.15,0.46 0.21,0.95 0.23,1.44c0.05,3.41 0.05,6.83 0,10.25c-0.02,0.48 -0.08,0.97 -0.23,1.43c-0.1,0.3 -0.23,0.58 -0.4,0.84c-0.12,0.19 -0.25,0.35 -0.41,0.51c-0.44,0.46 -1.03,0.77 -1.65,0.93c-0.39,0.1 -0.79,0.15 -1.18,0.16c-10.06,0.16 -20.13,0.06 -30.19,0c-0.43,-0.01 -0.85,-0.07 -1.26,-0.21c-0.26,-0.09 -0.51,-0.2 -0.74,-0.35c-0.19,-0.11 -0.37,-0.24 -0.53,-0.39c-0.61,-0.57 -1.02,-1.32 -1.23,-2.12c-0.11,-0.42 -0.16,-0.86 -0.18,-1.3c-0.05,-3.23 -0.02,-6.46 0,-9.69c0.01,-0.49 0.07,-0.98 0.22,-1.45c0.09,-0.3 0.22,-0.59 0.39,-0.85c0.12,-0.2 0.27,-0.39 0.43,-0.55c0.46,-0.48 1.06,-0.79 1.7,-0.95c0.42,-0.1 0.84,-0.14 1.26,-0.14c7.54,0 15.07,-0.09 22.59,-0.06zm-22.09,2.06l0,2l2,0l0,12l2,0l0,-12l2,0l0,-2l-6,0zm15,0l0,14l2,0l0,-1c0.39,0.45 0.95,1.01 2,1c0.62,-0.01 1.1,-0.51 1.42,-0.9c0.33,-0.4 0.58,-0.86 0.58,-1.6l0,-6c0,-0.86 -0.27,-1.45 -0.62,-1.89c-0.35,-0.44 -0.86,-0.67 -1.5,-0.67c-0.33,0 -0.66,0.09 -0.98,0.26c-0.33,0.16 -0.67,0.44 -0.9,0.8l0,-4l-2,0zm-8,3l0,9c0,0.63 0.27,0.93 0.5,1.23c0.26,0.33 0.81,0.77 1.29,0.77c0.39,0 0.82,0.02 1.23,-0.22c0.42,-0.21 0.61,-0.34 0.98,-0.78l0,1l2,0l0,-11l-2,0l0,8c-0.18,0.23 -0.19,0.99 -1,1c-0.73,0.01 -1,-0.77 -1,-1l0,-8l-2,0zm18.2,0c-0.95,0 -1.83,0.23 -2.3,0.71c-0.58,0.6 -0.9,1.27 -0.9,2.18l0,4.7c0,1.02 0.28,1.82 0.81,2.39c0.53,0.58 1.28,0.86 2.23,0.86c1.03,0 1.83,-0.25 2.34,-0.81c0.53,-0.53 0.62,-1.35 0.62,-2.44l0,-0.59l-2,0l0,0.5c0,0.6 -0.06,1.07 -0.2,1.23c-0.14,0.18 -0.39,0.27 -0.8,0.27c-0.37,0 -0.64,-0.1 -0.78,-0.33c-0.15,-0.21 -0.22,-0.56 -0.22,-1.12l0,-1.55l4,0l0,-3.11c0,-1 -0.16,-1.62 -0.68,-2.16c-0.5,-0.53 -1.17,-0.73 -2.12,-0.73zm-7.2,1.5c0.55,0 1,0.5 1,1.5l0,5.02c0,0.55 -0.45,0.98 -1,0.98c-0.55,0 -0.99,-0.21 -1,-0.5l0,-6c0.01,-0.5 0.45,-1 1,-1zm7,0.5c0.55,0 1,0.39 1,1l0,1l-2,0l0,-1c0.01,-0.54 0.45,-1 1,-1z" fill-rule="evenodd" class="icon-hover" fill="var(--lightblue)" stroke="var(--lightblue)" stroke-width="0"/>
+            <path d="m13,5l3,9l0,6l2,0l0,-6l3,-9l-2,0l-2,6l-2,-6l-2,0zm11,4c-1.07,0 -1.59,0.17 -2.24,0.7c-0.63,0.53 -0.8,0.94 -0.76,2.3l0,5c0,1 0.16,1.65 0.77,2.23c0.62,0.59 1.21,0.77 2.23,0.77c1.07,0 1.65,-0.18 2.25,-0.77c0.63,-0.55 0.75,-1.23 0.75,-2.23l0,-5c0,-0.88 -0.16,-1.72 -0.76,-2.28c-0.63,-0.57 -1.27,-0.72 -2.24,-0.72zm5,0l0,9c0,0.97 0.98,2 2,2c1.02,0 1.56,-0.51 2,-1l0,1l2,0l0,-11l-2,0l0,8c-0.01,0.68 -0.82,1 -1,1c-0.21,0 -1,-0.04 -1,-1l0,-8l-2,0zm-5,2c0.3,0 1,0 1,1l0,5c0,0.97 -0.68,1 -1,1c-0.3,0 -1,-0.01 -1,-1l0,-5c0,-0.82 0.43,-1 1,-1zm1.46,10.92c-5.05,-0.01 -10.08,0 -15.13,0.08c-0.68,0.02 -1.36,0.12 -2.01,0.33c-0.52,0.17 -1.02,0.42 -1.47,0.73c-0.54,0.38 -1,0.85 -1.36,1.39c-0.25,0.38 -0.45,0.8 -0.61,1.23c-0.25,0.69 -0.36,1.42 -0.38,2.15c-0.05,3.28 -0.05,6.56 0,9.84c0.02,0.63 0.1,1.24 0.27,1.85c0.31,1.14 0.92,2.21 1.8,3.01c0.25,0.23 0.53,0.43 0.82,0.61c0.36,0.23 0.75,0.41 1.15,0.55c0.58,0.19 1.18,0.29 1.79,0.31c10.11,0.19 20.23,0.16 30.34,0c0.68,-0.02 1.36,-0.12 2.01,-0.33c0.52,-0.17 1.02,-0.42 1.47,-0.73c0.54,-0.38 1,-0.85 1.36,-1.39c0.25,-0.38 0.45,-0.8 0.61,-1.23c0.25,-0.69 0.36,-1.42 0.38,-2.15c0.05,-3.42 0.02,-6.84 0,-10.25c-0.01,-0.74 -0.12,-1.48 -0.36,-2.17c-0.14,-0.44 -0.34,-0.86 -0.59,-1.24c-0.35,-0.55 -0.81,-1.03 -1.34,-1.4c-0.47,-0.34 -0.99,-0.6 -1.53,-0.78c-0.68,-0.22 -1.39,-0.32 -2.1,-0.33c-5.04,-0.02 -10.08,-0.07 -15.12,-0.08zm7.63,2.02c2.52,0 5.03,0.02 7.54,0.06c0.39,0.01 0.79,0.06 1.18,0.16c0.62,0.16 1.21,0.47 1.65,0.93c0.16,0.16 0.29,0.32 0.41,0.51c0.17,0.26 0.3,0.54 0.4,0.84c0.15,0.46 0.21,0.95 0.23,1.44c0.05,3.41 0.05,6.83 0,10.25c-0.02,0.48 -0.08,0.97 -0.23,1.43c-0.1,0.3 -0.23,0.58 -0.4,0.84c-0.12,0.19 -0.25,0.35 -0.41,0.51c-0.44,0.46 -1.03,0.77 -1.65,0.93c-0.39,0.1 -0.79,0.15 -1.18,0.16c-10.06,0.16 -20.13,0.06 -30.19,0c-0.43,-0.01 -0.85,-0.07 -1.26,-0.21c-0.26,-0.09 -0.51,-0.2 -0.74,-0.35c-0.19,-0.11 -0.37,-0.24 -0.53,-0.39c-0.61,-0.57 -1.02,-1.32 -1.23,-2.12c-0.11,-0.42 -0.16,-0.86 -0.18,-1.3c-0.05,-3.23 -0.02,-6.46 0,-9.69c0.01,-0.49 0.07,-0.98 0.22,-1.45c0.09,-0.3 0.22,-0.59 0.39,-0.85c0.12,-0.2 0.27,-0.39 0.43,-0.55c0.46,-0.48 1.06,-0.79 1.7,-0.95c0.42,-0.1 0.84,-0.14 1.26,-0.14c7.54,0 15.07,-0.09 22.59,-0.06zm-22.09,2.06l0,2l2,0l0,12l2,0l0,-12l2,0l0,-2l-6,0zm15,0l0,14l2,0l0,-1c0.39,0.45 0.95,1.01 2,1c0.62,-0.01 1.1,-0.51 1.42,-0.9c0.33,-0.4 0.58,-0.86 0.58,-1.6l0,-6c0,-0.86 -0.27,-1.45 -0.62,-1.89c-0.35,-0.44 -0.86,-0.67 -1.5,-0.67c-0.33,0 -0.66,0.09 -0.98,0.26c-0.33,0.16 -0.67,0.44 -0.9,0.8l0,-4l-2,0zm-8,3l0,9c0,0.63 0.27,0.93 0.5,1.23c0.26,0.33 0.81,0.77 1.29,0.77c0.39,0 0.82,0.02 1.23,-0.22c0.42,-0.21 0.61,-0.34 0.98,-0.78l0,1l2,0l0,-11l-2,0l0,8c-0.18,0.23 -0.19,0.99 -1,1c-0.73,0.01 -1,-0.77 -1,-1l0,-8l-2,0zm18.2,0c-0.95,0 -1.83,0.23 -2.3,0.71c-0.58,0.6 -0.9,1.27 -0.9,2.18l0,4.7c0,1.02 0.28,1.82 0.81,2.39c0.53,0.58 1.28,0.86 2.23,0.86c1.03,0 1.83,-0.25 2.34,-0.81c0.53,-0.53 0.62,-1.35 0.62,-2.44l0,-0.59l-2,0l0,0.5c0,0.6 -0.06,1.07 -0.2,1.23c-0.14,0.18 -0.39,0.27 -0.8,0.27c-0.37,0 -0.64,-0.1 -0.78,-0.33c-0.15,-0.21 -0.22,-0.56 -0.22,-1.12l0,-1.55l4,0l0,-3.11c0,-1 -0.16,-1.62 -0.68,-2.16c-0.5,-0.53 -1.17,-0.73 -2.12,-0.73zm-7.2,1.5c0.55,0 1,0.5 1,1.5l0,5.02c0,0.55 -0.45,0.98 -1,0.98c-0.55,0 -0.99,-0.21 -1,-0.5l0,-6c0.01,-0.5 0.45,-1 1,-1zm7,0.5c0.55,0 1,0.39 1,1l0,1l-2,0l0,-1c0.01,-0.54 0.45,-1 1,-1z" fill-rule="evenodd" class="icon-hover" fill="var(--lightblue)" stroke="var(--lightblue)" stroke-width="0" style="transform: scale(2.5) translate(14px, 12px);"/>
           </a>
-        </g>
       </svg>
     </div>
   </body>