Static photo albums with llgal

This commit is contained in:
Florian Obser
2023-01-29 11:46:34 +01:00
parent 4ccdbb7525
commit 13add8d58a
3 changed files with 607 additions and 0 deletions
+62
View File
@@ -0,0 +1,62 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=LLGAL-CODESET" />
<meta name="generator" content="llgal LLGAL-OPTIONS" />
<title><!--SLIDE-TITLE--></title>
<link rel="stylesheet" type="text/css" href="<!--CSS-->" />
<link rel="contents" href="<!--INDEX-FILE-->" />
<link rel="index" href="<!--INDEX-FILE-->" />
<link rel="next" href="<!--NEXT-SLIDE-->" />
<link rel="previous" href="<!--PREV-SLIDE-->" />
<link rel="prefetch" href="<!--NEXT-SLIDE-->" />
<script type="text/javascript" src="/js/mousetrap.min.js"></script>
<script type="text/javascript" src="/js/hammer.min.js"></script>
</head>
<body>
<!-- Please note that the comments in ALL CAPS are the places where llgal
inserts the appropriate file names. You may move them around (or
remove them) to customize your slides at will. To see how this
works just compare the template file with a generated slide. -->
<p class="center">
<a id="prevslide" href="<!--PREV-SLIDE-->"><!--PREV-SLIDE-LINK-TEXT--></a>
&nbsp; &nbsp; &nbsp;
<a id="indexlink" href="<!--INDEX-FILE-->"><!--INDEX-LINK-TEXT--></a>
&nbsp; &nbsp; &nbsp;
<a id="nextslide" href="<!--NEXT-SLIDE-->"><!--NEXT-SLIDE-LINK-TEXT--></a>
</p>
<div class="center" id="slide-container">
<!--THIS-SLIDE-->
</div>
<p class="caption">
<!--IMAGE-CAPTION-->
</p>
<div class="center">
<!--EXIF-TABLE-->
</div>
<script type="text/javascript">
// Script for keyboard navigation
var prev = document.getElementById("prevslide").href;
var next = document.getElementById("nextslide").href;
Mousetrap.bind('left', function () { location.href = prev; });
Mousetrap.bind('right', function () { location.href = next; });
Mousetrap.bind('h', function () { location.href = indexlink; });
Mousetrap.bind('j', function () { location.href = prev; });
Mousetrap.bind('k', function () { location.href = next; });
</script>
<script type="text/javascript">
// Script for touch gestures (Hammerjs)
var slide = document.getElementById('slide-container');
var mc = new Hammer(slide);
mc.on("swiperight", function(ev) { location.href = next; });
mc.on("swipeleft", function(ev) { location.href = prev; });
</script>
</body>
</html>