Update docs vid for new scrollable video

diff --git a/docs/pages/installation.md b/docs/pages/installation.md
index 363a574deb7813f3810d56a62d4f1f1e129a247f..87a1ecd859aa60bff601511a02e0ae263faf622e 100644 (file)
--- a/docs/pages/installation.md
+++ b/docs/pages/installation.md
@@ -1,13 +1,19 @@
 ---
 title: Installation
 description: There are many ways to install Foundation, but if you're just getting started, we have a few suggestions.
+video: sKYsLkJ0yvQ
 ---
 
 ## Installation
 
-<div class="subpage-intro-video responsive-embed widescreen">
-  <iframe width="690" height="385" src="https://www.youtube.com/embed/sKYsLkJ0yvQ" frameborder="0" allowfullscreen></iframe>
-</div>
+{{#if video}}<div id="subpage-intro-video" class="subpage-intro-video">
+  <div class="docs-video-inner">
+    <span class="close-button" data-close-video>&times;</span>
+    <div class="responsive-embed widescreen">
+      <div id="main-video" data-video="{{video}}"></div>
+    </div>
+  </div>
+</div>{{/if}}
 
 ---
 

diff --git a/gulpfile.js b/gulpfile.js
index 597a74c2aa25c21cb7bd432de77aa6dde40f90d4..71751e30267e0f0e1a5f3c67d2df16c593a6f34c 100644 (file)
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -20,7 +20,7 @@ gulp.task('watch', function() {
   gulp.watch('scss/**/*', ['sass', browser.reload]);
   gulp.watch(['docs/assets/scss/**/*', 'node_modules/foundation-docs/scss/**/*'], ['sass:docs', browser.reload]);
   gulp.watch('js/**/*', ['javascript:foundation', browser.reload]);
-  gulp.watch('docs/assets/js/**/*', ['javascript:docs', browser.reload]);
+  gulp.watch(['docs/assets/js/**/*', 'node_modules/foundation-docs/js/**/*'], ['javascript:docs', browser.reload]);
 });
 
 // Runs all of the above tasks and then waits for files to change