update: svg — html-based svg to njk ref svg (#264)

update: `svg` — html-based svg to njk ref svg

Author: EmptyWork

src/_includes/sections/preload.njk

@@ -1,9 +1,4 @@
 <section class="preload">
-  <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="EmptyWork's Logo">
-    <path
-      d="M11.65 8.42634L14.8715 5.20767L18.1667 8.50567V14.2517L14.7667 17.6517V10.1178L11.65 13.2345V15.1017L8.24998 18.5017V16.6345L7.39998 17.4845V12.6763L8.24998 11.8263V7.00117L11.65 3.60117V8.42634Z" />
-    <path d="M7.23 17.6573L7.4 17.4845V19.3517L4 22.7517V5.18501H7.4V12.6763L4.82733 15.2518L7.23 17.6573Z" />
-    <path d="M14.472 0L21 6.52801V11.3362L18.1667 8.50284V5.18501H14.8913L14.8715 5.20484L12.0665 2.40267L14.472 0Z" />
-  </svg>
+  {{ "logo.svg" | svg | safe }}
   <span class="preload-text">Sit tight, the page you trying to access is currently being load</span>
 </section>

src/assets/scss/components/_preload.scss

@@ -17,7 +17,8 @@
 
   svg {
     rotate: 0deg;
-    max-width: 10em;
+    width: min(10em, 100%);
+    height: min(10em, 100%);
     animation: preload 2s infinite;
   }