Update home and videos

mrmrs · mrmrs · commit 64c215ec3812 · 2016-09-20T14:48:53.000+01:00
diff --git a/index.html b/index.html
@@ -130,6 +130,31 @@ <h1 class="mt0 f5 f3-ns">Getting Started</h1>
 cd tachyons
 npm install &amp;&amp; npm start
 </code></pre>
+<h3 class="f5 f3-ns mt4 fw6">Prototyping template</h3>
+<p class="lh-copy measure f6">
+  This template is always linked to the most up to date version of Tachyons.
+  Save this file to your computer to start prototyping right away without worrying
+  about setting up a dev environment. You can open the file in a web browser and view
+  your changes.
+</p>
+<code class="pre f6">
+&lt;!DOCTYPE html&gt;
+&lt;html lang="en"&gt;
+  &lt;head&gt;
+    &lt;meta charset="utf-8"&gt;
+    &lt;meta http-equiv="X-UA-Compatible" content="IE=Edge"&gt;
+    &lt;title&gt; &lt;/title&gt;
+    &lt;meta name="author" content=""&gt;
+    &lt;meta name="description" content=""&gt;
+    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
+    &lt;link rel="stylesheet" href="https://unpkg.com/tachyons/css/tachyons.min.css"&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+
+  &lt;/body&gt;
+&lt;/html&gt;
+</code>
+
 <section class="bt b--black-10 pv5 mt5 cf">
   <div class="fl-l w-100 w-50-l pr4-ns">
     <h3 class="mtn f5 f3-ns mt0">Start a New Project</h3>
diff --git a/videos/index.html b/videos/index.html
@@ -64,25 +64,25 @@ <h2 class="f4 mt0 fw6">Videos</h2>
           <article class="f4 measure pb4 pb5-ns mb4 mb5-ns bb b--black-10">
             <div class="aspect-ratio aspect-ratio--8x5">
               <iframe class="aspect-ratio--object" src="https://player.vimeo.com/video/183486778" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+            </div>
               <p class="lh-copy measure">Here is a simple html template that links to the latest version of Tachyons.</p>
               <code class="pre f6"> 
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
-    <title> </title>
-    <meta name="author" content="">
-    <meta name="description" content="">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="https:/unpkg.com/tachyons/css/tachyons.min.css">
-  </head>
-  <body>
+&lt;!DOCTYPE html&gt;
+&lt;html lang="en"&gt;
+  &lt;head&gt;
+    &lt;meta charset="utf-8"&gt;
+    &lt;meta http-equiv="X-UA-Compatible" content="IE=Edge"&gt;
+    &lt;title&gt; &lt;/title&gt;
+    &lt;meta name="author" content=""&gt;
+    &lt;meta name="description" content=""&gt;
+    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
+    &lt;link rel="stylesheet" href="https:/unpkg.com/tachyons/css/tachyons.min.css"&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
 
-  </body>
-</html>
+  &lt;/body&gt;
+&lt;/html&gt;
               </code>
-            </div>
           </article>
           <article class="f4 measure pb4 pb5-ns mb4 mb5-ns bb b--black-10">
             <div class="aspect-ratio aspect-ratio--8x5">
