Add vimeo placeholder

diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index 0d95b473c457e42ed8422ec4beeb8ed2415113d1..92cb3f421df32bc0cc839cc175b64911bfa908cb 100644 (file)
--- 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 be84f3e90fcf4cc94d6a75b030ff85f0f77f80f2..cc2ff4feb219056e3ec4dea64ad5b45677112ead 100644 (file)
--- 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 95104ea70d13db1bade2bc4d8e9d47f518780352..01dd97fc402e33c72f84dcc288fd3e04d666f9c9 100644 (file)
--- 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 (file)
index 0000000..badc743
Binary files /dev/null and b/docs/images/index/vimeo-placeholder.jpg differ