realign with 0.15

routes/index.html

@@ -1,24 +1,46 @@
-<Nav segment={child.segment}/>
+<svelte:head>
+	<title>Sapper project template</title>
+</svelte:head>
 
-<main>
-	<svelte:component this={child.component} {...child.props}/>
-</main>
+<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>
 
 <style>
-	main {
-		position: relative;
-		max-width: 56em;
-		background-color: white;
-		padding: 2em;
+	h1, figure, p {
+		text-align: center;
 		margin: 0 auto;
-		box-sizing: border-box;
 	}
-</style>
 
-<script>
-	export default {
-		components: {
-			Nav: '../components/Nav.html'
+	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>
+	}
+</style>