experimental new structure

routes/blog/[slug].html

@@ -2,13 +2,11 @@
 	<title>{post.title}</title>
 </svelte:head>
 
-<Layout page='blog'>
-	<h1>{post.title}</h1>
+<h1>{post.title}</h1>
 
-	<div class='content'>
-		{@html post.html}
-	</div>
-</Layout>
+<div class='content'>
+	{@html post.html}
+</div>
 
 <style>
 	/*
@@ -47,13 +45,7 @@
 </style>
 
 <script>
-	import Layout from '../_components/Layout.html';
-
 	export default {
-		components: {
-			Layout
-		},
-
 		preload({ params, query }) {
 			// the `slug` parameter is available because this file
 			// is called [slug].html

routes/blog/index.html

@@ -2,19 +2,17 @@
 	<title>Blog</title>
 </svelte:head>
 
-<Layout page='blog'>
-	<h1>Recent posts</h1>
+<h1>Recent posts</h1>
 
-	<ul>
-		{#each posts as post}
-			<!-- we're using the non-standard `rel=prefetch` attribute to
-			     tell Sapper to load the data for the page as soon as
-			     the user hovers over the link or taps it, instead of
-			     waiting for the 'click' event -->
-			<li><a rel='prefetch' href='blog/{post.slug}'>{post.title}</a></li>
-		{/each}
-	</ul>
-</Layout>
+<ul>
+	{#each posts as post}
+		<!-- we're using the non-standard `rel=prefetch` attribute to
+				tell Sapper to load the data for the page as soon as
+				the user hovers over the link or taps it, instead of
+				waiting for the 'click' event -->
+		<li><a rel='prefetch' href='blog/{post.slug}'>{post.title}</a></li>
+	{/each}
+</ul>
 
 <style>
 	ul {
@@ -24,13 +22,7 @@
 </style>
 
 <script>
-	import Layout from '../_components/Layout.html';
-
 	export default {
-		components: {
-			Layout
-		},
-
 		preload({ params, query }) {
 			return this.fetch(`blog.json`).then(r => r.json()).then(posts => {
 				return { posts };