fixes issue where components were being loaded twice

app/index.html

@@ -28,11 +28,11 @@
     <![endif]-->
 
     <!-- Add your site or application content here -->
-    <div class="layout page">
-        <div class="stack">
-            <Header></Header>
-            <div id="view"></div>
-            <Footer></Footer>
+    <div class="layout">
+        <div class="content">
+            <Page>
+                <div id="view"></div>
+            </Page>
         </div>
     </div>
 
@@ -41,13 +41,15 @@
     <!-- endbuild -->
 
     <!-- build:js js/tags.min.js -->
+    <script type="riot/tag" src="tags/layout/page.tag.html"></script>
     <script type="riot/tag" src="tags/layout/header.tag.html"></script>
     <script type="riot/tag" src="tags/layout/footer.tag.html"></script>
     <script type="riot/tag" src="tags/home.tag.html"></script>
+    <script type="riot/tag" src="tags/about.tag.html"></script>
     <!-- endbuild -->
 
     <!-- mount all included tags -->
-    <script>riot.mount('*');</script>
+    <script>riot.mount('Page');</script>
 
     <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
     <script>

app/tags/about.tag.html

@@ -0,0 +1,23 @@
+<About>
+
+    <section>
+        <h3>RiotJS</h3>
+        <blockquote class="block"><code>version: 3.x</code> </blockquote>
+    </section>
+
+    <section>
+        <h3>Routing</h3>
+        <p>
+            By default <code>riot-route</code> is included in this starter kit, but can easily be replaced
+            with your own solution. This is just an example.
+
+            Links are prefiex with a hash <code>#</code>, so the about page becomes
+            <code>href="#/about"</code>
+            You can see how that translates in the browser bar of this page
+        </p>
+        <blockquote class="blockquote">
+            Normally, routes are stored in a <code>routes.js</code> file; for simplicity
+            this example defines them in the <code>app/app.js</code>.
+        </blockquote>
+    </section>
+</About>

app/tags/layout/page.tag.html

@@ -0,0 +1,7 @@
+<Page>
+    <div>
+        <Header></Header>
+        <yield />
+        <Footer></Footer>
+    </div>
+</Page>