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

fix(landing-page): js not shipped (#185)

Browse source 
* fix(landing-page): js not shipped

* refactor: remove hydration directive
This commit is contained in:
Ayo Ayco 2022-11-09 22:46:29 +01:00 committed by GitHub
parent ce1d4df9e8
commit f86253d66f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
apps/landing-page/src/sections/astro-section.astro → apps/landing-page/src/components/astro-section.astro
View file

0
apps/landing-page/src/sections/splash.astro → apps/landing-page/src/components/splash.astro
View file

0
apps/landing-page/src/sections/starfield.astro → apps/landing-page/src/components/starfield.astro
View file

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

@ -2,8 +2,9 @@
import "~/styles/index.css";
import Header from "~/components/header.astro";
// import Icon from "astro-icon";
import Splash from "~/sections/splash.astro";
import Splash from "~/components/splash.astro";
// import AstroSection from "~/sections/astro-section.astro";
import Starfield from "~/components/starfield.astro";
const { site } = Astro;
const image = new URL("social.jpg", site);
@ -57,20 +58,19 @@ const description =
if (themeSaved) {
document.documentElement.dataset.theme = themeSaved;
} else {
const prefersDark = window.matchMedia(
"(prefers-color-scheme: dark)"
).matches;
document.documentElement.dataset.theme = prefersDark ? "dark" : "light";
// const prefersDark = window.matchMedia(
// "(prefers-color-scheme: dark)"
// ).matches;
document.documentElement.dataset.theme = forceTheme; // prefersDark ? "dark" : "light";
}
window
.matchMedia("(prefers-color-scheme: dark)")
.addEventListener("change", (event) => {
if (!localStorage.getItem("theme")) {
document.documentElement.dataset.theme = forceTheme;
// event.matches
// ? "dark"
// : "light";
document.documentElement.dataset.theme = event.matches
? "dark"
: "light";
}
});
</script>
@ -78,8 +78,9 @@ const description =
<body
class="h-full overflow-x-hidden text-base bg-default text-default selection:bg-secondary selection:text-white"
>
<Starfield />
<Header />
<Splash client:load />
<Splash />
<!--AstroSection /-->
</body>
</html>