From 3d04905fc37a134f28ab6d5cababdf0b7ee7c208 Mon Sep 17 00:00:00 2001
From: Charles Ancheta <55412395+cbebe@users.noreply.github.com>
Date: Sun, 29 Sep 2024 15:04:56 -0600
Subject: [PATCH] website: Cleaner Fysh animation and fake auto-scroll

---
 pkg/website/assets/css/main.css            | 13 ++++++++++++-
 pkg/website/assets/css/opening/opening.css | 17 +++++++++++++++--
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/pkg/website/assets/css/main.css b/pkg/website/assets/css/main.css
index b332416..e3314f0 100644
--- 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;
-}
\ No newline at end of file
+}
+
+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
index 424bf5e..1a0e13d 100644
--- 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%;
+  }
+}