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

New post, new picture

Browse source
This commit is contained in:
Don Harper 2020-03-21 12:56:55 -05:00
parent a622fbeabf
commit 4eb8db66c9
44 changed files with 5501 additions and 4131 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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