added landing page

1 files changed, 47 insertions, 0 deletions

diff --git a/docs/_includes/screencontent.html b/docs/_includes/screencontent.html
new file mode 100644
index 0000000..01da5dc
--- /dev/null
+++ b/docs/_includes/screencontent.html
@@ -0,0 +1,47 @@
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
+
+{% for file in site.static_files %}
+    {% if file.path contains 'assets/screenshot/' %}
+        <script>
+            $(function() {
+                $(".iphoneScreen").attr('src', '{{ site.github.baseurl }}{{ file.path }}');
+                $(".iphoneScreen").removeClass("hidden");
+                console.log("{{ file.path }}");
+            });
+        </script>
+    {% elsif file.path contains 'assets/videos/' %}
+        {% 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() {
+                    $(".videoContainer").removeClass("hidden");
+                    $(".screenvideo").append('<source src="{{ site.github.baseurl }}{{ file.path }}" type="video/mp4">');
+                    console.log("{{ file.path }}");
+                });
+            </script>
+        {% elsif file.extname == ".ogg" %}
+            <script>
+                $(function() {
+                    $(".videoContainer").removeClass("hidden");
+                    $(".screenvideo").append('<source src="{{ site.github.baseurl }}{{ file.path }}" type="video/ogg">');
+                    console.log("{{ file.path }}");
+                });
+            </script>
+        {% elsif file.extname == ".webm" %}
+        <script>
+            $(function() {
+                $(".videoContainer").removeClass("hidden");
+                $(".screenvideo").append('<source src="{{ site.github.baseurl }}{{ file.path }}" type="video/webm">');
+                console.log("{{ file.path }}");
+            });
+        </script>
+        {% endif %}
+    {% endif %}
+{% endfor %}
\ No newline at end of file