From 5c39f5b2d2032a860a39aedd58e2f953f581da6f Mon Sep 17 00:00:00 2001
From: Seth Vargo <seth@sethvargo.com>
Date: Fri, 12 May 2017 06:32:43 -0400
Subject: [PATCH] Embed webinar video (#14419)

---
 website/source/assets/stylesheets/_home.scss | 9 ++++++++-
 website/source/index.html.erb                | 3 ++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss
index a1994a284..442638906 100644
--- a/website/source/assets/stylesheets/_home.scss
+++ b/website/source/assets/stylesheets/_home.scss
@@ -211,12 +211,19 @@
     }
 
     &#news {
-      img {
+      img, iframe {
         box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.25);
         margin: 0 0 20px 0;
         max-width: 100%;
       }
 
+      iframe {
+        @media (min-width: $screen-sm) and (max-width: $screen-md) {
+          width: 100vw;
+          height: 56.25vw;
+        }
+      }
+
       h2 {
         margin-bottom: 50px;
       }
diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index 7412fb9d1..a47f59ae7 100644
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -178,7 +178,8 @@ description: |-
       </div>
       <div class="col-md-5 col-sm-12">
         <div class="latest-item">
-          <%= image_tag 'news/webinar-Terraform-4-4-2017.png', :alt=>'Webinar April 4, 2017, 10:00 AM PST' %>
+          <iframe width="560" height="270" src="https://www.youtube.com/embed/nLg7fpVcIv4?color=white&modestbranding=1" frameborder="0" allowfullscreen></iframe>
+          <%#= image_tag 'news/webinar-Terraform-4-4-2017.png', alt: 'Webinar April 4, 2017, 10:00 AM PST' %>
           <h3>Webinar: Multi-Cloud, One Command with Terraform</h3>
           <p>
             Watch our recent webinar with Mitchell Hashimoto to learn how Terraform provisions infrastructure across different clouds using a consistent workflow.