refactor animation folders

crackncode-th · Sep 3, 2022 · 792b29b · 792b29b
1 parent 2530b7c
commit 792b29b
Show file tree

Hide file tree

Showing 9 changed files with 38 additions and 41 deletions.
diff --git a/package.json b/package.json
@@ -31,7 +31,7 @@
     "prettier-plugin-svelte": "^2.7.0",
     "prettier-plugin-tailwindcss": "^0.1.13",
     "sass": "^1.54.8",
-    "svelte": "^3.50.0",
+    "svelte": "3.49.0",
     "svelte-bootstrap-icons": "^2.2.0",
     "svelte-check": "^2.9.0",
     "svelte-preprocess": "^4.10.7",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/elements/CncLogo.svelte → src/components/animated/CncLogo.svelte b/src/components/elements/CncLogo.svelte → src/components/animated/CncLogo.svelte
@@ -3,7 +3,7 @@
   import { cubicOut } from "svelte/easing";
   import { draw, fade } from "svelte/transition";
 
-  import { bottom, top } from "$components/elements/LogoShape";
+  import { bottom, top } from "$components/animated/LogoShape";
 
   let showElement = false;
   onMount(() => {

diff --git a/src/components/elements/CncText.svelte → src/components/animated/CncText.svelte b/src/components/elements/CncText.svelte → src/components/animated/CncText.svelte
diff --git a/src/components/elements/LogoShape.ts → src/components/animated/LogoShape.ts b/src/components/elements/LogoShape.ts → src/components/animated/LogoShape.ts
diff --git a/src/components/elements/RoundCard.svelte b/src/components/elements/RoundCard.svelte
@@ -6,7 +6,6 @@
 
   function logoFromURL(url: string) {
     if (url.includes("hackerrank")) return "logos/hackerrank.webp";
-
     if (url.includes("codeforces")) return "logos/codeforces.webp";
 
     return "logos/cms.webp";

diff --git a/src/lib/transitions.ts b/src/lib/transitions.ts
@@ -10,15 +10,12 @@ export function doubleSlide(
     delay,
     duration,
     easing,
-    css: (t: number) => {
-      return (
-        "overflow: hidden;" +
-        `transform: translateX(${Math.max(0, t - 0.5) * 2 * width_value}px);` +
-        `width: ${(0.5 - Math.abs(t - 0.5)) * 2 * width_value}px;` +
-        "background-color: #F13830;" +
-        "z-index: 2;"
-      );
-    },
+    css: (t: number) =>
+      "overflow: hidden;" +
+      `transform: translateX(${Math.max(0, t - 0.5) * 2 * width_value}px);` +
+      `width: ${(0.5 - Math.abs(t - 0.5)) * 2 * width_value}px;` +
+      "background-color: #F13830;" +
+      "z-index: 2;",
   };
 }
 

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import CncLogo from "$components/elements/CncLogo.svelte";
-  import CncText from "$components/elements/CncText.svelte";
+  import CncLogo from "$components/animated/CncLogo.svelte";
+  import CncText from "$components/animated/CncText.svelte";
 </script>
 
 <svelte:head>

diff --git a/svelte.config.js b/svelte.config.js
@@ -1,7 +1,8 @@
 // @ts-check
 
-import adapter from "@sveltejs/adapter-netlify";
 import path from "node:path";
+
+import adapter from "@sveltejs/adapter-netlify";
 import preprocess from "svelte-preprocess";
 
 /** @type {import("@sveltejs/kit").Config} */