-
- Announcing the release of
-
+
Build an optimized, secure, and frontend-independent application
@@ -511,18 +498,6 @@ export default function App() {
Quick Start
-
-

-
-

-
-
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index f1a195dd12..28823527f3 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -244,3 +244,22 @@
text-align: center;
}
}
+
+.hero {
+ animation: hero-intro 2s cubic-bezier(0.215, 0.610, 0.355, 1) forwards;
+ background:
+ linear-gradient(-90deg, #6d6d6d25 1px, transparent 1px), linear-gradient(#6d6d6d25 1px, transparent 1px), linear-gradient(-90deg, #6d6d6d25 1px, transparent 1px), linear-gradient(#6d6d6d25 1px, transparent 1px), linear-gradient(transparent 6px, transparent 6px, transparent 156px, transparent 156px), linear-gradient(-90deg, #6d6d6d25 1px, transparent 1px), linear-gradient(-90deg, transparent 6px, transparent 6px, transparent 156px, transparent 156px), linear-gradient(#6d6d6d25 1px, transparent 1px), transparent;
+ background-size: 32px 32px, 32px 32px, 256px 256px, 256px 256px, 256px 256px, 256px 256px, 256px 256px, 256px 256px
+}
+
+@keyframes hero-intro {
+ 0% {
+ background-position: 0px 50px;
+ }
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .hero {
+ animation: none;
+ }
+}
\ No newline at end of file
diff --git a/static/img/index/header_dark.svg b/static/img/index/header_dark.svg
index 281d3e4a29..b8a48bb776 100644
--- a/static/img/index/header_dark.svg
+++ b/static/img/index/header_dark.svg
@@ -1,12 +1 @@
-
+
\ No newline at end of file
diff --git a/static/img/index/header_light.svg b/static/img/index/header_light.svg
index 959c7a5114..ab1a3185bf 100644
--- a/static/img/index/header_light.svg
+++ b/static/img/index/header_light.svg
@@ -1,12 +1 @@
-
+
\ No newline at end of file