400 lines
No EOL
11 KiB
HTML
400 lines
No EOL
11 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
|
|
<title>2020 - duckland.org's photo gallery</title>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="Don Harper">
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
<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(20200410220827.webp);
|
|
}</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>
|
|
<div class="breadcrumb">
|
|
<h2>
|
|
<a href="../">P52</a> » <a href=".">2020</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 (f)" /></a>
|
|
</div>
|
|
<div id="gallery"></div>
|
|
|
|
|
|
|
|
|
|
<script src="../../static/jquery-3.3.1.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>
|
|
var data = [
|
|
{
|
|
title: "20200410220827",
|
|
description: "",
|
|
thumb: "thumbnails/20200410220827.webp",
|
|
image: "20200410220827.webp"
|
|
},
|
|
{
|
|
title: "20200301164804",
|
|
description: "",
|
|
thumb: "thumbnails/20200301164804.webp",
|
|
image: "20200301164804.webp"
|
|
},
|
|
{
|
|
title: "20200426195502-010",
|
|
description: "",
|
|
thumb: "thumbnails/20200426195502-010.webp",
|
|
image: "20200426195502-010.webp"
|
|
},
|
|
{
|
|
title: "20200105180529",
|
|
description: "",
|
|
thumb: "thumbnails/20200105180529.webp",
|
|
image: "20200105180529.webp"
|
|
},
|
|
{
|
|
title: "20200124090117",
|
|
description: "",
|
|
thumb: "thumbnails/20200124090117.webp",
|
|
image: "20200124090117.webp"
|
|
},
|
|
{
|
|
title: "20200825133306259912",
|
|
description: "",
|
|
thumb: "thumbnails/20200825133306259912.webp",
|
|
image: "20200825133306259912.webp"
|
|
},
|
|
{
|
|
title: "20200414121539",
|
|
description: "",
|
|
thumb: "thumbnails/20200414121539.webp",
|
|
image: "20200414121539.webp"
|
|
},
|
|
{
|
|
title: "20200602104442",
|
|
description: "",
|
|
thumb: "thumbnails/20200602104442.webp",
|
|
image: "20200602104442.webp"
|
|
},
|
|
{
|
|
title: "20200507225145-006",
|
|
description: "",
|
|
thumb: "thumbnails/20200507225145-006.webp",
|
|
image: "20200507225145-006.webp"
|
|
},
|
|
{
|
|
title: "20200731193932-003",
|
|
description: "",
|
|
thumb: "thumbnails/20200731193932-003.webp",
|
|
image: "20200731193932-003.webp"
|
|
},
|
|
{
|
|
title: "20200524211806-007",
|
|
description: "",
|
|
thumb: "thumbnails/20200524211806-007.webp",
|
|
image: "20200524211806-007.webp"
|
|
},
|
|
{
|
|
title: "20200310074446",
|
|
description: "",
|
|
thumb: "thumbnails/20200310074446.webp",
|
|
image: "20200310074446.webp"
|
|
},
|
|
{
|
|
title: "20200724153517345230-0500",
|
|
description: "",
|
|
thumb: "thumbnails/20200724153517345230-0500.webp",
|
|
image: "20200724153517345230-0500.webp"
|
|
},
|
|
{
|
|
title: "20201115163725-005",
|
|
description: "",
|
|
thumb: "thumbnails/20201115163725-005.webp",
|
|
image: "20201115163725-005.webp"
|
|
},
|
|
{
|
|
title: "20200323175510",
|
|
description: "",
|
|
thumb: "thumbnails/20200323175510.webp",
|
|
image: "20200323175510.webp"
|
|
},
|
|
{
|
|
title: "mush-quad-trip",
|
|
description: "",
|
|
thumb: "thumbnails/mush-quad-trip.webp",
|
|
image: "mush-quad-trip.webp"
|
|
},
|
|
{
|
|
title: "20200626125024-087",
|
|
description: "",
|
|
thumb: "thumbnails/20200626125024-087.webp",
|
|
image: "20200626125024-087.webp"
|
|
},
|
|
{
|
|
title: "20200618203227-028",
|
|
description: "",
|
|
thumb: "thumbnails/20200618203227-028.webp",
|
|
image: "20200618203227-028.webp"
|
|
},
|
|
{
|
|
title: "20201111130622-036",
|
|
description: "",
|
|
thumb: "thumbnails/20201111130622-036.webp",
|
|
image: "20201111130622-036.webp"
|
|
},
|
|
{
|
|
title: "20200202160400",
|
|
description: "",
|
|
thumb: "thumbnails/20200202160400.webp",
|
|
image: "20200202160400.webp"
|
|
},
|
|
{
|
|
title: "20201102180241-004",
|
|
description: "",
|
|
thumb: "thumbnails/20201102180241-004.webp",
|
|
image: "20201102180241-004.webp"
|
|
},
|
|
{
|
|
title: "20200127135517",
|
|
description: "",
|
|
thumb: "thumbnails/20200127135517.webp",
|
|
image: "20200127135517.webp"
|
|
},
|
|
{
|
|
title: "20201210162252090586-0600",
|
|
description: "",
|
|
thumb: "thumbnails/20201210162252090586-0600.webp",
|
|
image: "20201210162252090586-0600.webp"
|
|
},
|
|
{
|
|
title: "PSFix_20200817_142317",
|
|
description: "",
|
|
thumb: "thumbnails/PSFix_20200817_142317.webp",
|
|
image: "PSFix_20200817_142317.webp"
|
|
},
|
|
{
|
|
title: "20200516163759-006",
|
|
description: "",
|
|
thumb: "thumbnails/20200516163759-006.webp",
|
|
image: "20200516163759-006.webp"
|
|
},
|
|
{
|
|
title: "20200901112013705634",
|
|
description: "",
|
|
thumb: "thumbnails/20200901112013705634.webp",
|
|
image: "20200901112013705634.webp"
|
|
},
|
|
{
|
|
title: "20201218090232-005",
|
|
description: "",
|
|
thumb: "thumbnails/20201218090232-005.webp",
|
|
image: "20201218090232-005.webp"
|
|
},
|
|
{
|
|
title: "20200925190032-006",
|
|
description: "",
|
|
thumb: "thumbnails/20200925190032-006.webp",
|
|
image: "20200925190032-006.webp"
|
|
},
|
|
{
|
|
title: "20200715201444116977",
|
|
description: "",
|
|
thumb: "thumbnails/20200715201444116977.webp",
|
|
image: "20200715201444116977.webp"
|
|
},
|
|
{
|
|
title: "20200320075408",
|
|
description: "",
|
|
thumb: "thumbnails/20200320075408.webp",
|
|
image: "20200320075408.webp"
|
|
},
|
|
{
|
|
title: "20200423164322",
|
|
description: "",
|
|
thumb: "thumbnails/20200423164322.webp",
|
|
image: "20200423164322.webp"
|
|
},
|
|
{
|
|
title: "20200630105030230507-0500",
|
|
description: "",
|
|
thumb: "thumbnails/20200630105030230507-0500.webp",
|
|
image: "20200630105030230507-0500.webp"
|
|
},
|
|
{
|
|
title: "20201126191920956097",
|
|
description: "",
|
|
thumb: "thumbnails/20201126191920956097.webp",
|
|
image: "20201126191920956097.webp"
|
|
},
|
|
{
|
|
title: "20200709204504150052-0500",
|
|
description: "",
|
|
thumb: "thumbnails/20200709204504150052-0500.webp",
|
|
image: "20200709204504150052-0500.webp"
|
|
},
|
|
{
|
|
title: "20200912182312096146",
|
|
description: "",
|
|
thumb: "thumbnails/20200912182312096146.webp",
|
|
image: "20200912182312096146.webp"
|
|
},
|
|
{
|
|
title: "20200331174752",
|
|
description: "",
|
|
thumb: "thumbnails/20200331174752.webp",
|
|
image: "20200331174752.webp"
|
|
},
|
|
{
|
|
title: "20200115105728",
|
|
description: "",
|
|
thumb: "thumbnails/20200115105728.webp",
|
|
image: "20200115105728.webp"
|
|
},
|
|
{
|
|
title: "20201010165824-008",
|
|
description: "",
|
|
thumb: "thumbnails/20201010165824-008.webp",
|
|
image: "20201010165824-008.webp"
|
|
},
|
|
{
|
|
title: "20200804181918-010",
|
|
description: "",
|
|
thumb: "thumbnails/20200804181918-010.webp",
|
|
image: "20200804181918-010.webp"
|
|
},
|
|
{
|
|
title: "20201022165952-006",
|
|
description: "",
|
|
thumb: "thumbnails/20201022165952-006.webp",
|
|
image: "20201022165952-006.webp"
|
|
},
|
|
{
|
|
title: "20201026080215895658",
|
|
description: "",
|
|
thumb: "thumbnails/20201026080215895658.webp",
|
|
image: "20201026080215895658.webp"
|
|
},
|
|
{
|
|
title: "20201005175011110157",
|
|
description: "",
|
|
thumb: "thumbnails/20201005175011110157.webp",
|
|
image: "20201005175011110157.webp"
|
|
},
|
|
{
|
|
title: "20200813165809-001",
|
|
description: "",
|
|
thumb: "thumbnails/20200813165809-001.webp",
|
|
image: "20200813165809-001.webp"
|
|
},
|
|
{
|
|
title: "20201222184604-016",
|
|
description: "",
|
|
thumb: "thumbnails/20201222184604-016.webp",
|
|
image: "20201222184604-016.webp"
|
|
},
|
|
{
|
|
title: "20201002192401556986",
|
|
description: "",
|
|
thumb: "thumbnails/20201002192401556986.webp",
|
|
image: "20201002192401556986.webp"
|
|
},
|
|
{
|
|
title: "20201204112454198382-0600",
|
|
description: "",
|
|
thumb: "thumbnails/20201204112454198382-0600.webp",
|
|
image: "20201204112454198382-0600.webp"
|
|
},
|
|
{
|
|
title: "20200912112839",
|
|
description: "",
|
|
thumb: "thumbnails/20200912112839.webp",
|
|
image: "20200912112839.webp"
|
|
},
|
|
{
|
|
title: "20200214161056499499-0600",
|
|
description: "",
|
|
thumb: "thumbnails/20200214161056499499-0600.webp",
|
|
image: "20200214161056499499-0600.webp"
|
|
},
|
|
{
|
|
title: "20200513073711554420-0500",
|
|
description: "",
|
|
thumb: "thumbnails/20200513073711554420-0500.webp",
|
|
image: "20200513073711554420-0500.webp"
|
|
},
|
|
{
|
|
title: "20200220232516095961-0600",
|
|
description: "",
|
|
thumb: "thumbnails/20200220232516095961-0600.webp",
|
|
image: "20200220232516095961-0600.webp"
|
|
},
|
|
]
|
|
|
|
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,
|
|
/* Toggle fullscreen display on press of 'f' key */
|
|
0x46: this.toggleFullscreen,
|
|
});
|
|
|
|
var gallery = this;
|
|
$('#fullscreen').click(function() {
|
|
gallery.toggleFullscreen();
|
|
});
|
|
|
|
$('.icons').appendTo(this.$('container'));
|
|
});
|
|
|
|
Galleria.configure({
|
|
imageCrop: false,
|
|
transition: "fade",
|
|
thumbnails: "lazy"
|
|
});
|
|
Galleria.run("#gallery", {dataSource: data});
|
|
|
|
</script>
|
|
</div>
|
|
<footer>
|
|
<p>
|
|
<span>© Don Harper</span>
|
|
<span>Generated by <a href="https://github.com/saimn/sigal">sigal</a></span>
|
|
</p>
|
|
</footer> </div>
|
|
</body>
|
|
</html> |