ayo/astro-reactive-form
ayo/astro-reactive-form
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(landing-page): starfield not loading

Browse source
This commit is contained in:
Ayo 2022-11-07 12:04:08 +01:00
parent 251c7681d5
commit 80d92ae81f
2 changed files with 3 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
apps/landing-page/src/pages/index.astro
View file

@ -1,10 +1,9 @@
--- ---
import "~/styles/index.css";
import Header from "~/components/header.astro"; import Header from "~/components/header.astro";
// import Icon from "astro-icon"; // import Icon from "astro-icon";
import Splash from "~/sections/splash.astro"; import Splash from "~/sections/splash.astro";
import "~/styles/index.css";
// import AstroSection from "~/sections/astro-section.astro"; // import AstroSection from "~/sections/astro-section.astro";
import Starfield from "~/sections/starfield.astro";
const { site } = Astro; const { site } = Astro;
const image = new URL("social.jpg", site); const image = new URL("social.jpg", site);
@ -80,7 +79,5 @@ const description =
<Header /> <Header />
<Splash /> <Splash />
<!--AstroSection /--> <!--AstroSection /-->
<Starfield client:load />
</body> </body>
</html> </html>

11
apps/landing-page/src/sections/splash.astro
View file

@ -1,7 +1,7 @@
--- ---
import { generateImage } from "astro-eleventy-img"; import { generateImage } from "astro-eleventy-img";
import { Icon } from "astro-icon"; import { Icon } from "astro-icon";
// import Starfield from "~/sections/starfield.astro"; import Starfield from "~/sections/starfield.astro";
import Copynpm from "~/components/copynpm.astro"; import Copynpm from "~/components/copynpm.astro";
const widths = [450, 800]; 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"> <section class="h-screen flex flex-col px-10 astro relative">
<Starfield client:load />
<div <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" 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> </div>
</section> </section>
<noscript>
<style>
#splash-bg-fallback {
display: block;
}
</style>
</noscript>
<style> <style>
@keyframes float { @keyframes float {
0% { 0% {