sites
/
photos.kameronkenny.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: sites:4ba270866845863e01a94a489457d73ea04aa75f
Branches Tags
sites:main
sites:develop
..
compare: sites:c15c0f11cc5bd658732ecf5b22c7eae1b00a6f95
Branches Tags
sites:develop
sites:main

No commits in common. "4ba270866845863e01a94a489457d73ea04aa75f" and "c15c0f11cc5bd658732ecf5b22c7eae1b00a6f95" have entirely different histories.
4ba2708668 ... c15c0f11cc

5 changed files with 31 additions and 4647 deletions
Show Stats Expand all files Collapse all files

2
_includes/footer.html
View File

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

9
_includes/header.html
View File

@ -12,18 +12,17 @@
maximum-scale=1">
<link href='//fonts.googleapis.com/css?family=Roboto:400,900' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="//code.jquery.com/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.4/jquery.lazy.min.js"></script>
<link rel="stylesheet" href="/assets/gallery.css">
</head>
<body>
<script type="text/javascript">
(function() {
$(function() {
$('.lazy').lazy({
effect: "fadeIn",
effectTime: 1000,
threshold: 500
effectTime: 2000,
threshold: 0
});
});
</script>

8
_layouts/gallery_page.html
View File

@ -30,17 +30,17 @@
<div id="gallery">
{% for image in sorted_imgs %}
<div class="picture-frame">
<a class="item" href="{{ image[0] }}">
<a class="item lazy" href="{{ image[0] }}">
<img
src="thumbs/{{ image[0] }}"
data-src="thumbs/{{ image[0] }}"
/>
height="300" />
</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 %}
<div class="meta"><div class="pull-left">{{ image_path | exif: 'model' }}</div> <div class="pull-right">{{ image_path | exif: 'shutter_speed_value'}}</div></div>
<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>
<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 %}

26
photos/assets/gallery.css
View File

@ -2251,33 +2251,25 @@ a {
box-sizing: border-box;
overflow: hidden;
position: relative; }
#gallery .item {
float: left;
margin-bottom: 5px;
}
#gallery .item a {
}
#gallery .item.last-row, #gallery .item.last-row ~ a {
#gallery .item {
float: left; }
#gallery .item.last-row, #gallery .item.last-row ~ a {
margin-bottom: 0; }
#gallery .item img {
#gallery .item img {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.02);
opacity: 0.9; }
#gallery .item:hover img {
#gallery .item:hover img {
opacity: 1; }
.picture-frame {
overflow: hidden;
position: relative;
float: left;
padding: 5px;
padding: 0px;
padding-bottom: 50px;
background: rgba(0,0,0, 0.5);
color: white;
font-size: 12px;
}
.meta {
overflow: hidden;
position: relative;
padding: 5px;
background: rgba(0,0,0, 0.5);
}

4625
photos/assets/gallery.js
View File

File diff suppressed because one or more lines are too long