<script lang="ts">

// Library imports
import Particles from "svelte-particles";

// View imports
import Home from "./views/home.svelte";

// Store imports
import { state } from "./stores";
</script>

<!-- Static particles across all of our pages -->
<div id="particles">
	<Particles url="/particlesConfig.json" />
</div>

<!-- The state the game is in -->
{#if $state == "main-menu"}
	<Home />
{/if}

<style lang="scss">
#particles {
	position: fixed;
	z-index: -100000;
}
</style>