outline video and new tutorial icon

ShMcK · ShMcK · commit ae8f5abc2e65 · 2016-09-18T15:45:52.000-07:00
diff --git a/_posts/landing/2016-02-01-atom-coderoad.md b/_posts/landing/2016-02-01-atom-coderoad.md
@@ -4,11 +4,8 @@ actions:
   - atom-coderoad:
     title: Atom-CodeRoad
     href: /atom-coderoad.html
-image:
-  id: atom-coderoad
-  href: atom-coderoad-demo
-  alt: Atom-CodeRoad Demo
-  src: images/demos/atom-coderoad.jpg
+video:
+  src: DbLpdgrYVOU
   height: 328px
   width: 574px
 categories:
diff --git a/_posts/landing/2016-02-02-builder-coderoad.md b/_posts/landing/2016-02-02-builder-coderoad.md
@@ -5,14 +5,13 @@ actions:
     title: Builder-CodeRoad
     href: /builder-coderoad.html
 image:
-  id: builder-coderoad
-  href: builder-coderoad-demo
-  alt: Builder-CodeRoad Demo
-  src: images/demos/builder-demo.jpg
-  height: 328px
-  width: 574px
+  id: tutorial-overview
+  alt: CodeRoad Tutorial Overview
+  src: images/landing/elements.svg
+  height: 300px
+  width: 300px
 categories:
 - features
 ---
 
-Build tutorials using simple and familiar tools: [Markdown](//www.markdowntutorial.com/) & unit tests. Making tutorials is easy with the new "builder-coderoad" plugin.
+Build tutorials using simple and familiar tools: **Markdown** & **Unit Tests**. Making tutorials is easy with the new Builder-CodeRoad plugin.
diff --git a/images/landing/elements.svg b/images/landing/elements.svg
diff --git a/index.html b/index.html
@@ -41,13 +41,26 @@ <h2>{{summary.title}}</h2>
 			{% if feature.image.href %}
 			<a id="{{feature.image.id}}" href="#{{feature.image.href}}" class="modal-link">
 			{% endif %}
+
+      {% if feature.image %}
 				<img
           class="lazy"
           alt="{{feature.image.alt}}" 
 				  src="{{feature.image.src}}"
 				  height="{{feature.image.height}}"
           width="{{feature.image.height}}"
         />
+      {% endif %}
+
+      {% if feature.video.src %}
+        <iframe
+          width="{{feature.video.width}}"
+          height="{{feature.video.height}}"
+          src="https://www.youtube.com/embed/{{feature.video.src}}"
+          frameborder="0"
+          allowfullscreen></iframe>
+      {% endif %}
+
 			{% if feature.image.href %}
 			</a>
 			{% endif %}
@@ -92,9 +105,4 @@ <h2>Accelerated Education</h2>
 				<li><a href="/overview.html" class="button fit">Overview</a></li>
 		</ul>
 	</div>
-</section>
-
-
-<!-- modals -->
-{% include modal.html id="atom-coderoad-demo" title="Atom-CodeRoad" image="atom-coderoad.gif" %}
-{% include modal.html id="builder-coderoad-demo" title="Builder-CodeRoad" image="builder-demo.gif" %}
+</section>
