website: Cleaner Fysh animation and fake auto-scroll

Fysh-Fyve · Sep 29, 2024 · 3d04905 · 3d04905
1 parent 887297f
commit 3d04905
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 3 deletions.
diff --git a/pkg/website/assets/css/main.css b/pkg/website/assets/css/main.css
@@ -26,4 +26,15 @@ nav.corner-nav {
   top: 0;
   z-index: 400;
   height: 0;
-}
+}
+
+main#main {
+  background-color: black;
+  color: white;
+  text-align: center;
+  padding: 4rem;
+}
+
+main#main a {
+  color: #4fff64;
+}
diff --git a/pkg/website/assets/css/opening/opening.css b/pkg/website/assets/css/opening/opening.css
@@ -122,7 +122,7 @@ main[role="main"] {
 }
 
 .fysh-container {
-  animation: swim-right 1s ease-in 9s  forwards;
+  animation: swim-right 1s ease-in 9s forwards;
 }
 
 @keyframes swim-right {
@@ -131,7 +131,7 @@ main[role="main"] {
   }
 
   100% {
-    transform: translateX(200%);
+    transform: translateX(100vw);
   }
 }
 
@@ -165,3 +165,16 @@ main[role="main"] {
 main#main {
   height: 100vh;
 }
+
+.opening {
+  animation: be-gone 0.75s cubic-bezier(0.22, 0.61, 0.36, 1) 10s forwards;
+}
+
+@keyframes be-gone {
+  0% {
+    height: 100%;
+  }
+  100% {
+    height: 0%;
+  }
+}