Added some projects

src/routes/Footer.svelte

@@ -10,7 +10,8 @@
   <a
     class="text-sm text-slate-400"
     href="https://v1.kopyl.dev"
+    target="_blank"
   >
-    Time Machine
+    {$t('footer.go_back')}
   </a>
 </footer>

src/routes/Hero.svelte

@@ -18,19 +18,19 @@ onMount(async () => {
   ScrollTrigger.create({
     trigger: logo,
     start: "top-=10% top+=64px",
-    scrub: 1,
     onEnter: () => {
       const state = Flip.getState(logo);
       logo.classList.add("hero__logo--in-nav")
       Flip.from(state, {
-        duration: 1,
+        duration: .6,
       })
     },
     onLeaveBack: () => {
       const state = Flip.getState(logo);
       logo.classList.remove("hero__logo--in-nav")
       Flip.from(state, {
-        duration: 1,
+        absolute: true,
+        duration: .6,
       })
     }
   })
@@ -133,6 +133,13 @@ const goTop = () => {
       height: 48px;
       color: white;
       opacity: .8;
+      transition: opacity .3s;
+    }
+
+    &:hover {
+      :global(svg) {
+        opacity: 1;
+      }
     }
   }
 </style>

src/routes/Projects/Project.svelte

@@ -34,7 +34,7 @@
     {/each}
   </div>
 
-  <div class="flex gap-4">
+  <div class="flex gap-2">
     {#each project.links as link}
       <a
         target="_blank"