From 80d92ae81f18473bc1578ca72f7a4232904f3d8b Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Mon, 7 Nov 2022 12:04:08 +0100
Subject: [PATCH] fix(landing-page): starfield not loading

---
 apps/landing-page/src/pages/index.astro     |  5 +----
 apps/landing-page/src/sections/splash.astro | 11 ++---------
 2 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/apps/landing-page/src/pages/index.astro b/apps/landing-page/src/pages/index.astro
index 7e4ff10..dd4f452 100644
--- a/apps/landing-page/src/pages/index.astro
+++ b/apps/landing-page/src/pages/index.astro
@@ -1,10 +1,9 @@
 ---
+import "~/styles/index.css";
 import Header from "~/components/header.astro";
 // import Icon from "astro-icon";
 import Splash from "~/sections/splash.astro";
-import "~/styles/index.css";
 // import AstroSection from "~/sections/astro-section.astro";
-import Starfield from "~/sections/starfield.astro";
 
 const { site } = Astro;
 const image = new URL("social.jpg", site);
@@ -80,7 +79,5 @@ const description =
     <Header />
     <Splash />
     <!--AstroSection /-->
-
-    <Starfield client:load />
   </body>
 </html>
diff --git a/apps/landing-page/src/sections/splash.astro b/apps/landing-page/src/sections/splash.astro
index 4989f8d..aec113a 100644
--- a/apps/landing-page/src/sections/splash.astro
+++ b/apps/landing-page/src/sections/splash.astro
@@ -1,7 +1,7 @@
 ---
 import { generateImage } from "astro-eleventy-img";
 import { Icon } from "astro-icon";
-// import Starfield from "~/sections/starfield.astro";
+import Starfield from "~/sections/starfield.astro";
 import Copynpm from "~/components/copynpm.astro";
 
 const widths = [450, 800];
@@ -20,6 +20,7 @@ const pngSrcset = png.map(({ srcset }) => srcset).join(",");
 ---
 
 <section class="h-screen flex flex-col px-10 astro relative">
+  <Starfield client:load />
   <div
     class="relative flex flex-col-reverse justify-end pt-16 h-full astro-lg:grid-cols-2 place-items-center astro-lg:grid astro-lg:pt-0 astro-img:pt-10"
   >
@@ -66,14 +67,6 @@ const pngSrcset = png.map(({ srcset }) => srcset).join(",");
   </div>
 </section>
 
-<noscript>
-  <style>
-    #splash-bg-fallback {
-      display: block;
-    }
-  </style>
-</noscript>
-
 <style>
   @keyframes float {
     0% {