cleanup y gracefull degradation

Author: anabelle

.gitignore

@@ -1,3 +1,6 @@
+# Ignore your pretty photos from the repo (add if you like)
+/img/*
+
 # Numerous always-ignore extensions
 *.diff
 *.err

apple-touch-icon-114x114-precomposed.png

@@ -23,7 +23,7 @@
 /* An array containing desired position within slideshow and video URLs  */
 
 $videos = array(
-    // "2" => "http://www.youtube.com/watch?v=MejbOFk7H6c", /* You can add all videos you want in the positions you like. There can not be more videos than images or they won't show up. */
+     "2" => "http://www.youtube.com/watch?v=MejbOFk7H6c", /* You can add all videos you want in the positions you like. There can not be more videos than images or they won't show up. */
     // "5" => "http://vimeo.com/36160341",
     // "6" => "http://www.youtube.com/watch?v=MejbOFk7H6c",
     // "10" => "http://vimeo.com/36160348",

apple-touch-icon-57x57-precomposed.png

@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
+<cross-domain-policy>
+	<site-control permitted-cross-domain-policies="none"/>
+</cross-domain-policy>

apple-touch-icon-72x72-precomposed.png

@@ -97,10 +97,26 @@ body , html {
   text-align:left;
 }
 
+.js #slideshow .video a {
+  display:block;
+  /* I like being dirty */
+  font-size:0px;
+  letter-spacing:-1em;
+  line-height:0px;
+}
 
+.no-js #slideshow {
+  overflow: auto;
+}
 
-
-
+.no-js #slideshow .video a {
+  color:#fff;
+  display:block;
+  font-size:2em;
+  padding: 40px 0px;
+  text-align:center;
+  text-decoration:none;
+}
 
 @media only screen and (min-width: 35em) {
 

apple-touch-icon-precomposed.png

@@ -57,7 +57,7 @@
           $extension = substr($img_array[$index], -3);
           if ($extension == 'jpg' || $extension == 'png' || $extension == 'gif'){
             if($videos[$img_count+1]){
-              echo '<li class="slide video"><a class="videolink" href="'.$videos[$img_count+1].'">Video '.($img_count+1).'</a></li>'.PHP_EOL;
+              echo '<li class="slide video"><a class="videolink" href="'.$videos[$img_count+1].'" target="_blank">Video '.($img_count+1).'</a></li>'.PHP_EOL;
             }
             echo '<li class="slide" style="background-image:url('. $images_folder . '/' . $img_array[$index] .');"><img class="visuallyhidden" src="' . $images_folder . '/' . $img_array[$index] . '" alt="" /></li>'.PHP_EOL;
             $img_count++;

apple-touch-icon.png

@@ -1,8 +1,7 @@
-# HTML Image Slides
+# HTML Slides
 
 This is a very simple script that will allow you to set up an image based slideshow in no time.
-It has support for jpg, png, and gif images, as well as youtube and vimeo support so your slides can be a full screen video.
-
+It has support for jpg, png, and gif images, as well as youtube and vimeo support so some of your slides can be a full screen video.
 
 
 ## Quick start
@@ -15,16 +14,18 @@ All you need is a php server, upload the script, drop some images in the img fol
 * HTML5 ready.
 * Cross-browser compatible (Chrome, Opera, Safari, Firefox 3.6+).
 * Responsive layout, you can select to crop or letterbox your images.
-* Google analytics support
+* Auto-advance slides
+* Minimal css and html
 * Dead simple youtube and vimeo support
-* Mousewheel and keyboard navigation
+* Google analytics support
+* Click, Mousewheel and keyboard navigation
 * Easy to customize
 * Built on top of the best plugins available.
 
 
 ## Settings
 
-For an out of the box installation you should just add images to the img folder and set your options in the config.php file.
+For an out of the box installation you should just add images to the img folder and set your basic settings in the config.php file.
 
 
 ## Contributing