Download raw (1.6 KB)
<!DOCTYPE HTML> <html lang="en-us"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="style.css" type="text/css" media="all"> <title>Index</title> </head> <body> <!-- PAGES --> <div id="pages"> <!-- MASTER --> <div id="master-page" class="paper"> <div class="page"> <div class="header running"></div> <section id="master-region" class="body"> <div class="main"></div> </section> <div class="footer"></div> </div> </div> </div> <div id="stories"> <article id="main" data-src="__story_path__"></article> </div> <script type="text/javascript" src="/js/flow.js"></script> <script type="text/javascript" src="/js/stories.js"></script> <script type="text/javascript"> ; (function () { 'use strict'; if (!(document.webkitGetNamedFlows || document.getNamedFlows)) { var polyfill = document.createElement("script"); polyfill.setAttribute("src", "/assets/lib/css-regions.min.js"); document.body.appendChild(polyfill); } document.addEventListener("storiesloaded", function () { var template = document.querySelector('#master-page'); template.removeAttribute('id'); template.remove(); fitFlow(document.getNamedFlow('main'), template, document.querySelector('#pages'), function (node) { return node.classList.contains('paper')}); }); })(); </script> </body> </html>