added landing page

6 files changed, 245 insertions, 0 deletions

diff --git a/docs/_includes/appstoreimages.html b/docs/_includes/appstoreimages.html
new file mode 100644
index 0000000..7fac822
--- /dev/null
+++ b/docs/_includes/appstoreimages.html
@@ -0,0 +1,67 @@
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
+
+{% if site.ios_app_id %}
+
+<script>
+
+$(function() {
+
+    var apiURL = "https://itunes.apple.com/lookup?id={{ site.ios_app_id }}&callback=?";
+
+    $.getJSON(apiURL, function(json) {
+
+        if (json.results && json.results.length) {
+
+            console.info("Image strings loaded from Apple API.");
+            var appInfo = json.results[0];
+
+            // Set favicon
+            $('link[rel="shortcut icon"]').attr("href", appInfo.artworkUrl512);
+
+            // Set page title using the iOS app ID if it is not set manually in _config.yml
+            var $pageTitle = $(".pageTitle");
+            if ($.trim($($pageTitle).text()).length == 0) {
+                $($pageTitle).html(appInfo.trackName);
+            }
+
+            // Set large app icon using the iOS app ID if it is not set manually in _config.yml
+            var $appIconLarge = $(".appIconLarge");
+            if (!$appIconLarge.attr('src')) {
+                $($appIconLarge).attr("src", appInfo.artworkUrl512);
+            }
+
+            // Set header app icon using the iOS app ID if it is not set manually in _config.yml
+            var $appIconHeader = $(".headerIcon");
+            if (!$appIconHeader.attr('src')) {
+                $($appIconHeader).attr("src", appInfo.artworkUrl512);
+            }
+
+            // Set app name using the iOS app ID if it is not set manually in _config.yml
+            var $appName = $(".appName");
+            var $headerName = $(".headerName");
+            if ($.trim($($appName).text()).length == 0) {
+                $($appName).html(appInfo.trackName);
+                $($headerName).html(appInfo.trackName);
+            }
+
+            // Set price using the iOS app ID if it is not set manually in _config.yml
+            var $appPrice = $(".appPrice");
+            if ($.trim($($appPrice).text()).length == 0) {
+                $($appPrice).html(appInfo.formattedPrice);
+            }
+
+            // Set App Store link using the iOS app ID if it is not set manually in _config.yml
+            var $appStoreLink = $(".appStoreLink");
+            if ($.trim($appStoreLink.attr('href')).length == 0) {
+                $($appStoreLink).attr("href", appInfo.trackViewUrl);
+            }
+
+            console.info(appInfo);
+
+        }
+    });  
+});
+
+</script>
+
+{% endif %}
\ No newline at end of file
diff --git a/docs/_includes/features.html b/docs/_includes/features.html
new file mode 100644
index 0000000..df75eec
--- /dev/null
+++ b/docs/_includes/features.html
@@ -0,0 +1,26 @@
+<div class="features">
+
+    {% for feature in site.features %}
+
+    {% if feature.title %}
+    <div class="feature">
+        <div>
+            <span class="fa-stack fa-1x">
+                <i class="iconBack fas fa-circle fa-stack-2x"></i>
+                <i class="iconTop fas fa-{{ feature.fontawesome_icon_name }} fa-stack-1x"></i>
+            </span>
+        </div>
+        <div class="featureText">
+            <h3>
+                {{ feature.title }}
+            </h3>
+            <p>
+                {{ feature.description }}
+            </p>
+        </div>
+    </div>
+    {% endif %}
+
+    {% endfor %}
+
+</div>
\ No newline at end of file
diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
new file mode 100644
index 0000000..291a15d
--- /dev/null
+++ b/docs/_includes/footer.html
@@ -0,0 +1,52 @@
+<footer>
+	{% if site.your_name %}
+	<p class="footerText">Made by {% if site.your_link %}<a href="{{ site.your_link }}">{% endif %}{{ site.your_name }}{% if site.your_link %}</a>{% endif %}{% if site.your_city %} in {{ site.your_city }}{% endif %}</p>
+	{% endif %}
+	<div class="footerIcons">
+
+		{% if site.facebook_username %}
+			<a href="https://facebook.com/{{ site.facebook_username }}">
+				<span class="fa-stack fa-1x">
+					<i class="socialIconBack fas fa-circle fa-stack-2x"></i>
+					<i class="socialIconTop fab fa-facebook fa-stack-1x"></i>
+				</span>
+			</a>
+		{% endif %}
+
+		{% if site.twitter_username %}
+			<a href="https://twitter.com/{{ site.twitter_username }}">
+				<span class="fa-stack fa-1x">
+					<i class="socialIconBack fas fa-circle fa-stack-2x"></i>
+					<i class="socialIconTop fab fa-twitter fa-stack-1x"></i>
+				</span>
+			</a>
+		{% endif %}
+
+		{% if site.github_username %}
+			<a href="https://github.com/{{ site.github_username }}">
+				<span class="fa-stack fa-1x">
+					<i class="socialIconBack fas fa-circle fa-stack-2x"></i>
+					<i class="socialIconTop fab fa-github fa-stack-1x"></i>
+				</span>
+			</a>
+		{% endif %}
+
+		{% if site.email_address %}
+			<a href="mailto:{{ site.email_address }}">
+				<span class="fa-stack fa-1x">
+					<i class="socialIconBack fas fa-circle fa-stack-2x"></i>
+					<i class="socialIconTop fas fa-envelope fa-stack-1x"></i>
+				</span>
+			</a>
+		{% endif %}
+
+	</div>
+	<div class="footerLinks">
+		{% for page in site.pages %}
+			<a href="{{ page.url | relative_url }}" target="_self">{{ page.title }}</a>
+		{% endfor %}
+		{% if site.presskit_download_link %}
+			<a href="{{ site.presskit_download_link }}">Press Kit</a>
+		{% endif %}
+	</div>
+</footer>
\ No newline at end of file
diff --git a/docs/_includes/head.html b/docs/_includes/head.html
new file mode 100644
index 0000000..667196b
--- /dev/null
+++ b/docs/_includes/head.html
@@ -0,0 +1,21 @@
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="x-ua-compatible" content="ie=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<base target="_blank">
+
+	<title class="pageTitle">{{ site.page_title }}</title>
+	<meta name="description" content="{{ site.app_description }}">
+
+	<link rel="shortcut icon" href="{{ site.app_icon }}">
+
+	<!-- Smart App Banner -->
+	{% if site.enable_smart_app_banner %}
+		<meta name="apple-itunes-app" content="app-id={{ site.ios_app_id }}">
+	{% endif %}
+
+	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+	<link rel="stylesheet" href="/main.css">
+	<link rel="stylesheet" href="main.css">
+	<link rel="stylesheet" href="../main.css">
+</head>
\ No newline at end of file
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
new file mode 100644
index 0000000..31e96e1
--- /dev/null
+++ b/docs/_includes/header.html
@@ -0,0 +1,32 @@
+<header>
+	<div class="logo">
+		<div class="appIconShadow">
+			<svg width="0" height="0">
+				<defs>
+					<clipPath id="shape">
+							<path id="shape" class="cls-1" d="M6181.23,233.709v-1.792c0-.5-0.02-1-0.02-1.523a24.257,24.257,0,0,0-.28-3.3,11.207,11.207,0,0,0-1.04-3.132,10.683,10.683,0,0,0-1.95-2.679,10.384,10.384,0,0,0-2.68-1.943,10.806,10.806,0,0,0-3.13-1.038,19.588,19.588,0,0,0-3.3-.285c-0.5-.017-1-0.017-1.52-0.017h-22.39c-0.51,0-1.01.017-1.53,0.017a24.041,24.041,0,0,0-3.3.285,11.009,11.009,0,0,0-3.13,1.038,10.491,10.491,0,0,0-4.62,4.622,10.893,10.893,0,0,0-1.04,3.132,19.2,19.2,0,0,0-.28,3.3c-0.02.5-.02,1-0.02,1.523v22.392c0,0.5.02,1,.02,1.524a24.257,24.257,0,0,0,.28,3.3,10.9,10.9,0,0,0,1.04,3.132,10.491,10.491,0,0,0,4.62,4.622,11.04,11.04,0,0,0,3.13,1.038,19.891,19.891,0,0,0,3.3.285c0.51,0.017,1.01.017,1.53,0.017h22.39c0.5,0,1-.017,1.52-0.017a24.221,24.221,0,0,0,3.3-.285,10.836,10.836,0,0,0,3.13-1.038,10.408,10.408,0,0,0,2.68-1.943,10.683,10.683,0,0,0,1.95-2.679,11.217,11.217,0,0,0,1.04-3.132,20.257,20.257,0,0,0,.28-3.3c0.02-.5.02-1,0.02-1.524v-20.6h0Z" transform="translate(-6131 -218)"/>
+					</clipPath>
+				</defs>
+			</svg>
+			{% if page.url != '/' %}
+				<a href="../" target="_self"><img class="headerIcon" src="{{ site.app_icon }}"></a>
+			{% else %}
+				<img class="headerIcon" src="{{ site.app_icon }}">
+			{% endif %}
+			<div class="divider"></div>
+		</div>
+		<p class="headerName">{{ site.app_name }}</p>
+	</div>
+	<nav class="scroll">
+		<ul>
+			{% for page in site.pages %}
+				{% if page.include_in_header == true %}
+				<li><a href="{{ page.url | relative_url }}" target="_self">{{ page.title }}</a></li>
+				{% endif %}
+			{% endfor %}
+			{% if site.presskit_download_link %}
+				<li><a href="{{ site.presskit_download_link }}">Press Kit</a></li>
+			{% endif %}
+		</ul>
+	</nav>
+</header>
\ No newline at end of file
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