From 00ac7bd96b11cf795e45cb5879431d2ae59709c0 Mon Sep 17 00:00:00 2001
From: "James E. Blair" <jeblair@redhat.com>
Date: Tue, 17 Apr 2018 09:54:44 -0700
Subject: [PATCH] Add simulation video

Depends-On: https://review.openstack.org/562001
Change-Id: I7176dbe451e44476279c7e252d492e60a85f8270
---
 .gitignore     |  3 ++-
 www/index.html | 28 ++++++++++++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 5ccff1a..f245005 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
-html/
+html
+www/media
diff --git a/www/index.html b/www/index.html
index d66d385..a3dd373 100644
--- a/www/index.html
+++ b/www/index.html
@@ -86,6 +86,34 @@
           </div>
         </section>
 
+      <!-- Video -->
+        <section class="wrapper style1">
+          <div class="container">
+            <div class="row 200%">
+              <section class="3u 12u(narrower)">
+                <div class="box highlight">
+                </div>
+              </section>
+              <section class="6u 12u(narrower)">
+                <div class="box highlight">
+                  <video controls poster="media/simulation-poster.png" width="100%">
+                    <source src="media/simulation.webm" type="video/webm">
+                    <source src="media/simulation.mp4" type="video/mp4">
+                    <track src="media/simulation.vtt" label="English" kind="subtitles" srclang="en">
+                  </video>
+                  <p>
+                    See how Zuul tests cross-project changes in parallel.
+                  </p>
+                </div>
+              </section>
+              <section class="3u 12u(narrower)">
+                <div class="box highlight">
+                </div>
+              </section>
+            </div>
+          </div>
+        </section>
+
       <!-- Posts -->
         <section class="wrapper style1">
           <div class="container">