halloleo/impress-template.html

## 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>
	<!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>