From e0676084ee4ae3587572e46588f060782b912456 Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Tue, 10 Oct 2017 19:18:52 +0100
Subject: [PATCH] Add vimeo placeholder

---
 docs/_includes/footer.html              |   2 ++
 docs/_sass/index.sass                   |  11 +++++++++--
 docs/css/bulma-docs.css                 |  12 ++++++++++--
 docs/images/index/vimeo-placeholder.jpg | Bin 0 -> 4976 bytes
 4 files changed, 21 insertions(+), 4 deletions(-)
 create mode 100644 docs/images/index/vimeo-placeholder.jpg

diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index 0d95b473c..92cb3f421 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -148,3 +148,5 @@
   ga('create', 'UA-82634666-2', 'auto');
   ga('send', 'pageview');
 </script>
+
+<script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/72160148.js"></script>
diff --git a/docs/_sass/index.sass b/docs/_sass/index.sass
index be84f3e90..cc2ff4feb 100644
--- a/docs/_sass/index.sass
+++ b/docs/_sass/index.sass
@@ -1,7 +1,7 @@
 .intro-content
   margin-left: auto
   margin-right: auto
-  max-width: 440px
+  max-width: 640px
 
 .intro-title
   font-weight: $weight-normal
@@ -107,6 +107,11 @@
 
 .intro-shadow
   +overlay
+  background-color: #43647b
+  background-image: url("/images/index/vimeo-placeholder.jpg")
+  background-position: center center
+  background-repeat: no-repeat
+  background-size: cover
   box-shadow: 0 1.5rem 3rem rgba(#000, 0.2)
   animation-name: introShadow
 
@@ -142,7 +147,7 @@
 +touch
   .intro-column.is-video,
   .intro-carbon
-    margin-top: 1.5rem
+    margin-top: 3rem
 
 +desktop
   .intro-columns
@@ -154,6 +159,8 @@
       margin-right: 1.5rem
     &.is-video
       margin-left: 1.5rem
+  .intro-content
+    max-width: 440px
   .intro-title
     margin-top: -11px
     &:not(:last-child)
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 95104ea70..01dd97fc4 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -9454,7 +9454,7 @@ svg {
 .intro-content {
   margin-left: auto;
   margin-right: auto;
-  max-width: 440px;
+  max-width: 640px;
 }
 
 .intro-title {
@@ -9615,6 +9615,11 @@ svg {
   position: absolute;
   right: 0;
   top: 0;
+  background-color: #43647b;
+  background-image: url("/images/index/vimeo-placeholder.jpg");
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
   box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
   animation-name: introShadow;
 }
@@ -9659,7 +9664,7 @@ svg {
 @media screen and (max-width: 1023px) {
   .intro-column.is-video,
   .intro-carbon {
-    margin-top: 1.5rem;
+    margin-top: 3rem;
   }
 }
 
@@ -9677,6 +9682,9 @@ svg {
   .intro-column.is-video {
     margin-left: 1.5rem;
   }
+  .intro-content {
+    max-width: 440px;
+  }
   .intro-title {
     margin-top: -11px;
   }
diff --git a/docs/images/index/vimeo-placeholder.jpg b/docs/images/index/vimeo-placeholder.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..badc7434660142d8f09af708206e8f72016f1b4f
GIT binary patch
literal 4976
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
RtP;b>uTjNI9~pLv`!6Xn`KkZ_

literal 0
Hc-jL100001

-- 
2.47.2