Deploy website - based on 16b56ccefb3571f06a5f53e52f2ee0e3c840a4a4

Fysh-Fyve · Aug 12, 2024 · 514f033 · 514f033
1 parent ec5cb2f
commit 514f033
Show file tree

Hide file tree

Showing 11 changed files with 298 additions and 7 deletions.
diff --git a/categories/index.html b/categories/index.html
@@ -1,2 +1,2 @@
-<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><link rel="shortcut icon" href=/favicon.png type=image/png><title>Categories | Fysh</title>
+<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width;initial-scale=1"><link rel="shortcut icon" href=/favicon.png type=image/png><title>Categories | Fysh</title>
 <link rel=stylesheet href=/css/main.min.57fc0e5f8b490ceb89056449d8318766332d812474eeba7ddfde3b87b6e595ba.css integrity="sha256-V/wOX4tJDOuJBWRJ2DGHZjMtgSR07rp93947h7bllbo=" crossorigin=anonymous></head><body><header><h1>Fysh</h1><nav><ul><li><a href=/>Home</a></li><li><a href=/docs/>Docs</a></li></ul></nav></header><main><h1>Categories</h1></main><footer><p>Copyright 2024. All rights reserved.</p></footer></body></html>
diff --git a/css/opening.css b/css/opening.css
@@ -0,0 +1,287 @@
+/* best seen at 1500px or less */
+/* based on animation by Ted McDonald https://codepen.io/tedmcdo/pen/PqxKXg */
+
+*,
+:root {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html,
+body,
+.opening {
+  height: 100%;
+  width: 100%;
+  overflow-x: hidden;
+}
+
+.og-fysh {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  font-size: 2rem;
+}
+.og-fysh > code {
+  position: relative;
+  top: -50%;
+  left: -50%;
+}
+
+.opening {
+  background: radial-gradient(
+    ellipse at center,
+    rgba(255, 254, 234, 1) 0%,
+    rgba(255, 254, 234, 1) 35%,
+    #b7e8eb 100%
+  );
+  overflow: hidden;
+}
+
+.opening::-webkit-scrollbar {
+  display: none;
+}
+
+main[role="main"] {
+  height: 100vh;
+  color: white;
+  background: black;
+  margin: 0 auto;
+}
+
+.opening, .fysh-container {
+  animation: fade 2s cubic-bezier(0.22, 0.61, 0.36, 1) 1 none;
+}
+
+.wave-container {
+  overflow-x: hidden;
+}
+
+.fysh-container {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+}
+
+.fysh {
+  position: relative;
+  top: -50%;
+  left: -50%;
+  font-size: 2rem;
+}
+
+@keyframes cursor {
+  0% {
+    opacity: 1;
+  }
+  20% {
+    opacity: 0.1;
+  }
+  40% {
+    opacity: 1;
+  }
+  60% {
+    opacity: 0.1;
+  }
+  80% {
+    opacity: 1;
+  }
+  100% {
+    font-size: 0;
+  }
+}
+
+@keyframes appear {
+  0% {
+    font-size: 0;
+  }
+  100% {
+    font-size: 2rem;
+  }
+}
+
+code.blinking {
+  animation: cursor 4s 1 steps(1) 3.5s forwards;
+}
+
+code.blinking-after {
+  font-size: 0;
+  animation: cursor-after 0.5s 1 steps(1) 7.5s;
+}
+
+@keyframes cursor-after {
+  0% { font-size:2rem}
+  100% { font-size:2rem}
+}
+
+.fysh {
+  color: #4fff64;
+  opacity: 0;
+  animation: ani 0.5s ease 5s forwards, glow 2s ease infinite;
+}
+
+@keyframes glow {
+  0% {
+    color: #4fff64;
+  }
+  50% {
+    color: #4fff64b7;
+  }
+  100% {
+    color: #4fff64;
+  }
+}
+
+
+@keyframes ani {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.fysh > code.c {
+  z-index: 999;
+  animation: appear 0s steps(1) 0s 1;
+}
+.fysh > code.c.c-1 {
+  animation-duration: 6.25s;
+}
+.fysh > code.c.c-2 {
+  animation-duration: 6.5s;
+}
+.fysh > code.c.c-3 {
+  animation-duration: 6.75s;
+}
+.fysh > code.c.c-4 {
+  animation-duration: 7s;
+}
+
+.ocean {
+  height: 5%;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: #015871;
+  animation: dive 2s ease-out 2.5s forwards;
+}
+
+.wave {
+  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg)
+    repeat-x;
+  position: absolute;
+  top: -198px;
+  width: 6400px;
+  height: 198px;
+  animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) 1 forwards;
+  transform: translate3d(0, 0, 0);
+}
+
+.wave:nth-of-type(2) {
+  top: -175px;
+  animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s 1 forwards;
+  opacity: 1;
+}
+
+.bottom-fysh {
+  position: relative;
+  width: 100%;
+  bottom: -100%;
+  height: 100vh;
+  background: black;
+  animation: imthebgnow 0.5s ease 4.25s forwards;
+}
+
+@keyframes imthebgnow {
+  0% {
+    background: linear-gradient(#015871, black), black;
+    background-size: 100% 500%;
+    background-position: 0% 80%;
+    position: absolute;
+    bottom: 0;
+  }
+  90% {
+    background-position: 0% 90%;
+  }
+  100% {
+    position: absolute;
+    bottom: 0;
+    background: black;
+  }
+}
+
+@keyframes wave {
+  0% {
+    transform: translateX(0);
+  }
+  50% {
+    transform: translateX(-40%);
+  }
+  75% {
+    transform: translateX(-60%);
+  }
+  99% {
+    transform: translate(-80%, 0%);
+    width: 6400px;
+    height: 198px;
+  }
+  100% {
+    transform: translate(-80%, -100%);
+    width: 0px;
+    height: 0px;
+  }
+}
+
+@keyframes dive {
+  0% {
+    height: 5%;
+    background: linear-gradient(to top,  black 20%, #015871 95%);
+  }
+  12.5% {
+    background: linear-gradient(to top,  black 31.25%, #015871 95%);
+  }
+  25% {
+    background: linear-gradient(to top,  black 37.5%, #015871 95%);
+  }
+  37.5% {
+    background: linear-gradient(to top,  black 43.75%, #015871 95%);
+  }
+  50% {
+    background: linear-gradient(to top,  black 45%, #015871 95%);
+  }
+  62.5% {
+    background: linear-gradient(to top,  black 51.25%, #015871 95%);
+  }
+  75% {
+    background: linear-gradient(to top,  black 57.5%, #015871 95%);
+  }
+  87.5% {
+    background: linear-gradient(to top,  black 70%, #015871 95%);
+  }
+  99% {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 100%;
+    background: linear-gradient(to top,  black 90%, #015871 99%), black;
+  }
+  100% {
+    height: 0%;
+    position: relative;
+    background: black;
+    background-position: 0% 100%;
+  }
+}
+
+@keyframes fade {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
diff --git a/...f5cc800d315aec6fc6e6332118946591c4f6329f106338b0b67a2d41f450d8dbed43d4ad4c7a3cf4cd54a.css b/...f5cc800d315aec6fc6e6332118946591c4f6329f106338b0b67a2d41f450d8dbed43d4ad4c7a3cf4cd54a.css
diff --git a/css/opening.min.4ca7e9d3f18776a2ffcb670aae8dac2c9197d76a9ac38726ca69c0ac7f71119c.css b/css/opening.min.4ca7e9d3f18776a2ffcb670aae8dac2c9197d76a9ac38726ca69c0ac7f71119c.css
diff --git a/...59f0159bd7570c3320ed26b1dc6b27f7557a8674fbed744e6a183e70f57d00f888eecdaf48118e0d1a486.css b/...59f0159bd7570c3320ed26b1dc6b27f7557a8674fbed744e6a183e70f57d00f888eecdaf48118e0d1a486.css
diff --git a/...846f65f5879a26cc8c7d4c5f8fe581ffb1ec4fdd9247f174195ae0549d86a24e6068bebfb4dbeb982500c.css b/...846f65f5879a26cc8c7d4c5f8fe581ffb1ec4fdd9247f174195ae0549d86a24e6068bebfb4dbeb982500c.css