Skip to content

Instantly share code, notes, and snippets.

@halloleo

halloleo/impress-template.html

Forked from jgm/impress-template.html
Last active September 19, 2019 06:57
Show Gist options
  • Save halloleo/3177e019f7544f08af467feb8511d90c to your computer and use it in GitHub Desktop.
Save halloleo/3177e019f7544f08af467feb8511d90c to your computer and use it in GitHub Desktop.
Download ZIP
Pandoc template for writing impress.js slideshows - using standard meta variables like $title$, $css$, etc
Raw
impress-template.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<meta name="apple-mobile-web-app-capable" content="yes" />
$for(author-meta)$
<meta name="author" content="$author-meta$">
$endfor$
$if(date-meta)$
<meta name="dcterms.date" content="$date-meta$">
$endif$
$if(keywords)$
<meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$">
$endif$
<title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
<link href="$impress-url$/css/impress-demo.css" rel="stylesheet" />
$for(css)$
<link rel="stylesheet" href="$css$"/>
$endfor$
</head>
<body class="impress-not-supported">
<div class="fallback-message">
<p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
</div>
<div id="impress">
$body$
</div>
<div class="hint">
<p>Use a spacebar or arrow keys to navigate</p>
</div>
<script>
if ("ontouchstart" in document.documentElement) {
document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
}
</script>
<script src="$impress-url$/js/impress.js"></script>
<script>impress().init();</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment