mockup for tute front page refresh. With tabs. Huzzah

src/site/_includes/tutorial-main-page.html

Index: src/site/_includes/tutorial-main-page.html
diff --git a/src/site/_includes/tutorial-main-page.html b/src/site/_includes/tutorial-main-page.html
deleted file mode 100644
index 5d63ecae23af0805c3e21e1052f76f94158725f4..0000000000000000000000000000000000000000
--- a/src/site/_includes/tutorial-main-page.html
+++ /dev/null
@@ -1,105 +0,0 @@
-<div class="row">
-
-  <div class="span9 offset3">
-    <h1>{{ page.title }}</h1>
-  </div>
-
-  <div class="span3">
-
-    <div id="tutorial-side">
-
-      <div id="tutorial-toc">
-        <h4 id="contents">Contents</h4>
-        <ul>
-          <li>
-             <a href="/docs/tutorials/">A Game of Darts: Home</a>
-          </li>
-          <li>
-             <a href="/docs/tutorials/get-started/">1: Get Started</a>
-          </li>
-          <li>
-             <a href="/docs/tutorials/connect-dart-html/">2: Connect Dart &amp; HTML</a>
-          </li>
-          <li>
-             <a href="/docs/tutorials/add-elements/">3: Add Elements to the DOM</a>
-          </li>
-          <li>
-             <a href="/docs/tutorials/remove-elements/">4: Remove DOM Elements</a>
-          </li>
-          <li>
-             <a href="/docs/tutorials/packages/">5: Install Shared Packages</a>
-          </li>
-          <li>
-             <a href="/docs/tutorials/web-ui/">6: Get Started with Web UI</a>
-          </li>
-          <li>
-             <a href="/docs/tutorials/templates/">7: Use &lt;template&gt;</a>
-          </li>
-          <li>
-             <a href="/docs/tutorials/custom-elements/">8: Define a Custom DOM Tag</a>
-          </li>
-          <li>
-             <a href="/docs/tutorials/fetchdata/">9: Fetch Data Dynamically</a>
-          </li>
-          <li>
-             <a href="/docs/tutorials/forms/">10: Get Input from a Form</a>
-          </li>
-          <li>
-             <a href="/docs/tutorials/indexeddb/">11: Use IndexedDB</a>
-          </li>
-        </ul>
-      </div> <!-- end tutorial-toc -->
-
-      <div id="whats-the-point">
-        <h4 id="page-highlights">What's the point?</h4>
-        {{ whats_the_point | markdownify }}
-      </div> <!-- end whats-the-point -->
-
-      <div id="code-links">
-        <h4 id="examples">Examples</h4>
-
-        {{ sample_links | markdownify }}
-
-        <a href="https://drone.io/github.com/dart-lang/dart-tutorials-samples/latest">
-           <img src="https://drone.io/github.com/dart-lang/dart-tutorials-samples/status.png"
-                alt="Build Status" style="margin-top:10px;max-width:100%;">
-        </a>
-      </div> <!-- end code-links -->
-
-    </div> <!-- end tutorial-side -->
-      
-    <div>&nbsp;</div>
-
-  </div> <!-- end div span3 -->
-
-  <article class="span9 tutorial-content">
-
-    {{ content | markdownify }}
-
-    <div class="row">
-      <div class="span3">
-      </div>
-      <div class="span9">
-        <hr>
-          <div class="row">
-            <div class="span3">
-              <p style="font-size:xx-small">Version: 1 July 2013</p>
-            </div>
-            <div class="span3">
-              <a href="https://code.google.com/p/dart/issues/entry?template=Documentation%20issue/feedback"
-                 target="_blank">
-              <i class="icon-comment"> </i>
-              Send feedback
-              </a>
-            </div>
-            <div class="span3">
-              <a href="/docs/tutorials/{{page.next}}" class="pull-right">{{page.next-title}}&nbsp;<i class="icon-chevron-right"> </i> </a>
-            </div>
-          </div> <!-- row -->
-        <!-- hr -->
-      </div> <!-- span9 -->
-    </div> <!-- row -->
-
-  </article>
-
-</div>