don/www.duckland.org
1
0
Fork 0
Code Issues Pull requests Releases Activity

new photos

Browse source
This commit is contained in:
Don Harper 2020-05-17 23:39:32 -05:00
parent 31e3a29f3c
commit f8d08e946e
48 changed files with 4284 additions and 5647 deletions
Download patch file Download diff file Expand all files Collapse all files

85
static/photos/Moving/index.html
View file

@ -12,63 +12,73 @@
<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(HP_logo.png);
}</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>
<h2><a href=".">Moving</a></h2>
<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=".">Moving</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" /></a>
</div>
<div id="gallery">
<a href="HP_logo.png">
<img src="thumbnails/HP_logo.png" alt="HP_logo.png"
data-title="HP_logo.png"
data-description=""
/>
</a>
title="Fullscreen" alt="Fullscreen (f)" /></a>
</div>
<div id="gallery"></div>
</div>
<footer>
<p>&copy; Don Harper - Generated by <a href="https://github.com/saimn/sigal">sigal</a>
</p>
</footer>
</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/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>
Galleria.configure({
imageCrop: false,
transition: "fade"
});
Galleria.run("#gallery");
var data = [
{
title: "HP_logo.png",
description: "",
thumb: "thumbnails/HP_logo.png",
image: "HP_logo.png"
},
]
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,
@ -83,7 +93,14 @@
$('.icons').appendTo(this.$('container'));
});
});
Galleria.configure({
imageCrop: false,
transition: "fade",
thumbnails: "lazy"
});
Galleria.run("#gallery", {dataSource: data});
</script>
</body>