new photos
This commit is contained in:
Don Harper
parent
31e3a29f3c
commit
f8d08e946e
48 changed files with 4284 additions and 5647 deletions
|
|
@ -12,126 +12,103 @@
|
|||
<link rel="stylesheet" href="../../static/css/normalize.css">
|
||||
<link rel="stylesheet" href="../../static/themes/classic/galleria.classic.css">
|
||||
<link rel="stylesheet" href="../../static/css/style.css">
|
||||
|
||||
|
||||
<style>
|
||||
body::after{
|
||||
position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
|
||||
content:url(20161126111946.jpg);
|
||||
}</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<h1><a href="../../">duckland.org's photo gallery</a></h1>
|
||||
|
||||
<nav id="menu">
|
||||
<ul>
|
||||
<li><a href="/photos/">Photos Home</a></li>
|
||||
<li><a href="/">Home Page</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<h2><a href="../">TRF</a> » <a href=".">2016</a></h2>
|
||||
<nav id="menu">
|
||||
<ul>
|
||||
<li><a href="/photos/">Photos Home</a></li>
|
||||
<li><a href="/">Home Page</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="breadcrumb">
|
||||
<h2>
|
||||
<a href="../">TRF</a> » <a href=".">2016</a></h2>
|
||||
</div>
|
||||
<hr>
|
||||
</header>
|
||||
|
||||
<div id="main" role="main">
|
||||
|
||||
<div class="icons">
|
||||
<a id="fullscreen"><img src="../../static/img/fullscreen.png"
|
||||
title="Fullscreen" alt="Fullscreen" /></a>
|
||||
</div>
|
||||
<div id="gallery">
|
||||
<a href="20161126111946.jpg">
|
||||
<img src="thumbnails/20161126111946.jpg" alt="20161126111946.jpg"
|
||||
data-title="20161126111946.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
<abbr title='film speed'>100</abbr> <abbr title='exposure'>1/250</abbr> <abbr title='aperture'>5.40000009537</abbr> <abbr title='focal length'>27.0</abbr> </div>
|
||||
<a title='location' href='https://www.openstreetmap.org/?mlat=17056881.6667&mlon=17056881.6667&zoom=12&layers=M' target='_blank' class='map'
|
||||
>N17056881.666667
|
||||
E17056881.666667</a>
|
||||
<abbr title='camera make and model'>Panasonic DMC-ZS40</abbr>
|
||||
<abbr title='date'>Sat 26 Nov 2016 11:19:46 AM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="20161126112249.jpg">
|
||||
<img src="thumbnails/20161126112249.jpg" alt="20161126112249.jpg"
|
||||
data-title="20161126112249.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
<abbr title='film speed'>100</abbr> <abbr title='exposure'>1/320</abbr> <abbr title='aperture'>5.5</abbr> <abbr title='focal length'>29.0</abbr> </div>
|
||||
<a title='location' href='https://www.openstreetmap.org/?mlat=30.2551116204&mlon=-95.84017&zoom=12&layers=M' target='_blank' class='map'
|
||||
>N30.255112
|
||||
W95.840170</a>
|
||||
<abbr title='camera make and model'>Panasonic DMC-ZS40</abbr>
|
||||
<abbr title='date'>Sat 26 Nov 2016 11:22:49 AM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="20161126112933.jpg">
|
||||
<img src="thumbnails/20161126112933.jpg" alt="20161126112933.jpg"
|
||||
data-title="20161126112933.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
<abbr title='film speed'>125</abbr> <abbr title='exposure'>1/60</abbr> <abbr title='aperture'>4.30000019073</abbr> <abbr title='focal length'>11.0</abbr> </div>
|
||||
<a title='location' href='https://www.openstreetmap.org/?mlat=30.2549616667&mlon=-95.8414716667&zoom=12&layers=M' target='_blank' class='map'
|
||||
>N30.254962
|
||||
W95.841472</a>
|
||||
<abbr title='camera make and model'>Panasonic DMC-ZS40</abbr>
|
||||
<abbr title='date'>Sat 26 Nov 2016 11:29:33 AM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="20161126132650359244.jpg">
|
||||
<img src="thumbnails/20161126132650359244.jpg" alt="20161126132650359244.jpg"
|
||||
data-title="20161126132650359244.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
<abbr title='film speed'>60</abbr> <abbr title='exposure'>307/250000</abbr> <abbr title='aperture'>2.0</abbr> <abbr title='focal length'>5.0</abbr> </div>
|
||||
<abbr title='camera make and model'>LGE Nexus 5X</abbr>
|
||||
<abbr title='date'>Sat 26 Nov 2016 01:26:50 PM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="20161126132657778548.jpg">
|
||||
<img src="thumbnails/20161126132657778548.jpg" alt="20161126132657778548.jpg"
|
||||
data-title="20161126132657778548.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
<abbr title='film speed'>60</abbr> <abbr title='exposure'>1213/500000</abbr> <abbr title='aperture'>2.0</abbr> <abbr title='focal length'>5.0</abbr> </div>
|
||||
<abbr title='camera make and model'>LGE Nexus 5X</abbr>
|
||||
<abbr title='date'>Sat 26 Nov 2016 01:26:57 PM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="20161126145443934704.jpg">
|
||||
<img src="thumbnails/20161126145443934704.jpg" alt="20161126145443934704.jpg"
|
||||
data-title="20161126145443934704.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
<abbr title='film speed'>60</abbr> <abbr title='exposure'>799/1000000</abbr> <abbr title='aperture'>2.0</abbr> <abbr title='focal length'>5.0</abbr> </div>
|
||||
<abbr title='camera make and model'>LGE Nexus 5X</abbr>
|
||||
<abbr title='date'>Sat 26 Nov 2016 02:54:43 PM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
title="Fullscreen" alt="Fullscreen (f)" /></a>
|
||||
</div>
|
||||
<div id="gallery"></div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p>© Don Harper - Generated by <a href="https://github.com/saimn/sigal">sigal</a>
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
<footer>
|
||||
<p>
|
||||
<span>© Don Harper</span>
|
||||
<span>Generated by <a href="https://github.com/saimn/sigal">sigal</a></span>
|
||||
</p>
|
||||
</footer> </div>
|
||||
|
||||
<script src="../../static/jquery-3.3.1.min.js"></script>
|
||||
<script src="../../static//galleria.min.js"></script>
|
||||
<script src="../../static/galleria.min.js"></script>
|
||||
<script src="../../static/themes/classic/galleria.classic.min.js"></script>
|
||||
<script src="../../static/plugins/history/galleria.history.min.js"></script>
|
||||
<script>
|
||||
|
||||
Galleria.configure({
|
||||
imageCrop: false,
|
||||
transition: "fade"
|
||||
});
|
||||
Galleria.run("#gallery");
|
||||
var data = [
|
||||
{
|
||||
title: "20161126111946.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>100</abbr><abbr title='exposure'>1/250</abbr><abbr title='aperture'>5.400000095367432</abbr><abbr title='focal length'>27</abbr></div><a title='location' href='https://www.openstreetmap.org/?mlat=17056881.666666668&mlon=17056881.666666668&zoom=12&layers=M' target='_blank' class='map' >N17056881.666667E17056881.666667</a><abbr title='camera make and model'>Panasonic DMC-ZS40</abbr><abbr title='date'>Sat 26 Nov 2016 11:19:46 AM </abbr>",
|
||||
thumb: "thumbnails/20161126111946.jpg",
|
||||
image: "20161126111946.jpg"
|
||||
},
|
||||
{
|
||||
title: "20161126112249.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>100</abbr><abbr title='exposure'>1/320</abbr><abbr title='aperture'>5.5</abbr><abbr title='focal length'>29</abbr></div><a title='location' href='https://www.openstreetmap.org/?mlat=30.25511162037037&mlon=-95.84017&zoom=12&layers=M' target='_blank' class='map' >N30.255112W95.840170</a><abbr title='camera make and model'>Panasonic DMC-ZS40</abbr><abbr title='date'>Sat 26 Nov 2016 11:22:49 AM </abbr>",
|
||||
thumb: "thumbnails/20161126112249.jpg",
|
||||
image: "20161126112249.jpg"
|
||||
},
|
||||
{
|
||||
title: "20161126112933.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>125</abbr><abbr title='exposure'>1/60</abbr><abbr title='aperture'>4.300000190734863</abbr><abbr title='focal length'>11</abbr></div><a title='location' href='https://www.openstreetmap.org/?mlat=30.254961666666667&mlon=-95.84147166666666&zoom=12&layers=M' target='_blank' class='map' >N30.254962W95.841472</a><abbr title='camera make and model'>Panasonic DMC-ZS40</abbr><abbr title='date'>Sat 26 Nov 2016 11:29:33 AM </abbr>",
|
||||
thumb: "thumbnails/20161126112933.jpg",
|
||||
image: "20161126112933.jpg"
|
||||
},
|
||||
{
|
||||
title: "20161126132650359244.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>60</abbr><abbr title='exposure'>307/250000</abbr><abbr title='aperture'>2.0</abbr><abbr title='focal length'>5</abbr></div><abbr title='camera make and model'>LGE Nexus 5X</abbr><abbr title='date'>Sat 26 Nov 2016 01:26:50 PM </abbr>",
|
||||
thumb: "thumbnails/20161126132650359244.jpg",
|
||||
image: "20161126132650359244.jpg"
|
||||
},
|
||||
{
|
||||
title: "20161126132657778548.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>60</abbr><abbr title='exposure'>1213/500000</abbr><abbr title='aperture'>2.0</abbr><abbr title='focal length'>5</abbr></div><abbr title='camera make and model'>LGE Nexus 5X</abbr><abbr title='date'>Sat 26 Nov 2016 01:26:57 PM </abbr>",
|
||||
thumb: "thumbnails/20161126132657778548.jpg",
|
||||
image: "20161126132657778548.jpg"
|
||||
},
|
||||
{
|
||||
title: "20161126145443934704.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>60</abbr><abbr title='exposure'>799/1000000</abbr><abbr title='aperture'>2.0</abbr><abbr title='focal length'>5</abbr></div><abbr title='camera make and model'>LGE Nexus 5X</abbr><abbr title='date'>Sat 26 Nov 2016 02:54:43 PM </abbr>",
|
||||
thumb: "thumbnails/20161126145443934704.jpg",
|
||||
image: "20161126145443934704.jpg"
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
Galleria.ready(function() {
|
||||
/*
|
||||
load thumbnails after gallery setup, and download has started
|
||||
for the main images, but before the loading of map tiles starts
|
||||
in the background. This ensures visible elements are prioritised
|
||||
over non-visible elements
|
||||
|
||||
The choice to lazy load thumbnails in batches of 50 was not made
|
||||
scientifically. Other numbers may yield better performance.
|
||||
*/
|
||||
this.lazyLoadChunks( 50 );
|
||||
|
||||
this.attachKeyboard({
|
||||
right: this.next,
|
||||
left: this.prev,
|
||||
|
|
@ -146,7 +123,14 @@
|
|||
|
||||
$('.icons').appendTo(this.$('container'));
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
Galleria.configure({
|
||||
imageCrop: false,
|
||||
transition: "fade",
|
||||
thumbnails: "lazy"
|
||||
});
|
||||
Galleria.run("#gallery", {dataSource: data});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue