Merge pull request #594 from BitcoinDesign/feature/home-page-video-preview

Adding video preview to the home page

Author: pavlenex

_compress_images_cache.yml

@@ -1480,4 +1480,4 @@ assets/images/guide/private-key-management/external-signers/external-signing-dev
 assets/images/guide/private-key-management/external-signers/external-signing-device-mobile@2x.png: external-signing-device-mobile@2x.png
 assets/images/guide/private-key-management/external-signers/external-signing-device-preview.png: external-signing-device-preview.png
 assets/images/guide/private-key-management/external-signers/external-signing-device.png: external-signing-device.png
-assets/images/guide/private-key-management/external-signers/external-signing-device@2x.png: external-signing-device@2x.png
+assets/images/guide/private-key-management/external-signers/external-signing-device@2x.png: external-signing-device@2x.png

_includes/custom-head.html

@@ -5,12 +5,20 @@
   2. Customize default _includes/custom-head.html in your source directory and insert the given code snippet.
 {% endcomment %}
 
+{% if page.video %}<meta property="og:video" content="{{ page.video | absolute_url }}">{% endif %}
+{% if page.videoSecure %}<meta property="og:video:secure_url" content="{{ page.videoSecure }}">{% endif %}
+{% if page.videoType %}<meta property="og:video:type" content="{{ page.videoType }}">{% endif %}
+{% if page.videoWidth %}<meta property="og:video:width" content="{{ page.videoWidth }}">{% endif %}
+{% if page.videoHeight %}<meta property="og:video:height" content="{{ page.videoHeight }}">{% endif %}
+
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <link rel="apple-touch-icon" sizes="180x180" href="{{ "/assets/apple-touch-icon.png" | relative_url }}">
 <link rel="icon" type="image/png" sizes="32x32" href="{{ "/assets/favicon-32x32.png" | relative_url }}">
 <link rel="icon" type="image/png" sizes="16x16" href="{{ "/assets/favicon-16x16.png" | relative_url }}">
 <link rel="manifest" href="{{ "/site.webmanifest" | relative_url }}">
 <link rel="mask-icon" href="{{ "/assets/safari-pinned-tab.svg" | relative_url }}" color="#f2a900">
+
 <meta name="msapplication-TileColor" content="#f2a900">
-<meta name="theme-color" content="#f2a900">
+<meta name="theme-color" content="#f2a900">
+

assets/images/bitcoin-design-preview.mp4

@@ -4,6 +4,10 @@
 
 layout: home
 permalink: /
+video: /assets/images/bitcoin-design-preview.mp4
+videoType: 'video/mp4'
+videoWidth: 1600
+videoHeight: 840
 ---
 
 ## We are helping make [Bitcoin](https://bitcoin.org) more intuitive and accessible.