Untitled

__layout.svelte
---------------------------------------------------------------
<script>
    import HEADER from '$lib/header.svelte';
    import NAVIGATION from '$lib/Navigation.svelte';
    import '../styles/global.css';
</script>

<header>
    <HEADER title = "My Title"/>
    <NAVIGATION />
</header>
<main>
    <slot></slot>
</main>
<footer>
    copyright 2022
</footer>


header.svelte
---------------------------------------------------------------
<script>
    export let title = "";
</script>

<div class="title">
    <h1>{title}</h1>
</div>


index.svelte
---------------------------------------------------------------
<div class="index">
    Index Body!
</div>


about.svelte
---------------------------------------------------------------
<div class="about">
    About body!
</div>