Support for webm video, added favicon

Author: emilbaehr

_config.yml

@@ -37,37 +37,41 @@ email_address                             : [email protected]
 features                                  :
 
   - title                                 : GitHub Pages Jekyll Theme
-    description                           : Designed for GitHub Pages. Fork. Edit _config.yml. Push to gh-pages branch. Voilá!
+    description                           : Designed for GitHub Pages. Fork. Edit _config.yml. Upload screenshot/video. Push to gh-pages branch. Voilá!
     fontawesome_icon_name                 : magic
 
   - title                                 : iPhone Device Preview
-    description                           : Show your app in the context of an iPhone device. Five different colors included.
+    description                           : Preview your app in the context of an iPhone device. Five different device colors included.
     fontawesome_icon_name                 : mobile
 
+  - title                                 : Video Support
+    description                           : Preview app video on the iPhone device simply by placing your video files in the videos folder.
+    fontawesome_icon_name                 : play
+
+  - title                                 : Automatic Icon and Metadata
+    description                           : Enter iOS app ID in the _config.yml file to automatically fetch app icon, price and App Store Link.
+    fontawesome_icon_name                 : sync
+
   - title                                 : Easy to Tweak
     description                           : Tweak accent color, images, icons and transparency via the _config.yml file. No HTML/CSS needed.
     fontawesome_icon_name                 : adjust
-
-  - title                                 : Five device colors
-    description                           : Choose between five different iPhone colors to match your app's visual identity.
-    fontawesome_icon_name                 : palette
 
   - title                                 : Feature List
-    description                           : Add features (like this one) to your site simply by editing the _config.yml file.
+    description                           : Add features (like this one) to your site via the _config.yml file. No HTML/CSS needed.
     fontawesome_icon_name                 : star
 
-  - title                                 : Automatic App Icon
-    description                           : Enter iOS app ID in the _config.yml file to automatically fetch app icon, price and App Store Link.
-    fontawesome_icon_name                 : sync
-
   - title                                 : Smart App Banner
-    description                           : Display a smart app banner right on iOS devices.
+    description                           : Display a smart app banner on iOS devices.
     fontawesome_icon_name                 : arrow-alt-circle-down
 
   - title                                 : Social Links
-    description                           : Easily add social media accounts and contact info in the footer.
+    description                           : Easily add social media accounts and contact info in the footer via the _config.yml file. No HTML/CSS needed.
     fontawesome_icon_name                 : link
 
+  - title                                 : FontAwesome Support
+    description                           : Pick custom Font Awesome icons for the feature list via the _config.yml file. No HTML/CSS needed.
+    fontawesome_icon_name                 : info-circle
+
   - title                                 : # New Feature Title
     description                           : # New Feature Description
     fontawesome_icon_name                 : # Enter Font Awesome icon name (e.g. star). Find icons on fontawesome.com/icons.

_includes/appstoreimages.html

@@ -15,6 +15,9 @@
             console.info("Image strings loaded from Apple API.");
             var appInfo = json.results[0];
 
+            // Set favicon
+            $('link[rel="shortcut icon"]').attr("href", appInfo.artworkUrl512);
+
             // 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')) {

_includes/head.html

@@ -8,9 +8,7 @@
 	<meta name="description" content="{{ site.app_description }}">
 
 	<!-- Favicon -->
-	{% if site.favicon %}
-		<link rel="shortcut icon" href="{{ site.app_icon }}">
-	{% endif %}
+	<link rel="shortcut icon" href="{{ site.app_icon }}">
 
 	<!-- Smart App Banner -->
 	{% if site.enable_smart_app_banner %}

_includes/screencontent.html

@@ -16,7 +16,7 @@
                 console.log("remove screenshot");
             });
         </script>
-        {% if file.extname == ".mov" %}
+        {% if file.extname == ".mov" or file.extname == ".mp4" %}
             <script>
                 $(function() {
                     $(".videoContainer").removeClass("hidden");
@@ -32,6 +32,14 @@
                     console.log("{{ file.path }}");
                 });
             </script>
+        {% elsif file.extname == ".webm" %}
+        <script>
+            $(function() {
+                $(".videoContainer").removeClass("hidden");
+                $(".screenvideo").append('<source src="{{ file.path }}" type="video/webm">');
+                console.log("{{ file.path }}");
+            });
+        </script>
         {% endif %}
     {% endif %}
 {% endfor %}