Skip to content

Instantly share code, notes, and snippets.

@godfat

godfat/rib-slides.html

Created May 31, 2018 13:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save godfat/499827ff1f243976a38e9b71da91fef8 to your computer and use it in GitHub Desktop.
Save godfat/499827ff1f243976a38e9b71da91fef8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
rib-slides.html
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Rib</title>
<meta charset="utf-8">
<meta name="viewport" content="width=792, user-scalable=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link href="http://www.godfat.org/slide/asset/screen-8.4.css" rel="stylesheet" type="text/css">
<style>
img { position: absolute; left: 0; top: 0; height: 100%; width: auto; }
</style>
</head>
<body class="list">
<header class="caption"></header>
<script>
for(var i = 1; i <= 27; ++i) {
var img = document.createElement("img");
var prefix = Math.floor(i / 10) == 0 ? "0" : "";
img.src = prefix + i.toString() + ".png"
var div = document.createElement("div");
div.appendChild(img);
var section = document.createElement("section");
section.className = "slide";
section.appendChild(div);
document.body.appendChild(section);
};
</script>
<div class="progress"><div></div></div>
<script src="http://www.godfat.org/slide/asset/shower.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment