godfat/rib-slides.html

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