New post, new picture
This commit is contained in:
Don Harper
parent
a622fbeabf
commit
4eb8db66c9
44 changed files with 5501 additions and 4131 deletions
|
|
@ -12,133 +12,158 @@
|
|||
<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(201701.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=".">Random</a></h2>
|
||||
</div>
|
||||
<nav id="menu">
|
||||
<ul>
|
||||
<li><a href="/photos/">Photos Home</a></li>
|
||||
<li><a href="/">Home Page</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<h2><a href=".">Random</a></h2>
|
||||
<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>
|
||||
title="Fullscreen" alt="Fullscreen" /></a>
|
||||
</div>
|
||||
<div id="gallery">
|
||||
<a href="201701.jpg">
|
||||
<img src="thumbnails/201701.jpg" alt="201701.jpg"
|
||||
data-title="201701.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
</div>
|
||||
<abbr title='date'>Wed 01 Feb 2017 04:44:18 AM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="201702.jpg">
|
||||
<img src="thumbnails/201702.jpg" alt="201702.jpg"
|
||||
data-title="201702.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
</div>
|
||||
<abbr title='date'>Wed 01 Mar 2017 04:20:09 AM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="Art-Rose.jpg">
|
||||
<img src="thumbnails/Art-Rose.jpg" alt="Art-Rose.jpg"
|
||||
data-title="Art-Rose.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
<abbr title='film speed'>800</abbr> <abbr title='exposure'>1/640</abbr> <abbr title='aperture'>9.0</abbr> <abbr title='focal length'>114.0</abbr> </div>
|
||||
<abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr>
|
||||
<abbr title='date'>Sun 01 Jan 2017 01:31:22 PM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="blocked-sky.jpg">
|
||||
<img src="thumbnails/blocked-sky.jpg" alt="blocked-sky.jpg"
|
||||
data-title="blocked-sky.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
<abbr title='film speed'>400</abbr> <abbr title='exposure'>1/1000</abbr> <abbr title='aperture'>10.0</abbr> <abbr title='focal length'>30.0</abbr> </div>
|
||||
<abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr>
|
||||
<abbr title='date'>Sat 08 Feb 2020 02:10:57 PM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="clouds2.jpg">
|
||||
<img src="thumbnails/clouds2.jpg" alt="clouds2.jpg"
|
||||
data-title="clouds2.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
<abbr title='film speed'>708</abbr> <abbr title='exposure'>83/10000</abbr> <abbr title='focal length'>4.0</abbr> </div>
|
||||
<abbr title='camera make and model'>Google Pixel 2</abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="clouds.jpg">
|
||||
<img src="thumbnails/clouds.jpg" alt="clouds.jpg"
|
||||
data-title="clouds.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
<abbr title='film speed'>48</abbr> <abbr title='exposure'>577/500000</abbr> <abbr title='aperture'>1.8</abbr> <abbr title='focal length'>4.0</abbr> </div>
|
||||
<a title='location' href='https://www.openstreetmap.org/?mlat=29.7437055556&mlon=-95.7692861111&zoom=12&layers=M' target='_blank' class='map'
|
||||
>N29.743706
|
||||
W95.769286</a>
|
||||
<abbr title='camera make and model'>Google Pixel 2</abbr>
|
||||
<abbr title='date'>Mon 14 Oct 2019 06:41:13 PM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="deadpool-sa.jpg">
|
||||
<img src="thumbnails/deadpool-sa.jpg" alt="deadpool-sa.jpg"
|
||||
data-title="deadpool-sa.jpg"
|
||||
data-description="<br>Deadpool SA <div class='film-meta'>
|
||||
<abbr title='film speed'>1600</abbr> <abbr title='exposure'>1/20</abbr> <abbr title='aperture'>2.7</abbr> <abbr title='focal length'>4.0</abbr> </div>
|
||||
<abbr title='camera make and model'>Canon Canon PowerShot ELPH 320 HS</abbr>
|
||||
<abbr title='date'>Tue 23 Aug 2016 08:27:23 AM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="dice.jpg">
|
||||
<img src="thumbnails/dice.jpg" alt="dice.jpg"
|
||||
data-title="dice.jpg"
|
||||
data-description=""
|
||||
/>
|
||||
</a>
|
||||
<a href="gpd-pocket2.jpg">
|
||||
<img src="thumbnails/gpd-pocket2.jpg" alt="gpd-pocket2.jpg"
|
||||
data-title="gpd-pocket2.jpg"
|
||||
data-description=""
|
||||
/>
|
||||
</a>
|
||||
<a href="harley-drive.jpg">
|
||||
<img src="thumbnails/harley-drive.jpg" alt="harley-drive.jpg"
|
||||
data-title="harley-drive.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
<abbr title='film speed'>100</abbr> <abbr title='exposure'>1/30</abbr> <abbr title='aperture'>2.2</abbr> <abbr title='focal length'>4.0</abbr> </div>
|
||||
<abbr title='camera make and model'>Apple iPhone 5s</abbr>
|
||||
<abbr title='date'>Wed 28 Sep 2016 04:54:10 PM </abbr>
|
||||
"
|
||||
/>
|
||||
</a>
|
||||
<a href="side-by-side.jpg">
|
||||
<img src="thumbnails/side-by-side.jpg" alt="side-by-side.jpg"
|
||||
data-title="side-by-side.jpg"
|
||||
data-description=" <div class='film-meta'>
|
||||
</div>
|
||||
<abbr title='date'>Fri 13 Jan 2017 04:51:40 AM </abbr>
|
||||
"
|
||||
/>
|
||||
</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>
|
||||
|
||||
<footer>
|
||||
<p>© Don Harper - Generated by <a href="https://github.com/saimn/sigal">sigal</a>
|
||||
</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>
|
||||
var data = [
|
||||
{
|
||||
title: "201701.jpg",
|
||||
description: "<div class='film-meta'></div><abbr title='date'>Wed 01 Feb 2017 04:44:18 AM </abbr>",
|
||||
thumb: "thumbnails/201701.jpg",
|
||||
image: "201701.jpg"
|
||||
},
|
||||
{
|
||||
title: "201702.jpg",
|
||||
description: "<div class='film-meta'></div><abbr title='date'>Wed 01 Mar 2017 04:20:09 AM </abbr>",
|
||||
thumb: "thumbnails/201702.jpg",
|
||||
image: "201702.jpg"
|
||||
},
|
||||
{
|
||||
title: "Art-Rose.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>800</abbr><abbr title='exposure'>1/640</abbr><abbr title='aperture'>9.0</abbr><abbr title='focal length'>114</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 01 Jan 2017 01:31:22 PM </abbr>",
|
||||
thumb: "thumbnails/Art-Rose.jpg",
|
||||
image: "Art-Rose.jpg"
|
||||
},
|
||||
{
|
||||
title: "blocked-sky.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>400</abbr><abbr title='exposure'>1/1000</abbr><abbr title='aperture'>10.0</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 08 Feb 2020 02:10:57 PM </abbr>",
|
||||
thumb: "thumbnails/blocked-sky.jpg",
|
||||
image: "blocked-sky.jpg"
|
||||
},
|
||||
{
|
||||
title: "clouds2.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>708</abbr><abbr title='exposure'>83/10000</abbr><abbr title='focal length'>4</abbr></div><abbr title='camera make and model'>Google Pixel 2</abbr>",
|
||||
thumb: "thumbnails/clouds2.jpg",
|
||||
image: "clouds2.jpg"
|
||||
},
|
||||
{
|
||||
title: "clouds.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>48</abbr><abbr title='exposure'>577/500000</abbr><abbr title='aperture'>1.8</abbr><abbr title='focal length'>4</abbr></div><a title='location' href='https://www.openstreetmap.org/?mlat=29.743705555555557&mlon=-95.76928611111111&zoom=12&layers=M' target='_blank' class='map' >N29.743706W95.769286</a><abbr title='camera make and model'>Google Pixel 2</abbr><abbr title='date'>Mon 14 Oct 2019 06:41:13 PM </abbr>",
|
||||
thumb: "thumbnails/clouds.jpg",
|
||||
image: "clouds.jpg"
|
||||
},
|
||||
{
|
||||
title: "deadpool-sa.jpg",
|
||||
description: "<br>Deadpool SA<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/20</abbr><abbr title='aperture'>2.7</abbr><abbr title='focal length'>4</abbr></div><abbr title='camera make and model'>Canon Canon PowerShot ELPH 320 HS</abbr><abbr title='date'>Tue 23 Aug 2016 08:27:23 AM </abbr>",
|
||||
thumb: "thumbnails/deadpool-sa.jpg",
|
||||
image: "deadpool-sa.jpg"
|
||||
},
|
||||
{
|
||||
title: "dice.jpg",
|
||||
description: "",
|
||||
thumb: "thumbnails/dice.jpg",
|
||||
image: "dice.jpg"
|
||||
},
|
||||
{
|
||||
title: "gpd-pocket2.jpg",
|
||||
description: "",
|
||||
thumb: "thumbnails/gpd-pocket2.jpg",
|
||||
image: "gpd-pocket2.jpg"
|
||||
},
|
||||
{
|
||||
title: "harley-drive.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>100</abbr><abbr title='exposure'>1/30</abbr><abbr title='aperture'>2.2</abbr><abbr title='focal length'>4</abbr></div><abbr title='camera make and model'>Apple iPhone 5s</abbr><abbr title='date'>Wed 28 Sep 2016 04:54:10 PM </abbr>",
|
||||
thumb: "thumbnails/harley-drive.jpg",
|
||||
image: "harley-drive.jpg"
|
||||
},
|
||||
{
|
||||
title: "side-by-side.jpg",
|
||||
description: "<div class='film-meta'></div><abbr title='date'>Fri 13 Jan 2017 04:51:40 AM </abbr>",
|
||||
thumb: "thumbnails/side-by-side.jpg",
|
||||
image: "side-by-side.jpg"
|
||||
},
|
||||
]
|
||||
|
||||
Galleria.configure({
|
||||
imageCrop: false,
|
||||
transition: "fade"
|
||||
});
|
||||
Galleria.run("#gallery");
|
||||
|
||||
|
||||
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,
|
||||
|
|
@ -153,14 +178,7 @@
|
|||
|
||||
$('.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