Added some projects

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>