Add sample files for all rotations + rebuild sample gallery

docs/captions.html

@@ -28,12 +28,12 @@
         <li >
           <a href="videos.html">videos</a>
         </li>
-        <li >
-          <a href="rotations.html">rotations</a>
-        </li>
         <li class="active">
           <a href="captions.html">captions</a>
         </li>
+        <li >
+          <a href="rotations.html">rotations</a>
+        </li>
       </ul>
     </nav>
 

docs/index.html

@@ -42,26 +42,26 @@
         </a>
       </li>
       <li>
-        <a href="rotations.html">
-          <h3>rotations</h3>
+        <a href="captions.html">
+          <h3>captions</h3>
           <div class="meta">
-            1 photos<br />
-            1 Dec 14 - 1 Dec 14
+            3 photos<br />
+            22 Sep 15 - 22 Sep 15
           </div>
             <ul class="grid">
-              <li><img src="media/thumbs/rotations/landscape.jpg" /></li><li><img src="public/missing.png" /></li><li><img src="public/missing.png" /></li><li><img src="public/missing.png" /></li>
+              <li><img src="media/thumbs/captions/sunset.jpg" /></li><li><img src="media/thumbs/captions/tree.jpg" /></li><li><img src="media/thumbs/captions/water.jpg" /></li><li><img src="public/missing.png" /></li>
             </ul>
         </a>
       </li>
       <li>
-        <a href="captions.html">
-          <h3>captions</h3>
+        <a href="rotations.html">
+          <h3>rotations</h3>
           <div class="meta">
-            3 photos<br />
-            22 Sep 15 - 22 Sep 15
+            16 photos<br />
+            8 Oct 16 - 8 Oct 16
           </div>
             <ul class="grid">
-              <li><img src="media/thumbs/captions/sunset.jpg" /></li><li><img src="media/thumbs/captions/tree.jpg" /></li><li><img src="media/thumbs/captions/water.jpg" /></li><li><img src="public/missing.png" /></li>
+              <li><img src="media/thumbs/rotations/Landscape_1.jpg" /></li><li><img src="media/thumbs/rotations/Landscape_2.jpg" /></li><li><img src="media/thumbs/rotations/Landscape_3.jpg" /></li><li><img src="media/thumbs/rotations/Landscape_4.jpg" /></li>
             </ul>
         </a>
       </li>

docs/metadata.json

@@ -50,14 +50,6 @@
       "orientation": 1
     }
   },
-  "rotations/landscape.jpg": {
-    "fileDate": 1417437612000,
-    "mediaType": "photo",
-    "exif": {
-      "date": null,
-      "orientation": 8
-    }
-  },
   "videos/countdown.mp4": {
     "fileDate": 1397816697000,
     "mediaType": "video",
@@ -74,5 +66,133 @@
       "orientation": null,
       "caption": null
     }
+  },
+  "rotations/Landscape_1.jpg": {
+    "fileDate": 1475923610000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 1
+    }
+  },
+  "rotations/Landscape_2.jpg": {
+    "fileDate": 1475923617000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 2
+    }
+  },
+  "rotations/Landscape_3.jpg": {
+    "fileDate": 1475923621000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 3
+    }
+  },
+  "rotations/Landscape_4.jpg": {
+    "fileDate": 1475923625000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 4
+    }
+  },
+  "rotations/Landscape_5.jpg": {
+    "fileDate": 1475923628000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 5
+    }
+  },
+  "rotations/Landscape_6.jpg": {
+    "fileDate": 1475923634000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 6
+    }
+  },
+  "rotations/Landscape_7.jpg": {
+    "fileDate": 1475923636000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 7
+    }
+  },
+  "rotations/Landscape_8.jpg": {
+    "fileDate": 1475923640000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 8
+    }
+  },
+  "rotations/Portrait_1.jpg": {
+    "fileDate": 1475923644000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 1
+    }
+  },
+  "rotations/Portrait_2.jpg": {
+    "fileDate": 1475923647000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 2
+    }
+  },
+  "rotations/Portrait_3.jpg": {
+    "fileDate": 1475923650000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 3
+    }
+  },
+  "rotations/Portrait_4.jpg": {
+    "fileDate": 1475923653000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 4
+    }
+  },
+  "rotations/Portrait_5.jpg": {
+    "fileDate": 1475923659000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 5
+    }
+  },
+  "rotations/Portrait_6.jpg": {
+    "fileDate": 1475923663000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 6
+    }
+  },
+  "rotations/Portrait_7.jpg": {
+    "fileDate": 1475923666000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 7
+    }
+  },
+  "rotations/Portrait_8.jpg": {
+    "fileDate": 1475923670000,
+    "mediaType": "photo",
+    "exif": {
+      "date": null,
+      "orientation": 8
+    }
   }
 }

