tlakh/llgal/slidetemplate.html.txt

63 lines
2.5 KiB
Plaintext
Raw Permalink Normal View History

2023-01-29 11:46:34 +01:00
<!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>