add overview docs, provide modal title

ShMcK · ShMcK · commit 882b71462dbb · 2016-07-02T16:57:56.000-07:00
diff --git a/_posts/overview/2016-01-01-overview.md b/_posts/overview/2016-01-01-overview.md
@@ -0,0 +1,10 @@
+---
+title: Overview
+id: overview
+categories:
+- overview
+---
+
+> CodeRoad aims to make building & sharing interactive coding tutorials as easy as possible.
+
+We hope to create fun and maintainable code tutorials that actually improve with time. We hope to see programming students become teachers, teachers become empowered, and coders become better, faster. But first, let's get some interactive coding tutorials built. That's where you come in.
diff --git a/_posts/overview/2016-01-02-ecosystem.md b/_posts/overview/2016-01-02-ecosystem.md
@@ -0,0 +1,8 @@
+---
+title: Ecosystem
+id: ecosystem
+categories:
+- overview
+---
+
+Coming soon...
diff --git a/_sass/_modal.scss b/_sass/_modal.scss
@@ -1,9 +1,10 @@
 .modal {
   margin-top: 45px;
+  text-align: center;
 }
 
 #btn-close-modal {
-  padding: 45px;
+  padding: 25px;
   margin: 0 auto;
   display: flex;
   justify-content: space-around;
diff --git a/index.html b/index.html
@@ -142,6 +142,7 @@ <h2>Become a Contributer</h2>
     <img src="css/images/close.svg" alt="close" height="35px"/>
   </div>
   <div class="modal-content">
+		<h3>Atom-CodeRoad</h3>
     <img alt="Atom-CodeRoad Demo" height="450px"
 			src="images/atom-coderoad.gif" />
   </div>
@@ -154,6 +155,7 @@ <h2>Become a Contributer</h2>
   </div>
 
     <div class="modal-content">
+			<h3>Builder-CodeRoad</h3>
       <img alt="Builder-CodeRoad Demo" height="450px"
 				src="images/builder-demo.gif" />
     </div>
diff --git a/overview.html b/overview.html
@@ -4,5 +4,9 @@
 tagline: How CodeRoad Works
 ---
 
-<h3>A Overview of CodeRoad</h3>
-<p>Coming soon...</p>
+{% for post in site.categories.overview reversed %}
+<section id="{{ post.id }}">
+  <h2>{{ post.title }}</h2>
+  <div>{{ post.content }}</div>
+</section>
+{% endfor %}
diff --git a/tutorial-docs.html b/tutorial-docs.html
@@ -5,34 +5,31 @@
 ---
 
 <div id="docs" role="main">
+	<p>The docs are a deeper read. It's recommended you get setup with the plugins and gain an understanding of how CodeRoad works before continuing.</p>
+	<!-- OverView -->
+	<section id="suggestions">
+		<ul class="actions" style="text-align: center;">
+			<li><a class="button special" href="/atom-coderoad.html">Quick Start</a></li>
+			<li><a class="button" href="/builder-coderoad.html">Builder Start</a></li>
+			<li><a class="button" href="/overview.html">Overview</a></li>
+		</ul>
+	</section>
 
-		<!-- OverView -->
-		<section id="overview">
-			<h2>Overview</h2>
-			<blockquote>
-				CodeRoad aims to make building & sharing interactive coding tutorials as easy as possible.
-			</blockquote>
-			<p>We hope to create fun and maintainable code tutorials that actually improve with time. We hope to see programming students become teachers, teachers become empowered, and coders become better, faster. But first, let's get some interactive coding tutorials
-				built. That's where you come in.</p>
-			<a class="button special"
-				href="/overview">How It Works</a>
-		</section>
-
-		<!-- Articles -->
-		{% for post in site.categories.docs reversed %}
-		<br />
-		<br />
-		<section id="{{ post.id }}">
-			<h2>{{ post.title }}</h2>
-			<div>{{ post.content }}</div>
-			<br>
-			<a class="button" href="https://github.com/coderoad/coderoad.github.io/edit/master/_posts/docs/{{post.file}}">
-				<i class="fa fa-pencil fa-fw"></i>
-				<span class="network-name">
+	<!-- Articles -->
+	{% for post in site.categories.docs reversed %}
+	<br />
+	<br />
+	<section id="{{ post.id }}">
+		<h2>{{ post.title }}</h2>
+		<div>{{ post.content }}</div>
+		<br>
+		<a class="button" href="https://github.com/coderoad/coderoad.github.io/edit/master/_posts/docs/{{post.file}}">
+			<i class="fa fa-pencil fa-fw"></i>
+			<span class="network-name">
 	        Edit {{post.title}} Docs
 				</span>
-			</a>
-		</section>
-		{% endfor %}
+		</a>
+	</section>
+	{% endfor %}
 
 </div>
