update for 0.15

routes/index.html

@@ -1,46 +1,24 @@
-<svelte:head>
-	<title>Sapper project template</title>
-</svelte:head>
+<Nav {path}/>
 
-<h1>Great success!</h1>
-
-<figure>
-	<img alt='Borat' src='great-success.png'>
-	<figcaption>HIGH FIVE!</figcaption>
-</figure>
-
-<p><strong>Try editing this file (routes/index.html) to test hot module reloading.</strong></p>
+<main>
+	<svelte:component this={sapper.child} {...sapper.props}/>
+</main>
 
 <style>
-	h1, figure, p {
-		text-align: center;
+	main {
+		position: relative;
+		max-width: 56em;
+		background-color: white;
+		padding: 2em;
 		margin: 0 auto;
+		box-sizing: border-box;
 	}
+</style>
 
-	h1 {
-		font-size: 2.8em;
-		text-transform: uppercase;
-		font-weight: 700;
-		margin: 0 0 0.5em 0;
-	}
-
-	figure {
-		margin: 0 0 1em 0;
-	}
-
-	img {
-		width: 100%;
-		max-width: 400px;
-		margin: 0 0 1em 0;
-	}
-
-	p {
-		margin: 1em auto;
-	}
-
-	@media (min-width: 480px) {
-		h1 {
-			font-size: 4em;
+<script>
+	export default {
+		components: {
+			Nav: '../components/Nav.html'
 		}
-	}
-</style>
+	};
+</script>