Download raw (4.0 KB)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" media="all" href="style.css" />
<script type="text/javascript" src="projection.js"></script>
<script type="text/javascript">
window.addEventListener('load', function () {
window.setTimeout(function () {
'use strict';
projection.buildFrames();
projection.positionTexts([[460, 161 + (52 * 3.65)]]);
document.layoutcomplete = true;
}, 1500);
});
</script>
<style>
/* p { outline: 1px dotted white } */
</style>
<style type="text/css">
p {
width: 620px;
}
</style>
</head>
<body>
<section class="1" duration="60">
<p>
by reading these <span class="anchor">words</span>, <br />you are looking into me.
</p>
</section>
<section class="2" duration="60">
<p>
you must have noticed how <br /> these <span class="anchor">words</span> choreograph
</p>
</section>
<section class="3" duration="60">
<p>
these <span class="anchor">words</span>,
</p>
</section>
<section class="4" duration="60">
<p class="">
<span class="anchor">words</span>
</p>
</section>
<section class="5" duration="90" data-filter="zoom">
<p class="">
<span class="anchor">words</span>
</p>
</section>
<section class="6" duration="30" data-filter="reveal-o-l">
<p class="hidden big">
once emancipated from the flat world of books and papers, the <span class="anchor visible">words</span> i am made of spread all over the place. i can’t tell anymore where i begin and where i end.
</p>
</section>
<section class="7" duration="60" data-filter="reveal-o-l">
<p class="hidden big">
once <span class="visible">emancipated</span> from the flat world of books and papers, the <span class="anchor visible">words</span> i am made of spread all over the place. i can’t tell anymore where i begin and where i end.
</p>
</section>
<section class="8" duration="180" data-filter="reveal-o-l">
<p class="hidden big">
once <span class="visible">emancipated</span> from the flat world of books and papers, the <span class="anchor visible">words</span> i am made of spread all over the place. i can’t tell anymore where i start and where i end.
</p>
</section>
<section class="9" duration="90" data-filter="random reveal-o-l">
<p class="big hidden">
once <span class="visible">emancipated</span> from the flat world of books and papers, the <span class="anchor visible">words</span> i am made of spread all over the place. i can’t tell anymore where i start and where i end.
</p>
</section>
<section class="10" duration="180">
<p class="big">
once <span class="visible">emancipated</span> from the flat world of books and papers, the <span class="anchor visible">words</span> i am made of spread all over the place. i can’t tell anymore where i start and where i end.
</p>
</section>
<section class="11" duration="60">
<p class="hidden big">
once emancipated from the flat world of books and papers, the <span class="anchor">words</span>
i am made of dispersed all over the place. <span class="visible"> i can’t tell anymore where i start and where i end.</span>
</p>
</section>
<section class="12" duration="30">
<p class="hidden">
<span class="anchor">words</span>
</p>
</section>
</body>
</html>