From f6b0492d017f3ab7e788a19943934cc5f2b9eab1 Mon Sep 17 00:00:00 2001
From: Emil Baehr <emil.baehr@gmail.com>
Date: Tue, 26 Feb 2019 17:48:34 +0100
Subject: [PATCH] Hotfix

---
 docs/_config.yml                              |  2 +-
 docs/_includes/screencontent.html             | 14 ++++++++------
 docs/_sass/base.scss                          |  1 +
 docs/_sass/layout.scss                        |  1 +
 docs/assets/videos/Place-video-files-here.txt | 14 ++++++++++++++
 5 files changed, 25 insertions(+), 7 deletions(-)
 create mode 100644 docs/assets/videos/Place-video-files-here.txt

diff --git a/docs/_config.yml b/docs/_config.yml
index 8a3b105..d54b873 100644
--- a/docs/_config.yml
+++ b/docs/_config.yml
@@ -77,7 +77,7 @@ features                                  :
     fontawesome_icon_name                 : # Enter Font Awesome icon name (e.g. star). Find icons on fontawesome.com/icons.
 
 # Theme Settings
-body_color                                : "#ffffff"
+body_color                                : "#000"
 
 accent_color                              : "#1d63ea"
 
diff --git a/docs/_includes/screencontent.html b/docs/_includes/screencontent.html
index 7c20057..01da5dc 100644
--- a/docs/_includes/screencontent.html
+++ b/docs/_includes/screencontent.html
@@ -10,12 +10,14 @@
             });
         </script>
     {% elsif file.path contains 'assets/videos/' %}
-        <script>
-            $(function() {
-                $(".iphoneScreen").addClass("hidden");
-                console.log("remove screenshot");
-            });
-        </script>
+        {% unless file.path contains 'assets/videos/Place-video-files-here.txt' %}
+            <script>
+                $(function() {
+                    $(".iphoneScreen").addClass("hidden");
+                    console.log("remove screenshot");
+                });
+            </script>
+        {% endunless %}
         {% if file.extname == ".mov" or file.extname == ".mp4" %}
             <script>
                 $(function() {
diff --git a/docs/_sass/base.scss b/docs/_sass/base.scss
index 8e5ed46..4947cb2 100644
--- a/docs/_sass/base.scss
+++ b/docs/_sass/base.scss
@@ -32,6 +32,7 @@ h3 {
 body {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
+	background-color: $body-color;
 }
 
 a:link,
diff --git a/docs/_sass/layout.scss b/docs/_sass/layout.scss
index e8b9f75..6b980be 100644
--- a/docs/_sass/layout.scss
+++ b/docs/_sass/layout.scss
@@ -65,6 +65,7 @@ header {
 
 .logo {
 	display: flex;
+	width: 100%;
 	justify-content: flex-start;
 	align-items: center;
 	height: 115px;
diff --git a/docs/assets/videos/Place-video-files-here.txt b/docs/assets/videos/Place-video-files-here.txt
new file mode 100644
index 0000000..ce29447
--- /dev/null
+++ b/docs/assets/videos/Place-video-files-here.txt
@@ -0,0 +1,14 @@
+Place video files in this folder.
+
+Formats for Chrome & Firefox:
+.webm
+.ogg
+
+Formats for Safari:
+.mp4
+.mov
+
+Optimal video resolutions:
+828x1792
+1125x2436
+1242x2688
-- 
2.51.2