Tweak gsod logo colors

codeandconspire · Oct 26, 2023 · a569e9d · a569e9d
1 parent 1ab9a13
commit a569e9d
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/lib/Menu.svelte b/src/lib/Menu.svelte
@@ -27,30 +27,38 @@
       <svg class="logo gsod" fill="none" viewBox="0 0 276 58">
         <g class="mesh">
           <path
+            class="fade-2"
             fill="var(--menu-color, #326593)"
             d="m38.5 1.72-2.9 5a3.45 3.45 0 0 0 0 3.43l2.9 5a3.43 3.43 0 0 0 2.97 1.72h5.78a3.42 3.42 0 0 0 2.98-1.72l2.88-5a3.43 3.43 0 0 0 0-3.43l-2.88-5A3.43 3.43 0 0 0 47.25 0h-5.78a3.42 3.42 0 0 0-2.98 1.72Z" />
           <path
+            class="fade-1"
             fill="var(--menu-color, #6EC1DB)"
             d="m56.03 11.88-2.9 5.03a3.45 3.45 0 0 0 0 3.43l2.9 5A3.43 3.43 0 0 0 59 27.06h5.78a3.43 3.43 0 0 0 2.98-1.72l2.87-5a3.43 3.43 0 0 0 0-3.43l-2.89-5a3.43 3.43 0 0 0-2.98-1.72H59a3.42 3.42 0 0 0-2.97 1.7Z" />
           <path
+            class="fade-1"
             fill="var(--menu-color, #5786A3)"
             d="m20.94 11.88-2.9 5.03a3.46 3.46 0 0 0 0 3.43l2.9 5a3.42 3.42 0 0 0 2.97 1.72h5.78a3.43 3.43 0 0 0 2.98-1.72l2.89-5a3.42 3.42 0 0 0 0-3.43l-2.9-5a3.43 3.43 0 0 0-2.97-1.72H23.9a3.42 3.42 0 0 0-2.97 1.7Z" />
           <path
+            class="fade-2"
             fill="var(--menu-color, #CAEAE1)"
             d="m50.2 55.78 2.9-5a3.43 3.43 0 0 0 0-3.43l-2.9-5a3.43 3.43 0 0 0-2.97-1.71h-5.78a3.42 3.42 0 0 0-2.98 1.72l-2.89 5a3.46 3.46 0 0 0 0 3.42l2.9 5a3.42 3.42 0 0 0 2.97 1.73h5.78a3.43 3.43 0 0 0 2.98-1.73Z" />
           <path
+            class="fade-1"
             fill="var(--menu-color, #B1DEE5)"
             d="m32.67 45.61 2.89-5a3.42 3.42 0 0 0 0-3.43l-2.9-5a3.43 3.43 0 0 0-2.97-1.72H23.9a3.42 3.42 0 0 0-2.97 1.72l-2.9 5a3.45 3.45 0 0 0 0 3.43l2.9 5a3.42 3.42 0 0 0 2.97 1.72h5.78a3.42 3.42 0 0 0 2.98-1.72Z" />
           <path
+            class="fade-1"
             fill="var(--menu-color, #AFE8D9)"
             d="m67.76 45.61 2.89-5a3.43 3.43 0 0 0 0-3.43l-2.89-5a3.43 3.43 0 0 0-2.98-1.72H59a3.42 3.42 0 0 0-2.97 1.72l-2.9 5a3.45 3.45 0 0 0 0 3.43l2.9 5A3.42 3.42 0 0 0 59 47.33h5.78a3.43 3.43 0 0 0 2.98-1.72Z" />
           <path
             fill="var(--menu-color, #90D1E0)"
             d="m38.5 22-2.9 5a3.45 3.45 0 0 0 0 3.42l2.9 5a3.42 3.42 0 0 0 2.97 1.72h5.78a3.42 3.42 0 0 0 2.98-1.72l2.88-5a3.43 3.43 0 0 0 0-3.43l-2.88-5a3.42 3.42 0 0 0-2.98-1.72h-5.78A3.42 3.42 0 0 0 38.49 22Z" />
           <path
+            class="fade-3"
             fill="var(--menu-color, #7FE0CB)"
             d="m73.63 22-2.9 5a3.46 3.46 0 0 0 0 3.42l2.9 5a3.43 3.43 0 0 0 2.97 1.72h5.77a3.42 3.42 0 0 0 2.98-1.72l2.89-5a3.43 3.43 0 0 0 0-3.43l-2.89-5a3.42 3.42 0 0 0-2.98-1.72H76.6A3.42 3.42 0 0 0 73.63 22Z" />
           <path
+            class="fade-3"
             fill="var(--menu-color, #779CAF)"
             d="m3.35 22-2.9 5a3.45 3.45 0 0 0 0 3.42l2.9 5a3.42 3.42 0 0 0 2.97 1.72h5.78a3.42 3.42 0 0 0 2.98-1.72l2.89-5a3.43 3.43 0 0 0 0-3.43l-2.9-5a3.42 3.42 0 0 0-2.97-1.72H6.32A3.42 3.42 0 0 0 3.35 22Z" />
         </g>
@@ -193,7 +201,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: min(1.2rem, 4vw);
+    gap: min(1.1rem, 4vw);
     margin-right: auto;
     transition: opacity 100ms ease-out;
   }
@@ -233,7 +241,7 @@
     }
 
     .gsod {
-      transform: none;
+      transform: translateX(-1%);
       margin-right: 0;
     }
   }