diff --git a/src/pages/index.js b/src/pages/index.js index 3b307145cc..4a76c9ee47 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -420,9 +420,9 @@ function Logo(props) { {props.brand.name} @@ -474,25 +474,12 @@ export default function App() { })} >
-
-
- -
- -
+
-

- 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