rethinking /photos

2019-06-22 10:17:08 -05:00 · 2019-06-22 10:17:08 -05:00 · eccc408d42
commit eccc408d42
parent 96c744cfe1
857 changed files with 39175 additions and 0 deletions
--- a/static/photos/Random/index.html
+++ b/static/photos/Random/index.html
@ -0,0 +1,143 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+
+    <title>Random</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(201701.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=".">Random</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: "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: "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: "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.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>