www.duckland.org/static/photos/First-Day/index.html
2021-07-24 11:26:00 -05:00

107 lines
No EOL
3.1 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>First-Day</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.jpg);
}</style>
</head>
<body>
<div class="container">
<header>
<h1><a href="../">duckland.org&#39;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>
</div>
<footer>
<p>
<span>&copy; 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: "signpost",
description: "<div class='film-meta'><abbr title='film speed'>80</abbr><abbr title='exposure'>0.0032</abbr><abbr title='aperture'>2.0</abbr><abbr title='focal length'>4</abbr></div><abbr title='camera make and model'>Motorola XT1064</abbr>",
thumb: "thumbnails/signpost.jpg",
image: "signpost.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>