cleanup
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
|
@ -1,112 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>2008 - 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(20081223143145.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="../">Christmas</a> » <a href=".">2008</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: "20081223143145",
|
||||
description: "",
|
||||
thumb: "thumbnails/20081223143145.webp",
|
||||
image: "20081223143145.webp"
|
||||
},
|
||||
{
|
||||
title: "20081206091635",
|
||||
description: "",
|
||||
thumb: "thumbnails/20081206091635.webp",
|
||||
image: "20081206091635.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>
|
||||
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 8.1 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
|
@ -1,112 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>2009 - 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(img_6901.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="../">Christmas</a> » <a href=".">2009</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: "img_6901",
|
||||
description: "",
|
||||
thumb: "thumbnails/img_6901.webp",
|
||||
image: "img_6901.webp"
|
||||
},
|
||||
{
|
||||
title: "img_6804",
|
||||
description: "",
|
||||
thumb: "thumbnails/img_6804.webp",
|
||||
image: "img_6804.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>
|
||||
|
Before Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
|
@ -1,118 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>2012 - 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(20121222142316.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="../">Christmas</a> » <a href=".">2012</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: "20121222142316",
|
||||
description: "",
|
||||
thumb: "thumbnails/20121222142316.webp",
|
||||
image: "20121222142316.webp"
|
||||
},
|
||||
{
|
||||
title: "20121224205019",
|
||||
description: "",
|
||||
thumb: "thumbnails/20121224205019.webp",
|
||||
image: "20121224205019.webp"
|
||||
},
|
||||
{
|
||||
title: "20121212090451",
|
||||
description: "",
|
||||
thumb: "thumbnails/20121212090451.webp",
|
||||
image: "20121212090451.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>
|
||||
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 8.9 KiB |
|
Before Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
|
@ -1,112 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>2014 - 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(20141216161530.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="../">Christmas</a> » <a href=".">2014</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: "20141216161530",
|
||||
description: "",
|
||||
thumb: "thumbnails/20141216161530.webp",
|
||||
image: "20141216161530.webp"
|
||||
},
|
||||
{
|
||||
title: "20141225082357",
|
||||
description: "",
|
||||
thumb: "thumbnails/20141225082357.webp",
|
||||
image: "20141225082357.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>
|
||||
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
|
@ -1,106 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>2016 - 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(Santa-Train.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="../">Christmas</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 (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: "Santa-Train",
|
||||
description: "",
|
||||
thumb: "thumbnails/Santa-Train.webp",
|
||||
image: "Santa-Train.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>
|
||||
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
|
@ -1,142 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>2019 - 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(20191219163424463794-0600.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="../">Christmas</a> » <a href=".">2019</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: "20191219163424463794-0600",
|
||||
description: "",
|
||||
thumb: "thumbnails/20191219163424463794-0600.webp",
|
||||
image: "20191219163424463794-0600.webp"
|
||||
},
|
||||
{
|
||||
title: "20191221135330",
|
||||
description: "",
|
||||
thumb: "thumbnails/20191221135330.webp",
|
||||
image: "20191221135330.webp"
|
||||
},
|
||||
{
|
||||
title: "20191214125859",
|
||||
description: "",
|
||||
thumb: "thumbnails/20191214125859.webp",
|
||||
image: "20191214125859.webp"
|
||||
},
|
||||
{
|
||||
title: "20191215144934",
|
||||
description: "",
|
||||
thumb: "thumbnails/20191215144934.webp",
|
||||
image: "20191215144934.webp"
|
||||
},
|
||||
{
|
||||
title: "20191215144345",
|
||||
description: "",
|
||||
thumb: "thumbnails/20191215144345.webp",
|
||||
image: "20191215144345.webp"
|
||||
},
|
||||
{
|
||||
title: "20191219211831219747-0600",
|
||||
description: "",
|
||||
thumb: "thumbnails/20191219211831219747-0600.webp",
|
||||
image: "20191219211831219747-0600.webp"
|
||||
},
|
||||
{
|
||||
title: "20191215144338",
|
||||
description: "",
|
||||
thumb: "thumbnails/20191215144338.webp",
|
||||
image: "20191215144338.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>
|
||||
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 9.2 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 7.5 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
|
@ -1,83 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>Christmas - 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">
|
||||
<link rel="prefetch" href="static/jquery-3.3.1.min.js" />
|
||||
<link rel="prefetch" href="static/galleria.min.js" />
|
||||
<link rel="prefetch" href="static/themes/classic/galleria.classic.min.js" />
|
||||
<link rel="prefetch" href="static/plugins/history/galleria.history.min.js" />
|
||||
</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=".">Christmas</a></h2>
|
||||
</div>
|
||||
<hr>
|
||||
</header>
|
||||
|
||||
<div id="main" role="main">
|
||||
<div id="albums">
|
||||
<ul>
|
||||
<li><a href="2008/">
|
||||
<img src="2008/thumbnails/20081223143145.webp" class="album_thumb" alt="2008" title="2008" /></a>
|
||||
<span class="album_title">2008</span>
|
||||
</li>
|
||||
<li><a href="2009/">
|
||||
<img src="2009/thumbnails/img_6901.webp" class="album_thumb" alt="2009" title="2009" /></a>
|
||||
<span class="album_title">2009</span>
|
||||
</li>
|
||||
<li><a href="2012/">
|
||||
<img src="2012/thumbnails/20121222142316.webp" class="album_thumb" alt="2012" title="2012" /></a>
|
||||
<span class="album_title">2012</span>
|
||||
</li>
|
||||
<li><a href="2014/">
|
||||
<img src="2014/thumbnails/20141225082357.webp" class="album_thumb" alt="2014" title="2014" /></a>
|
||||
<span class="album_title">2014</span>
|
||||
</li>
|
||||
<li><a href="2016/">
|
||||
<img src="2016/thumbnails/Santa-Train.webp" class="album_thumb" alt="2016" title="2016" /></a>
|
||||
<span class="album_title">2016</span>
|
||||
</li>
|
||||
<li><a href="2019/">
|
||||
<img src="2019/thumbnails/20191214125859.webp" class="album_thumb" alt="2019" title="2019" /></a>
|
||||
<span class="album_title">2019</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="icons">
|
||||
<a id="fullscreen"><img src="../static/img/fullscreen.png"
|
||||
title="Fullscreen" alt="Fullscreen (f)" /></a>
|
||||
</div>
|
||||
<div id="gallery"></div>
|
||||
|
||||
|
||||
|
||||
</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>
|
||||
|
Before Width: | Height: | Size: 8.4 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 9.9 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
|
@ -1,130 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>Houston-Amazing-Comic-Con-2016 - 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(20160911104741.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="../">Comic-Cons</a> » <a href=".">Houston-Amazing-Comic-Con-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 (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: "20160911104741",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160911104741.webp",
|
||||
image: "20160911104741.webp"
|
||||
},
|
||||
{
|
||||
title: "20160911122438",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160911122438.webp",
|
||||
image: "20160911122438.webp"
|
||||
},
|
||||
{
|
||||
title: "20160911133839",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160911133839.webp",
|
||||
image: "20160911133839.webp"
|
||||
},
|
||||
{
|
||||
title: "20160911140000",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160911140000.webp",
|
||||
image: "20160911140000.webp"
|
||||
},
|
||||
{
|
||||
title: "20160911125515",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160911125515.webp",
|
||||
image: "20160911125515.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>
|
||||
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
|
@ -1,142 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>Space-City-Comic-Con-2016 - 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(20160528134651.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="../">Comic-Cons</a> » <a href=".">Space-City-Comic-Con-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 (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: "20160528134651",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160528134651.webp",
|
||||
image: "20160528134651.webp"
|
||||
},
|
||||
{
|
||||
title: "20160528113950",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160528113950.webp",
|
||||
image: "20160528113950.webp"
|
||||
},
|
||||
{
|
||||
title: "20160528110709",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160528110709.webp",
|
||||
image: "20160528110709.webp"
|
||||
},
|
||||
{
|
||||
title: "20160528110442",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160528110442.webp",
|
||||
image: "20160528110442.webp"
|
||||
},
|
||||
{
|
||||
title: "20160528155344",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160528155344.webp",
|
||||
image: "20160528155344.webp"
|
||||
},
|
||||
{
|
||||
title: "20160528110539",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160528110539.webp",
|
||||
image: "20160528110539.webp"
|
||||
},
|
||||
{
|
||||
title: "20160528152850",
|
||||
description: "",
|
||||
thumb: "thumbnails/20160528152850.webp",
|
||||
image: "20160528152850.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>
|
||||
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 9.8 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
|
@ -1,67 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>Comic-Cons - 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">
|
||||
<link rel="prefetch" href="static/jquery-3.3.1.min.js" />
|
||||
<link rel="prefetch" href="static/galleria.min.js" />
|
||||
<link rel="prefetch" href="static/themes/classic/galleria.classic.min.js" />
|
||||
<link rel="prefetch" href="static/plugins/history/galleria.history.min.js" />
|
||||
</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=".">Comic-Cons</a></h2>
|
||||
</div>
|
||||
<hr>
|
||||
</header>
|
||||
|
||||
<div id="main" role="main">
|
||||
<div id="albums">
|
||||
<ul>
|
||||
<li><a href="Houston-Amazing-Comic-Con-2016/">
|
||||
<img src="Houston-Amazing-Comic-Con-2016/thumbnails/20160911122438.webp" class="album_thumb" alt="Houston-Amazing-Comic-Con-2016" title="Houston-Amazing-Comic-Con-2016" /></a>
|
||||
<span class="album_title">Houston-Amazing-Comic-Con-2016</span>
|
||||
</li>
|
||||
<li><a href="Space-City-Comic-Con-2016/">
|
||||
<img src="Space-City-Comic-Con-2016/thumbnails/20160528134651.webp" class="album_thumb" alt="Space-City-Comic-Con-2016" title="Space-City-Comic-Con-2016" /></a>
|
||||
<span class="album_title">Space-City-Comic-Con-2016</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="icons">
|
||||
<a id="fullscreen"><img src="../static/img/fullscreen.png"
|
||||
title="Fullscreen" alt="Fullscreen (f)" /></a>
|
||||
</div>
|
||||
<div id="gallery"></div>
|
||||
|
||||
|
||||
|
||||
</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>
|
||||
|
|
@ -1,106 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>First-Day - 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(signpost.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=".">First-Day</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: "signpost",
|
||||
description: "",
|
||||
thumb: "thumbnails/signpost.webp",
|
||||
image: "signpost.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>
|
||||
|
Before Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 21 KiB |