First commit

Explore Svelte and Sapper

src/routes/index.svelte

@@ -0,0 +1,29 @@
+<script>
+	import { slide } from 'svelte/transition'
+	import { locations, countries, site } from '../store'
+	import * as fn from '../functions'
+</script>
+
+<svelte:head>
+	<title>Houses Of - Beautiful houses of planet Earth</title>
+</svelte:head>
+
+<div class="container" in:slide out:slide>
+	<section class="section">
+		<h1 class="title is-2">Houses Of</h1>
+		<article class="message is-dark">
+			<div class="message-body">{$site.description}</div>
+		</article>
+	</section>
+
+	<section class="section">
+		<h3 class="title is-3">Locations</h3>
+		<ul>
+			{#each $locations as location}
+			<li>
+				<a href="/location/{fn.slug(location.name)}">{location.name}</a>
+			</li>
+			{/each}
+		</ul>
+	</section>
+</div>