new post | Finding Film
BIN
static/photos/Film/000481820001.webp
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
static/photos/Film/000481820002.webp
Normal file
|
After Width: | Height: | Size: 87 KiB |
BIN
static/photos/Film/000481820003.webp
Normal file
|
After Width: | Height: | Size: 76 KiB |
BIN
static/photos/Film/000481820004.webp
Normal file
|
After Width: | Height: | Size: 52 KiB |
BIN
static/photos/Film/000481820009.webp
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
static/photos/Film/000580530004.webp
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
static/photos/Film/000580530005.webp
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
static/photos/Film/000580530009.webp
Normal file
|
After Width: | Height: | Size: 112 KiB |
BIN
static/photos/Film/000580530013.webp
Normal file
|
After Width: | Height: | Size: 49 KiB |
BIN
static/photos/Film/000580530014.webp
Normal file
|
After Width: | Height: | Size: 118 KiB |
BIN
static/photos/Film/000580530015.webp
Normal file
|
After Width: | Height: | Size: 76 KiB |
BIN
static/photos/Film/000580530016.webp
Normal file
|
After Width: | Height: | Size: 88 KiB |
BIN
static/photos/Film/000580530018.webp
Normal file
|
After Width: | Height: | Size: 81 KiB |
BIN
static/photos/Film/000580530020.webp
Normal file
|
After Width: | Height: | Size: 65 KiB |
BIN
static/photos/Film/000580530022.webp
Normal file
|
After Width: | Height: | Size: 166 KiB |
190
static/photos/Film/index.html
Normal file
|
|
@ -0,0 +1,190 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>Film - duckland.org's photo gallery</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(000580530004.webp);
|
||||
}</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=".">Film</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>
|
||||
|
||||
|
||||
|
||||
|
||||
<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: "000580530004",
|
||||
description: "",
|
||||
thumb: "thumbnails/000580530004.webp",
|
||||
image: "000580530004.webp"
|
||||
},
|
||||
{
|
||||
title: "000580530005",
|
||||
description: "",
|
||||
thumb: "thumbnails/000580530005.webp",
|
||||
image: "000580530005.webp"
|
||||
},
|
||||
{
|
||||
title: "000580530009",
|
||||
description: "",
|
||||
thumb: "thumbnails/000580530009.webp",
|
||||
image: "000580530009.webp"
|
||||
},
|
||||
{
|
||||
title: "000580530013",
|
||||
description: "",
|
||||
thumb: "thumbnails/000580530013.webp",
|
||||
image: "000580530013.webp"
|
||||
},
|
||||
{
|
||||
title: "000580530014",
|
||||
description: "",
|
||||
thumb: "thumbnails/000580530014.webp",
|
||||
image: "000580530014.webp"
|
||||
},
|
||||
{
|
||||
title: "000580530015",
|
||||
description: "",
|
||||
thumb: "thumbnails/000580530015.webp",
|
||||
image: "000580530015.webp"
|
||||
},
|
||||
{
|
||||
title: "000580530016",
|
||||
description: "",
|
||||
thumb: "thumbnails/000580530016.webp",
|
||||
image: "000580530016.webp"
|
||||
},
|
||||
{
|
||||
title: "000580530018",
|
||||
description: "",
|
||||
thumb: "thumbnails/000580530018.webp",
|
||||
image: "000580530018.webp"
|
||||
},
|
||||
{
|
||||
title: "000580530020",
|
||||
description: "",
|
||||
thumb: "thumbnails/000580530020.webp",
|
||||
image: "000580530020.webp"
|
||||
},
|
||||
{
|
||||
title: "000580530022",
|
||||
description: "",
|
||||
thumb: "thumbnails/000580530022.webp",
|
||||
image: "000580530022.webp"
|
||||
},
|
||||
{
|
||||
title: "000481820001",
|
||||
description: "",
|
||||
thumb: "thumbnails/000481820001.webp",
|
||||
image: "000481820001.webp"
|
||||
},
|
||||
{
|
||||
title: "000481820002",
|
||||
description: "",
|
||||
thumb: "thumbnails/000481820002.webp",
|
||||
image: "000481820002.webp"
|
||||
},
|
||||
{
|
||||
title: "000481820003",
|
||||
description: "",
|
||||
thumb: "thumbnails/000481820003.webp",
|
||||
image: "000481820003.webp"
|
||||
},
|
||||
{
|
||||
title: "000481820004",
|
||||
description: "",
|
||||
thumb: "thumbnails/000481820004.webp",
|
||||
image: "000481820004.webp"
|
||||
},
|
||||
{
|
||||
title: "000481820009",
|
||||
description: "",
|
||||
thumb: "thumbnails/000481820009.webp",
|
||||
image: "000481820009.webp"
|
||||
},
|
||||
]
|
||||
|
||||
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>
|
||||
</div>
|
||||
<footer>
|
||||
<p>
|
||||
<span>© Don Harper</span>
|
||||
<span>Generated by <a href="https://github.com/saimn/sigal">sigal</a></span>
|
||||
</p>
|
||||
</footer> </div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
static/photos/Film/thumbnails/000481820001.webp
Normal file
|
After Width: | Height: | Size: 7.7 KiB |
BIN
static/photos/Film/thumbnails/000481820002.webp
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
static/photos/Film/thumbnails/000481820003.webp
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
static/photos/Film/thumbnails/000481820004.webp
Normal file
|
After Width: | Height: | Size: 6.2 KiB |
BIN
static/photos/Film/thumbnails/000481820009.webp
Normal file
|
After Width: | Height: | Size: 6 KiB |
BIN
static/photos/Film/thumbnails/000580530004.webp
Normal file
|
After Width: | Height: | Size: 5.4 KiB |
BIN
static/photos/Film/thumbnails/000580530005.webp
Normal file
|
After Width: | Height: | Size: 5.4 KiB |
BIN
static/photos/Film/thumbnails/000580530009.webp
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
static/photos/Film/thumbnails/000580530013.webp
Normal file
|
After Width: | Height: | Size: 5.9 KiB |
BIN
static/photos/Film/thumbnails/000580530014.webp
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
static/photos/Film/thumbnails/000580530015.webp
Normal file
|
After Width: | Height: | Size: 8.7 KiB |
BIN
static/photos/Film/thumbnails/000580530016.webp
Normal file
|
After Width: | Height: | Size: 8.9 KiB |
BIN
static/photos/Film/thumbnails/000580530018.webp
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
static/photos/Film/thumbnails/000580530020.webp
Normal file
|
After Width: | Height: | Size: 4.6 KiB |
BIN
static/photos/Film/thumbnails/000580530022.webp
Normal file
|
After Width: | Height: | Size: 12 KiB |
|
|
@ -41,6 +41,10 @@
|
|||
<img src="Comic-Cons/Houston-Amazing-Comic-Con-2016/thumbnails/20160911122438.webp" class="album_thumb" alt="Comic-Cons" title="Comic-Cons" /></a>
|
||||
<span class="album_title">Comic-Cons</span>
|
||||
</li>
|
||||
<li><a href="Film/">
|
||||
<img src="Film/thumbnails/000580530004.webp" class="album_thumb" alt="Film" title="Film" /></a>
|
||||
<span class="album_title">Film</span>
|
||||
</li>
|
||||
<li><a href="First-Day/">
|
||||
<img src="First-Day/thumbnails/signpost.webp" class="album_thumb" alt="First-Day" title="First-Day" /></a>
|
||||
<span class="album_title">First-Day</span>
|
||||
|
|
|
|||