quickstart links

Barrie Hadfield · Barrie Hadfield · commit dd8f22759203 · 2016-12-28T12:06:45.000Z
diff --git a/source/tutorials/hyperreact_with_rails.html.md b/source/tutorials/hyperreact_with_rails.html.md
@@ -1,6 +1,8 @@
 # HyperReact and Rails
 
-This quick tutorial will take you through all the steps necessary to get simple HyperReact components rendering in a new Rails application. You can clone the source of this tutorial [here](https://github.com/barriehadfield/tutorial-hyperreact-rails).
+This quick tutorial will take you through all the steps necessary to get simple HyperReact components rendering in a new Rails application.
+
+The source of this tutorial is avaiable as a [Quickstart](https://github.com/ruby-hyperloop/quickstart) which you can clone.
 
 ## Using HyperRails
 
diff --git a/source/tutorials/hyperreact_with_webpack.html.md b/source/tutorials/hyperreact_with_webpack.html.md
@@ -12,7 +12,7 @@ This tutorial assumes that NPM is installed. Please see the [NPM website](https:
 
 Additionally, this tutorial starts with an existing Rails app with **HyperReact already setup and working**. For more information on how to get to that stage, please see the [HyperReact and Rails Tutorial](http://ruby-hyperloop.io/tutorials/hyperreact_with_rails/).
 
-You can access the [source code]((https://github.com/barriehadfield/tutorial-hyperreact-webpack)) to this tutorial here.
+The source of this tutorial is avaiable as a [Quickstart](https://github.com/ruby-hyperloop/quickstart) which you can clone.
 
 ## Setup
 
diff --git a/source/tutorials/index.html.erb b/source/tutorials/index.html.erb
@@ -1,30 +1,42 @@
 ---
-title: Tutorials
+title: Tutorials & Quickstarts
 ---
-<h1> Tutorials </h1>
+<h1> Tutorials and Quickstarts</h1>
 
 <br>
-
+<div class="card">
+  <h3 class="card-header"><%=link_to 'Quickstarts', 'https://github.com/ruby-hyperloop/quickstart'%></h3>
+  <div class="card-block">
+    <p>Clone the repo and you will have everything you need to get up and runnign quickly. Each quickstart branch contains the source of a working application.</p>
+    <ul>
+      <li>HyperReact and Rails Quickstart</li>
+      <li>HyperReact, NPM and Webpack Quickstart</li>
+    </ul>
+  </div>
+</div>
+<br>
 <div class="card">
   <h3 class="card-header"><%=link_to 'Chat-App Tutorial', '/tutorials/chat_app'%></h3>
   <div class="card-block">
     <p>This tutorial will teach you the basics of building a HyperReact application that runs purely in your browser with no need for any back end system (like Rails, Node or Sinatra).</p>
-    <p>This work-along tutorial is an excellent place to start to learn the HyperReact DSL without needing to learn how to install it. If you have not used the HyperReact DSL before, this tutorial will get you going with minimal setup.</p>
+    <p>This work-along tutorial is an excellent place to start to learn the HyperReact DSL without needing to learn how to install it. If you have not used the HyperReact DSL before, this tutorial will <strong>get you going with minimal setup</strong>.</p>
   </div>
 </div>
 <br>
 <div class="card">
   <h3 class="card-header"><%=link_to 'HyperReact and Rails Tutorial', '/tutorials/hyperreact_with_rails'%></h3>
   <div class="card-block">
-    <p>A <strong>quickstart tutorial</strong> which will show you how to add HyperReact to a Rails app and render a basic component. All you need to know to get started with HyperReact and Rails.</p>
+    <p>A <strong>short tutorial</strong> which will show you how to add HyperReact to a Rails app and render a basic component. All you need to know to get started with HyperReact and Rails.</p>
+    <p>The source of this tutorial is avaiable as a <%=link_to 'Quickstart', 'https://github.com/ruby-hyperloop/quickstart'%> which you can clone.</p>
   </div>
 </div>
 <br>
 <div class="card">
   <h3 class="card-header"><%=link_to 'HyperReact, NPM and Webpack Tutorial', '/tutorials/hyperreact_with_webpack'%></h3>
   <div class="card-block">
-    <p>In an Isomorphic Ruby world, we need a good way of including Ruby and JavaScript components so they co-exist and play nicely together.</p>
+    <p>In an Isomorphic Ruby world, we need a good way of including <strong>Ruby and JavaScript components</strong> so they co-exist and play nicely together.</p>
     <p>This tutorial will show you how to setup and use NPM and Webpack with HyperReact.</p>
+    <p>The source of this tutorial is avaiable as a <%=link_to 'Quickstart', 'https://github.com/ruby-hyperloop/quickstart'%> which you can clone.</p>
   </div>
 </div>
 <br>
