Static photo albums with llgal
This commit is contained in:
@@ -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>
|
||||
|
||||
<a id="indexlink" href="<!--INDEX-FILE-->"><!--INDEX-LINK-TEXT--></a>
|
||||
|
||||
<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>
|
||||
Reference in New Issue
Block a user