Add vimeo placeholder

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>

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)

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;
   }