[feat] add java-icon

Isaac-Lee · qkrdmstlr3 · commit bdbd960189d2 · 2022-05-08T18:51:03.000+09:00
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -40,6 +40,7 @@ const techsSrc: string[] = [
   'nginx-icon.svg',
   'mysql-icon.svg',
   'raspberrypi-icon.svg',
+  'java-icon.svg',
 ];
 
 const initTechs = (): TechType[] => {
diff --git a/static/java-icon.svg b/static/java-icon.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 32 32" id="java-icon">
+  <style>
+    @keyframes first {
+      0% {
+        stroke-dasharray: 0 60;
+      }
+      30% {
+        stroke-dasharray: 60 60;
+      }
+      30% {
+        fill: transparent;
+      }
+      40%, 100% {
+        fill: #007396;
+      }
+    }
+
+    @keyframes second {
+      45% {
+        fill: transparent;
+      }
+      60% {
+        fill: #ED8B00;
+      }
+      75% {
+        fill: transparent;
+      }
+      90% {
+        fill: #ED8B00;
+      }
+      100% {
+        fill: transparent;
+      }
+    }
+    .glass {
+      stroke-width: 0.1px;
+      stroke: #007396;
+      fill: transparent;
+      animation: first 5s linear infinite;
+      animation-fill-mode: backwards;
+    }
+    .steam {
+      fill: transparent;
+      animation: second 5s linear infinite;
+    }
+  </style>
+  <path class='glass' d="M11.622 24.74s-1.23.748.855.962c2.51.32 3.847.267 6.625-.267a10.02 10.02 0 0 0 1.763.855c-6.25 2.672-14.16-.16-9.244-1.55zm-.8-3.473s-1.336 1.015.748 1.23c2.725.267 4.862.32 8.55-.427a3.26 3.26 0 0 0 1.282.801c-7.534 2.244-15.976.214-10.58-1.603zm14.747 6.09s.908.748-1.015 1.336c-3.58 1.07-15.014 1.39-18.22 0-1.122-.48 1.015-1.175 1.7-1.282.695-.16 1.07-.16 1.07-.16-1.23-.855-8.175 1.763-3.526 2.51 12.77 2.084 23.296-.908 19.983-2.404zM12.2 17.633s-5.824 1.39-2.084 1.87c1.603.214 4.755.16 7.694-.053 2.404-.214 4.81-.64 4.81-.64s-.855.374-1.443.748c-5.93 1.55-17.312.855-14.052-.748 2.778-1.336 5.076-1.175 5.076-1.175zm10.42 5.824c5.984-3.1 3.206-6.09 1.282-5.717-.48.107-.695.214-.695.214s.16-.32.534-.427c3.794-1.336 6.786 4.007-1.23 6.09 0 0 .053-.053.107-.16zm-9.83 8.442c5.77.374 14.587-.214 14.8-2.94 0 0-.427 1.07-4.755 1.87-4.916.908-11.007.8-14.587.214 0 0 .748.64 4.542.855z" fill="#4e7896"/>
+  <path class='steam' d="M18.996.001s3.313 3.366-3.152 8.442c-5.183 4.114-1.175 6.465 0 9.137-3.046-2.725-5.236-5.13-3.74-7.373C14.294 6.893 20.332 5.3 18.996.001zm-1.7 15.335c1.55 1.763-.427 3.366-.427 3.366s3.954-2.03 2.137-4.542c-1.656-2.404-2.94-3.58 4.007-7.587 0 0-10.953 2.725-5.717 8.763z" fill="#f58219"/>
+  </svg>
