269 lines
No EOL
15 KiB
HTML
269 lines
No EOL
15 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
|
|
<title>Grafitti</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(20190505183341-1.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>
|
|
<div class="breadcrumb">
|
|
<h2>
|
|
<a href="../">Local</a> » <a href=".">Grafitti</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>
|
|
|
|
|
|
</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/themes/classic/galleria.classic.min.js"></script>
|
|
<script src="../../static/plugins/history/galleria.history.min.js"></script>
|
|
<script>
|
|
var data = [
|
|
{
|
|
title: "20190505183341-1.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.005</abbr><abbr title='aperture'>4.5</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:33:41 PM </abbr>",
|
|
thumb: "thumbnails/20190505183341-1.jpg",
|
|
image: "20190505183341-1.jpg"
|
|
},
|
|
{
|
|
title: "20190505183341.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.005</abbr><abbr title='aperture'>4.5</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:33:41 PM </abbr>",
|
|
thumb: "thumbnails/20190505183341.jpg",
|
|
image: "20190505183341.jpg"
|
|
},
|
|
{
|
|
title: "20190505183410-1.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.005</abbr><abbr title='aperture'>4.5</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:34:10 PM </abbr>",
|
|
thumb: "thumbnails/20190505183410-1.jpg",
|
|
image: "20190505183410-1.jpg"
|
|
},
|
|
{
|
|
title: "20190505183410.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.005</abbr><abbr title='aperture'>4.5</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:34:10 PM </abbr>",
|
|
thumb: "thumbnails/20190505183410.jpg",
|
|
image: "20190505183410.jpg"
|
|
},
|
|
{
|
|
title: "20190505183632.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.005</abbr><abbr title='aperture'>6.3</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:36:32 PM </abbr>",
|
|
thumb: "thumbnails/20190505183632.jpg",
|
|
image: "20190505183632.jpg"
|
|
},
|
|
{
|
|
title: "20190505183856.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.002</abbr><abbr title='aperture'>7.1</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:38:56 PM </abbr>",
|
|
thumb: "thumbnails/20190505183856.jpg",
|
|
image: "20190505183856.jpg"
|
|
},
|
|
{
|
|
title: "20190505183906.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.002</abbr><abbr title='aperture'>7.1</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:39:06 PM </abbr>",
|
|
thumb: "thumbnails/20190505183906.jpg",
|
|
image: "20190505183906.jpg"
|
|
},
|
|
{
|
|
title: "20190505183926.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.004</abbr><abbr title='aperture'>5.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:39:26 PM </abbr>",
|
|
thumb: "thumbnails/20190505183926.jpg",
|
|
image: "20190505183926.jpg"
|
|
},
|
|
{
|
|
title: "20190505183957.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.002</abbr><abbr title='aperture'>7.1</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:39:57 PM </abbr>",
|
|
thumb: "thumbnails/20190505183957.jpg",
|
|
image: "20190505183957.jpg"
|
|
},
|
|
{
|
|
title: "20190505184051.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.002</abbr><abbr title='aperture'>8.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:40:51 PM </abbr>",
|
|
thumb: "thumbnails/20190505184051.jpg",
|
|
image: "20190505184051.jpg"
|
|
},
|
|
{
|
|
title: "20190505184302-1.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.008</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:43:02 PM </abbr>",
|
|
thumb: "thumbnails/20190505184302-1.jpg",
|
|
image: "20190505184302-1.jpg"
|
|
},
|
|
{
|
|
title: "20190505184302.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.008</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:43:02 PM </abbr>",
|
|
thumb: "thumbnails/20190505184302.jpg",
|
|
image: "20190505184302.jpg"
|
|
},
|
|
{
|
|
title: "20190505184333-1.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.003125</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:43:33 PM </abbr>",
|
|
thumb: "thumbnails/20190505184333-1.jpg",
|
|
image: "20190505184333-1.jpg"
|
|
},
|
|
{
|
|
title: "20190505184333.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.003125</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:43:33 PM </abbr>",
|
|
thumb: "thumbnails/20190505184333.jpg",
|
|
image: "20190505184333.jpg"
|
|
},
|
|
{
|
|
title: "20190505184438.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.004</abbr><abbr title='aperture'>5.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:44:38 PM </abbr>",
|
|
thumb: "thumbnails/20190505184438.jpg",
|
|
image: "20190505184438.jpg"
|
|
},
|
|
{
|
|
title: "20190505184556.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.002</abbr><abbr title='aperture'>8.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:45:56 PM </abbr>",
|
|
thumb: "thumbnails/20190505184556.jpg",
|
|
image: "20190505184556.jpg"
|
|
},
|
|
{
|
|
title: "20190505184616.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.002</abbr><abbr title='aperture'>7.1</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:46:16 PM </abbr>",
|
|
thumb: "thumbnails/20190505184616.jpg",
|
|
image: "20190505184616.jpg"
|
|
},
|
|
{
|
|
title: "20190505184748.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.002</abbr><abbr title='aperture'>7.1</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:47:48 PM </abbr>",
|
|
thumb: "thumbnails/20190505184748.jpg",
|
|
image: "20190505184748.jpg"
|
|
},
|
|
{
|
|
title: "20190505184944.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.005</abbr><abbr title='aperture'>5.0</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:49:44 PM </abbr>",
|
|
thumb: "thumbnails/20190505184944.jpg",
|
|
image: "20190505184944.jpg"
|
|
},
|
|
{
|
|
title: "20190505185109.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.005</abbr><abbr title='aperture'>5.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:51:09 PM </abbr>",
|
|
thumb: "thumbnails/20190505185109.jpg",
|
|
image: "20190505185109.jpg"
|
|
},
|
|
{
|
|
title: "20190505185146.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.00625</abbr><abbr title='aperture'>4.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:51:46 PM </abbr>",
|
|
thumb: "thumbnails/20190505185146.jpg",
|
|
image: "20190505185146.jpg"
|
|
},
|
|
{
|
|
title: "20190505185213.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.00625</abbr><abbr title='aperture'>4.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:52:13 PM </abbr>",
|
|
thumb: "thumbnails/20190505185213.jpg",
|
|
image: "20190505185213.jpg"
|
|
},
|
|
{
|
|
title: "20190505185223-1.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.00625</abbr><abbr title='aperture'>4.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:52:23 PM </abbr>",
|
|
thumb: "thumbnails/20190505185223-1.jpg",
|
|
image: "20190505185223-1.jpg"
|
|
},
|
|
{
|
|
title: "20190505185223.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.00625</abbr><abbr title='aperture'>4.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:52:23 PM </abbr>",
|
|
thumb: "thumbnails/20190505185223.jpg",
|
|
image: "20190505185223.jpg"
|
|
},
|
|
{
|
|
title: "20190505185243.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.0015625</abbr><abbr title='aperture'>8.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:52:43 PM </abbr>",
|
|
thumb: "thumbnails/20190505185243.jpg",
|
|
image: "20190505185243.jpg"
|
|
},
|
|
{
|
|
title: "20190505185632.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.00625</abbr><abbr title='aperture'>5.0</abbr><abbr title='focal length'>40</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:56:32 PM </abbr>",
|
|
thumb: "thumbnails/20190505185632.jpg",
|
|
image: "20190505185632.jpg"
|
|
},
|
|
{
|
|
title: "20190505185801-1.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.00625</abbr><abbr title='aperture'>5.0</abbr><abbr title='focal length'>40</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:58:01 PM </abbr>",
|
|
thumb: "thumbnails/20190505185801-1.jpg",
|
|
image: "20190505185801-1.jpg"
|
|
},
|
|
{
|
|
title: "20190505185801.jpg",
|
|
description: "<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>0.00625</abbr><abbr title='aperture'>5.0</abbr><abbr title='focal length'>40</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 May 2019 06:58:01 PM </abbr>",
|
|
thumb: "thumbnails/20190505185801.jpg",
|
|
image: "20190505185801.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,
|
|
/* 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>
|
|
</body>
|
|
</html> |