rethinking /photos
This commit is contained in:
Don Harper
parent
96c744cfe1
commit
eccc408d42
857 changed files with 39175 additions and 0 deletions
263
static/photos/Ninja/index.html
Normal file
263
static/photos/Ninja/index.html
Normal file
|
|
@ -0,0 +1,263 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>Ninja</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(20140314174519.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=".">Ninja</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: "20140314174519.jpg",
|
||||
description: "<br>Ninja hide in plain sight<div class='film-meta'><abbr title='film speed'>400</abbr><abbr title='exposure'>1/40</abbr><abbr title='aperture'>3.5</abbr><abbr title='focal length'>35</abbr></div><abbr title='camera make and model'>Olympus E-510</abbr>",
|
||||
thumb: "thumbnails/20140314174519.jpg",
|
||||
image: "20140314174519.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140325111711.jpg",
|
||||
description: "<br>Red Ninja<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>1/6</abbr><abbr title='aperture'>2.8</abbr><abbr title='focal length'>60</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-PL5</abbr><abbr title='date'>Tue 25 Mar 2014 11:17:11 AM </abbr>",
|
||||
thumb: "thumbnails/20140325111711.jpg",
|
||||
image: "20140325111711.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141004124358.jpg",
|
||||
description: "<br>White Ninja in Tree<div class='film-meta'><abbr title='film speed'>400</abbr><abbr title='exposure'>1/200</abbr><abbr title='aperture'>8.0</abbr><abbr title='focal length'>42</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 04 Oct 2014 12:43:58 PM </abbr>",
|
||||
thumb: "thumbnails/20141004124358.jpg",
|
||||
image: "20141004124358.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141004124521.jpg",
|
||||
description: "<br>Ninjas Hate Devil Duck...In Trees<div class='film-meta'><abbr title='film speed'>400</abbr><abbr title='exposure'>1/250</abbr><abbr title='aperture'>8.0</abbr><abbr title='focal length'>28</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 04 Oct 2014 12:45:21 PM </abbr>",
|
||||
thumb: "thumbnails/20141004124521.jpg",
|
||||
image: "20141004124521.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141005121521.jpg",
|
||||
description: "<br>Ninja Guards Fun<div class='film-meta'><abbr title='film speed'>400</abbr><abbr title='exposure'>1/200</abbr><abbr title='aperture'>8.0</abbr><abbr title='focal length'>33</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 05 Oct 2014 12:15:21 PM </abbr>",
|
||||
thumb: "thumbnails/20141005121521.jpg",
|
||||
image: "20141005121521.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141029180337.JPG",
|
||||
description: "<br>Ninja Planning<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/25</abbr><abbr title='aperture'>4.5</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Wed 29 Oct 2014 06:03:37 PM </abbr>",
|
||||
thumb: "thumbnails/20141029180337.JPG",
|
||||
image: "20141029180337.JPG"
|
||||
},
|
||||
{
|
||||
title: "20141029180448.JPG",
|
||||
description: "<br>Yellow Ninja Hanging Around<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/80</abbr><abbr title='aperture'>2.8</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Wed 29 Oct 2014 06:04:48 PM </abbr>",
|
||||
thumb: "thumbnails/20141029180448.JPG",
|
||||
image: "20141029180448.JPG"
|
||||
},
|
||||
{
|
||||
title: "20141029181103.JPG",
|
||||
description: "<br>Ninja Glamour Shot<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/320</abbr><abbr title='aperture'>4.5</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Wed 29 Oct 2014 06:11:03 PM </abbr>",
|
||||
thumb: "thumbnails/20141029181103.JPG",
|
||||
image: "20141029181103.JPG"
|
||||
},
|
||||
{
|
||||
title: "20141029181341.JPG",
|
||||
description: "<br>Green Ninja Glamour Shot<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/250</abbr><abbr title='aperture'>7.1</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Wed 29 Oct 2014 06:13:41 PM </abbr>",
|
||||
thumb: "thumbnails/20141029181341.JPG",
|
||||
image: "20141029181341.JPG"
|
||||
},
|
||||
{
|
||||
title: "20141029181431.JPG",
|
||||
description: "<br>Brown Ninja Glamour Shot<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/250</abbr><abbr title='aperture'>7.1</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Wed 29 Oct 2014 06:14:31 PM </abbr>",
|
||||
thumb: "thumbnails/20141029181431.JPG",
|
||||
image: "20141029181431.JPG"
|
||||
},
|
||||
{
|
||||
title: "20141029181443.JPG",
|
||||
description: "<br>Yellow Ninja Glamour Shot<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/250</abbr><abbr title='aperture'>7.1</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Wed 29 Oct 2014 06:14:43 PM </abbr>",
|
||||
thumb: "thumbnails/20141029181443.JPG",
|
||||
image: "20141029181443.JPG"
|
||||
},
|
||||
{
|
||||
title: "20141029181504.JPG",
|
||||
description: "<br>Black Ninja Glamour Shot<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/200</abbr><abbr title='aperture'>7.1</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Wed 29 Oct 2014 06:15:04 PM </abbr>",
|
||||
thumb: "thumbnails/20141029181504.JPG",
|
||||
image: "20141029181504.JPG"
|
||||
},
|
||||
{
|
||||
title: "20141029181524.JPG",
|
||||
description: "<br>Blue Ninja Glamour Shot<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/125</abbr><abbr title='aperture'>7.1</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Wed 29 Oct 2014 06:15:24 PM </abbr>",
|
||||
thumb: "thumbnails/20141029181524.JPG",
|
||||
image: "20141029181524.JPG"
|
||||
},
|
||||
{
|
||||
title: "20141029181548.JPG",
|
||||
description: "<br>White Ninja Glamour Shot<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/125</abbr><abbr title='aperture'>7.1</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Wed 29 Oct 2014 06:15:48 PM </abbr>",
|
||||
thumb: "thumbnails/20141029181548.JPG",
|
||||
image: "20141029181548.JPG"
|
||||
},
|
||||
{
|
||||
title: "20141108155244.jpg",
|
||||
description: "<br>White Ninja in White Flowers<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/320</abbr><abbr title='aperture'>8.0</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>Olympus E-M5</abbr><abbr title='date'>Sat 08 Nov 2014 03:52:44 PM </abbr>",
|
||||
thumb: "thumbnails/20141108155244.jpg",
|
||||
image: "20141108155244.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141108155408.jpg",
|
||||
description: "<br>White Ninja defends stream<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/640</abbr><abbr title='aperture'>10.0</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 08 Nov 2014 03:54:08 PM </abbr>",
|
||||
thumb: "thumbnails/20141108155408.jpg",
|
||||
image: "20141108155408.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141108155559.jpg",
|
||||
description: "<br>Yellow Ninja an Flowers<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/800</abbr><abbr title='aperture'>11.0</abbr><abbr title='focal length'>17</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 08 Nov 2014 03:55:59 PM </abbr>",
|
||||
thumb: "thumbnails/20141108155559.jpg",
|
||||
image: "20141108155559.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141108155824.jpg",
|
||||
description: "<br>White Ninja Hids<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/200</abbr><abbr title='aperture'>6.3</abbr><abbr title='focal length'>18</abbr></div><abbr title='camera make and model'>Olympus E-M5</abbr><abbr title='date'>Sat 08 Nov 2014 03:58:24 PM </abbr>",
|
||||
thumb: "thumbnails/20141108155824.jpg",
|
||||
image: "20141108155824.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141108155901.jpg",
|
||||
description: "<br>Yellow Ninja and Friend<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/400</abbr><abbr title='aperture'>9.0</abbr><abbr title='focal length'>17</abbr></div><abbr title='camera make and model'>Olympus E-M5</abbr>",
|
||||
thumb: "thumbnails/20141108155901.jpg",
|
||||
image: "20141108155901.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141108155958.jpg",
|
||||
description: "<br>Flowers<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/400</abbr><abbr title='aperture'>8.0</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>Olympus E-M5</abbr><abbr title='date'>Sat 08 Nov 2014 03:59:58 PM </abbr>",
|
||||
thumb: "thumbnails/20141108155958.jpg",
|
||||
image: "20141108155958.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141108160027.jpg",
|
||||
description: "<br>Ninjas Hidding in Flowers<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/500</abbr><abbr title='aperture'>9.0</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>Olympus E-M5</abbr>",
|
||||
thumb: "thumbnails/20141108160027.jpg",
|
||||
image: "20141108160027.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141108160508.jpg",
|
||||
description: "<br>Yellow Ninja II<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/800</abbr><abbr title='aperture'>11.0</abbr><abbr title='focal length'>34</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 08 Nov 2014 04:05:08 PM </abbr>",
|
||||
thumb: "thumbnails/20141108160508.jpg",
|
||||
image: "20141108160508.jpg"
|
||||
},
|
||||
{
|
||||
title: "20141108160558.jpg",
|
||||
description: "<br>Dino!<div class='film-meta'><abbr title='film speed'>640</abbr><abbr title='exposure'>1/1250</abbr><abbr title='aperture'>11.0</abbr><abbr title='focal length'>34</abbr></div><abbr title='camera make and model'>Olympus E-M5</abbr>",
|
||||
thumb: "thumbnails/20141108160558.jpg",
|
||||
image: "20141108160558.jpg"
|
||||
},
|
||||
{
|
||||
title: "IMG_20141004_133620.jpg",
|
||||
description: "<br>Ninjas waiting on lunch!<div class='film-meta'><abbr title='film speed'>100</abbr><abbr title='exposure'>1/224</abbr><abbr title='aperture'>2.4</abbr><abbr title='focal length'>4</abbr></div><abbr title='camera make and model'>LGE Nexus 5</abbr><abbr title='date'>Sat 04 Oct 2014 01:36:20 PM </abbr>",
|
||||
thumb: "thumbnails/IMG_20141004_133620.jpg",
|
||||
image: "IMG_20141004_133620.jpg"
|
||||
},
|
||||
{
|
||||
title: "IMG_20141007_160625.JPG",
|
||||
description: "<br>Red Ninja<div class='film-meta'><abbr title='film speed'>165</abbr><abbr title='exposure'>1/120</abbr><abbr title='aperture'>2.4</abbr><abbr title='focal length'>4</abbr></div><abbr title='camera make and model'>LGE Nexus 5</abbr><abbr title='date'>Tue 07 Oct 2014 04:06:25 PM </abbr>",
|
||||
thumb: "thumbnails/IMG_20141007_160625.JPG",
|
||||
image: "IMG_20141007_160625.JPG"
|
||||
},
|
||||
{
|
||||
title: "IMG_20141020_204736.JPG",
|
||||
description: "<br>Orange Ninja and Friend<div class='film-meta'><abbr title='film speed'>101</abbr><abbr title='exposure'>1/126</abbr><abbr title='aperture'>2.4</abbr><abbr title='focal length'>4</abbr></div><abbr title='camera make and model'>LGE Nexus 5</abbr><abbr title='date'>Mon 20 Oct 2014 08:47:35 PM </abbr>",
|
||||
thumb: "thumbnails/IMG_20141020_204736.JPG",
|
||||
image: "IMG_20141020_204736.JPG"
|
||||
},
|
||||
{
|
||||
title: "IMG_20141022_131600.JPG",
|
||||
description: "<br>IT Ninjas<div class='film-meta'><abbr title='film speed'>209</abbr><abbr title='exposure'>1/120</abbr><abbr title='aperture'>2.4</abbr><abbr title='focal length'>4</abbr></div><abbr title='camera make and model'>LGE Nexus 5</abbr><abbr title='date'>Wed 22 Oct 2014 01:16:00 PM </abbr>",
|
||||
thumb: "thumbnails/IMG_20141022_131600.JPG",
|
||||
image: "IMG_20141022_131600.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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue