dev
This commit is contained in:
parent
72b04fe8d6
commit
4ba2708668
|
@ -1,5 +1,3 @@
|
||||||
<!--
|
|
||||||
<script src="/assets/gallery.js"></script>
|
<script src="/assets/gallery.js"></script>
|
||||||
-->
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -30,17 +30,17 @@
|
||||||
<div id="gallery">
|
<div id="gallery">
|
||||||
{% for image in sorted_imgs %}
|
{% for image in sorted_imgs %}
|
||||||
<div class="picture-frame">
|
<div class="picture-frame">
|
||||||
<a class="item lazy" href="{{ image[0] }}">
|
<a class="item" href="{{ image[0] }}">
|
||||||
<img
|
<img
|
||||||
src="thumbs/{{ image[0] }}"
|
src="thumbs/{{ image[0] }}"
|
||||||
data-src="thumbs/{{ image[0] }}"
|
data-src="thumbs/{{ image[0] }}"
|
||||||
height="300" />
|
/>
|
||||||
</a>
|
</a>
|
||||||
{% assign image_path = '/usr/local/jekyll/sites/photos.kameronkenny.com/photos/' | append: page.gallery | append: '/' | append: image[0] %}
|
{% 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 %}
|
{% capture has_exif %}{{ image_path | exif: "exif?" }}{% endcapture %}
|
||||||
{% if has_exif %}
|
{% if has_exif %}
|
||||||
<p>{{ image_path | exif: 'model' }} {{ image_path | exif: 'shutter_speed_value'}}</p>
|
<div class="meta"><div class="pull-left">{{ image_path | exif: 'model' }}</div> <div class="pull-right">{{ image_path | exif: 'shutter_speed_value'}}</div></div>
|
||||||
<p>{{ image_path | exif: 'lens_model' }} f{{ image_path | exif: 'aperture_value' }}</p>
|
<div class="meta"><div class="pull-left">{{ image_path | exif: 'lens_model' }}</div> <div class="pull-right">f/{{ image_path | exif: 'aperture_value' }}</div></div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
|
@ -2251,25 +2251,33 @@ a {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative; }
|
position: relative; }
|
||||||
#gallery .item {
|
#gallery .item {
|
||||||
float: left; }
|
float: left;
|
||||||
#gallery .item.last-row, #gallery .item.last-row ~ a {
|
margin-bottom: 5px;
|
||||||
margin-bottom: 0; }
|
}
|
||||||
#gallery .item img {
|
#gallery .item a {
|
||||||
width: 100%;
|
}
|
||||||
height: 100%;
|
#gallery .item.last-row, #gallery .item.last-row ~ a {
|
||||||
background: rgba(255, 255, 255, 0.02);
|
margin-bottom: 0; }
|
||||||
opacity: 0.9; }
|
#gallery .item img {
|
||||||
#gallery .item:hover img {
|
background: rgba(255, 255, 255, 0.02);
|
||||||
opacity: 1; }
|
opacity: 0.9; }
|
||||||
|
#gallery .item:hover img {
|
||||||
|
opacity: 1; }
|
||||||
|
|
||||||
.picture-frame {
|
.picture-frame {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
float: left;
|
float: left;
|
||||||
padding: 0px;
|
padding: 5px;
|
||||||
padding-bottom: 50px;
|
|
||||||
background: rgba(0,0,0, 0.5);
|
background: rgba(0,0,0, 0.5);
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.meta {
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
padding: 5px;
|
||||||
|
background: rgba(0,0,0, 0.5);
|
||||||
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue