_config.yml

@@ -21,7 +21,7 @@ gallery:
   symlink: false            # false: copy images into _site. true: create symbolic links (saves disk space)
   thumbnail_size:
     y: 450
-    retina: 1.5
+    retina: 1.2
 
   # The following options are for individual galleries.
   galleries:

_includes/footer.html

@@ -1,4 +1,5 @@
+<!--
 <script src="/assets/gallery.js"></script>
-
+-->
 </body>
 </html>

_layouts/gallery_page.html

@@ -29,18 +29,20 @@
 
 <div id="gallery">
   {% for image in sorted_imgs %}
+  <div class="picture-frame">
     <a class="item lazy" href="{{ image[0] }}">
       <img
         src="thumbs/{{ image[0] }}"
         data-src="thumbs/{{ image[0] }}"
-        width="{{ image[1] | divided_by: site.gallery.thumbnail_size.retina }}"
+        height="300" />
-        height="{{ site.gallery.thumbnail_size.y | divided_by: site.gallery.thumbnail_size.retina }}" />
     </a>
     {% assign image_path = '/usr/local/jekyll/sites/photos.kameronkenny.com/photos/' | append: page.gallery | append: '/' | append: image[0] %}
     {% capture has_exif %}{{ image_path | exif: "exif?" }}{% endcapture %}
     {% if has_exif %}
-      Camera: {{ image_path | exif: 'model' }}
+    <p>{{ image_path | exif: 'model' }} {{ image_path | exif: 'shutter_speed_value'}}</p>
+    <p>{{ image_path | exif: 'lens_model' }} f{{ image_path | exif: 'aperture_value' }}</p>
     {% endif %}
+  </div>
   {% endfor %}
 </div>
 

photos/assets/gallery.css

@@ -2262,3 +2262,14 @@ a {
       opacity: 0.9; }
     #gallery .item:hover img {
       opacity: 1; }
+
+.picture-frame {
+  overflow: hidden;
+  position: relative;
+  float: left;
+  padding: 0px;
+  padding-bottom: 50px;
+  background: rgba(0,0,0, 0.5);
+  color: white;
+  font-size: 12px;
+}