docs/photos.html

@@ -29,10 +29,10 @@
           <a href="videos.html">videos</a>
         </li>
         <li >
-          <a href="rotations.html">rotations</a>
+          <a href="captions.html">captions</a>
         </li>
         <li >
-          <a href="captions.html">captions</a>
+          <a href="rotations.html">rotations</a>
         </li>
       </ul>
     </nav>

docs/rotations.html

@@ -28,24 +28,174 @@
         <li >
           <a href="videos.html">videos</a>
         </li>
-        <li class="active">
-          <a href="rotations.html">rotations</a>
-        </li>
         <li >
           <a href="captions.html">captions</a>
         </li>
+        <li class="active">
+          <a href="rotations.html">rotations</a>
+        </li>
       </ul>
     </nav>
 
     <ul id="gallery">
-          <li data-src="media/large/rotations/landscape.jpg"
+          <li data-src="media/large/rotations/Landscape_1.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Landscape_1.jpg">
+            <a href="media/large/rotations/Landscape_1.jpg">
+              <img src="media/thumbs/rotations/Landscape_1.jpg"
+                   width="120"
+                   height="120"
+                   alt="Landscape_1.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Landscape_2.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Landscape_2.jpg">
+            <a href="media/large/rotations/Landscape_2.jpg">
+              <img src="media/thumbs/rotations/Landscape_2.jpg"
+                   width="120"
+                   height="120"
+                   alt="Landscape_2.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Landscape_3.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Landscape_3.jpg">
+            <a href="media/large/rotations/Landscape_3.jpg">
+              <img src="media/thumbs/rotations/Landscape_3.jpg"
+                   width="120"
+                   height="120"
+                   alt="Landscape_3.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Landscape_4.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Landscape_4.jpg">
+            <a href="media/large/rotations/Landscape_4.jpg">
+              <img src="media/thumbs/rotations/Landscape_4.jpg"
+                   width="120"
+                   height="120"
+                   alt="Landscape_4.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Landscape_5.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Landscape_5.jpg">
+            <a href="media/large/rotations/Landscape_5.jpg">
+              <img src="media/thumbs/rotations/Landscape_5.jpg"
+                   width="120"
+                   height="120"
+                   alt="Landscape_5.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Landscape_6.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Landscape_6.jpg">
+            <a href="media/large/rotations/Landscape_6.jpg">
+              <img src="media/thumbs/rotations/Landscape_6.jpg"
+                   width="120"
+                   height="120"
+                   alt="Landscape_6.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Landscape_7.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Landscape_7.jpg">
+            <a href="media/large/rotations/Landscape_7.jpg">
+              <img src="media/thumbs/rotations/Landscape_7.jpg"
+                   width="120"
+                   height="120"
+                   alt="Landscape_7.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Landscape_8.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Landscape_8.jpg">
+            <a href="media/large/rotations/Landscape_8.jpg">
+              <img src="media/thumbs/rotations/Landscape_8.jpg"
+                   width="120"
+                   height="120"
+                   alt="Landscape_8.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Portrait_1.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Portrait_1.jpg">
+            <a href="media/large/rotations/Portrait_1.jpg">
+              <img src="media/thumbs/rotations/Portrait_1.jpg"
+                   width="120"
+                   height="120"
+                   alt="Portrait_1.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Portrait_2.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Portrait_2.jpg">
+            <a href="media/large/rotations/Portrait_2.jpg">
+              <img src="media/thumbs/rotations/Portrait_2.jpg"
+                   width="120"
+                   height="120"
+                   alt="Portrait_2.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Portrait_3.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Portrait_3.jpg">
+            <a href="media/large/rotations/Portrait_3.jpg">
+              <img src="media/thumbs/rotations/Portrait_3.jpg"
+                   width="120"
+                   height="120"
+                   alt="Portrait_3.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Portrait_4.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Portrait_4.jpg">
+            <a href="media/large/rotations/Portrait_4.jpg">
+              <img src="media/thumbs/rotations/Portrait_4.jpg"
+                   width="120"
+                   height="120"
+                   alt="Portrait_4.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Portrait_5.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Portrait_5.jpg">
+            <a href="media/large/rotations/Portrait_5.jpg">
+              <img src="media/thumbs/rotations/Portrait_5.jpg"
+                   width="120"
+                   height="120"
+                   alt="Portrait_5.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Portrait_6.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Portrait_6.jpg">
+            <a href="media/large/rotations/Portrait_6.jpg">
+              <img src="media/thumbs/rotations/Portrait_6.jpg"
+                   width="120"
+                   height="120"
+                   alt="Portrait_6.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Portrait_7.jpg"
+              data-sub-html=""
+              data-download-url="media/large/rotations/Portrait_7.jpg">
+            <a href="media/large/rotations/Portrait_7.jpg">
+              <img src="media/thumbs/rotations/Portrait_7.jpg"
+                   width="120"
+                   height="120"
+                   alt="Portrait_7.jpg" />
+           </a>
+          </li>
+          <li data-src="media/large/rotations/Portrait_8.jpg"
               data-sub-html=""
-              data-download-url="media/large/rotations/landscape.jpg">
-            <a href="media/large/rotations/landscape.jpg">
-              <img src="media/thumbs/rotations/landscape.jpg"
+              data-download-url="media/large/rotations/Portrait_8.jpg">
+            <a href="media/large/rotations/Portrait_8.jpg">
+              <img src="media/thumbs/rotations/Portrait_8.jpg"
                    width="120"
                    height="120"
-                   alt="landscape.jpg" />
+                   alt="Portrait_8.jpg" />
            </a>
           </li>
     </ul>

docs/videos.html

@@ -29,16 +29,16 @@
           <a href="videos.html">videos</a>
         </li>
         <li >
-          <a href="rotations.html">rotations</a>
+          <a href="captions.html">captions</a>
         </li>
         <li >
-          <a href="captions.html">captions</a>
+          <a href="rotations.html">rotations</a>
         </li>
       </ul>
     </nav>
 
     <ul id="gallery">
-          <li data-html="#media8"
+          <li data-html="#media7"
               data-poster="media/large/videos/countdown.jpg"
               data-download-url="media/large/videos/countdown.mp4">
             <a href="media/large/videos/countdown.mp4">
@@ -49,7 +49,7 @@
             </a>
             <img class="video-overlay" src="public/play.png" />
           </li>
-          <li data-html="#media9"
+          <li data-html="#media8"
               data-poster="media/large/videos/momentum.jpg"
               data-download-url="media/large/videos/momentum.mp4">
             <a href="media/large/videos/momentum.mp4">
@@ -63,13 +63,13 @@
     </ul>
 
     <div id="videos">
-          <div id="media8" style="display:none;">
+          <div id="media7" style="display:none;">
             <video class="lg-video-object lg-html5 video-js vjs-default-skin"  preload="none" controls>
               <source src="media/large/videos/countdown.mp4" type="video/mp4" />
               Your browser does not support HTML5 video
             </video>
           </div>
-          <div id="media9" style="display:none;">
+          <div id="media8" style="display:none;">
             <video class="lg-video-object lg-html5 video-js vjs-default-skin"  preload="none" controls>
               <source src="media/large/videos/momentum.mp4" type="video/mp4" />
               Your browser does not support HTML5 video