Merge pull request #823 from CorrelAid/new_icons

close #770 add new icon
CorrelAid · Oct 18, 2024 · 6b96e68 · 6b96e68
2 parents 4e7ab26 + f1bc33b
commit 6b96e68
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 3 deletions.
diff --git a/src/lib/components/Timeline.svelte b/src/lib/components/Timeline.svelte
@@ -7,6 +7,7 @@
   import Finish from '$lib/svg/Finish.svelte';
   import Infrastrucuture from '$lib/svg/Infrastrucuture.svelte';
   import LikeMinded from '$lib/svg/LikeMinded.svelte';
+  import BrokenGears from '../svg/BrokenGears.svelte';
   function checkX(i) {
     i = i + 1;
     if (i & 1) {
@@ -55,6 +56,8 @@
             <Infrastrucuture width={iconLg} height={iconLg} />
           {:else if step.icon == 'team'}
             <Team width={iconLg} height={iconLg} />
+          {:else if step.icon == 'broken_gears'}
+            <BrokenGears width={iconLg - 20} height={iconLg - 20} />
           {:else if step.icon == 'finish'}
             <Finish width={iconLg} height={iconLg} />
           {/if}
@@ -102,7 +105,10 @@
       class="relative mb-12 flex justify-center border-t-2 border-neutral-25"
     >
       <span
-        class="absolute top-0 -mt-5 flex h-10 w-10 items-center justify-center rounded-full bg-gradient-to-r from-tertiary to-secondary px-4 py-1 text-lg font-semibold text-white shadow-md"
+        class="absolute top-0 -mt-5 flex h-10 w-10 items-center justify-center rounded-full bg-gradient-to-r {color ===
+        'correlaid'
+          ? 'from-secondary to-primary'
+          : 'from-tertiary to-secondary'} px-4 py-1 text-lg font-semibold text-white shadow-md"
         >{i + 1}</span
       >
 
@@ -116,9 +122,11 @@
             {:else if step.icon == 'infrastructure'}
               <Infrastrucuture width={iconMobile} height={iconMobile} />
             {:else if step.icon == 'team'}
-              <Team width={iconLg} height={iconLg} />
+              <Team width={iconMobile} height={iconMobile} />
+            {:else if step.icon == 'broken_gears'}
+              <BrokenGears width={iconMobile} height={iconMobile} />
             {:else if step.icon == 'finish'}
-              <Finish width={iconLg} height={iconLg} />
+              <Finish width={iconMobile} height={iconMobile} />
             {/if}
           </div>
         </div>

diff --git a/src/lib/svg/BrokenGears.svelte b/src/lib/svg/BrokenGears.svelte
@@ -0,0 +1,19 @@
+<script>
+  export let width;
+  export let height;
+  export let color = 'black';
+</script>
+
+<svg
+  {width}
+  {height}
+  fill={color}
+  version="1.1"
+  viewBox="0 0 1200 1200"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="m361.85 864.34c9.0234 5.1641 12.148 16.664 6.9883 25.688-5.1641 9.0234-16.664 12.148-25.688 6.9883-190.23-108.93-274.55-341.47-195.03-548.56 71.398-185.9 256.71-301.64 453.14-285.71l-14.938-14.477c-7.4375-7.2383-7.6016-19.125-0.36328-26.562 7.2383-7.4375 19.125-7.6016 26.562-0.36328l56.812 55.012c9.1875 8.9375 6.8633 24.113-4.2617 30.051l-65.926 41.289c-8.7734 5.4883-20.352 2.8125-25.824-5.9609-5.4883-8.7734-2.8125-20.352 5.9609-25.836l24.336-15.238c-181.7-16.914-354.27 88.887-420.46 261.2-72.859 189.71 4.4414 402.71 178.69 502.48zm272.34-27.699v162.71h41.711l19.648-51.062c27.211-6.4766 53.211-17.262 77.039-31.938l50.023 22.227 58.988-58.988-22.227-50.051c14.664-23.812 25.449-49.801 31.926-77.012l51.074-19.664v-83.414l-51.062-19.648c-6.4766-27.211-17.262-53.211-31.938-77.039l22.227-50.023-58.984-58.984-50.051 22.227c-23.812-14.664-49.801-25.449-77.012-31.926l-19.664-51.074h-41.711v162.71c80.352 0 145.48 65.125 145.48 145.48 0.011718 80.348-65.113 145.47-145.46 145.47zm-68.375-473.27v-162.71h-41.711l-19.664 51.074c-27.211 6.4766-53.199 17.262-77.012 31.926l-50.051-22.227-58.988 58.988 22.227 50.039c-14.664 23.812-25.449 49.812-31.938 77.023l-51.062 19.648v83.414l51.062 19.648c6.4766 27.211 17.262 53.211 31.938 77.039l-22.227 50.023 58.988 58.988 50.051-22.227c23.812 14.664 49.801 25.449 77.012 31.926l19.664 51.074h41.711v-162.7c-80.352 0-145.48-65.125-145.48-145.48 0-80.348 65.125-145.47 145.48-145.47zm47.875 788.38-14.887-14.414c196.4 15.789 381.68-99.852 453.09-285.77 79.523-207.06-4.8008-439.65-195.04-548.55-9.0234-5.1641-20.523-2.0391-25.688 6.9883-5.1641 9.0234-2.0391 20.523 6.9883 25.688 174.29 99.773 251.56 312.75 178.7 502.49-66.148 172.25-238.75 278.15-420.4 261.16l24.289-15.211c8.7734-5.4883 11.449-17.051 5.9609-25.836-5.4883-8.7734-17.051-11.449-25.824-5.9609l-65.926 41.289c-11.125 5.9375-13.449 21.113-4.2617 30.051l56.812 55.012c7.4375 7.2383 19.336 7.0742 26.562-0.36328 7.2266-7.4453 7.0625-19.348-0.375-26.57z"
+    fill-rule="evenodd"
+  />
+</svg>