adva-zakai.overbooked
clone your own copy | download snapshot

Snapshots | iceberg

Inside this repository

2.html
text/html

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([[1070, 161 + 188]]);
                    document.layoutcomplete = true;
                }, 1500);
            });
        </script>
	<style>
	    /* p { outline: 1px dotted white } */

	    p { width: 630px; }
	</style>
    </head>
    <body>
        <section class="1" duration="60">
            <p class="hidden">
                some words remained immaterial and forgotten. they still float and wander invisibly in <span class="anchor">space</span>. 
            </p>
        </section>
        <section class="2" duration="60">
            <p class="hidden">
                some words remained immaterial and forgotten. they still float and wander invisibly in <span class="anchor">space</span>. 
            </p>
        </section>
        <section class="3" duration="60">
            <p class="hidden">
                some words remained immaterial and forgotten. they still float and wander invisibly in <span class="visible">this</span> <span class="anchor visible">space</span><span class="visible">,</span>.
            </p>
        </section>
        <section class="4" duration="60">
            <p class="hidden">
                some words remained immaterial and forgotten. they still float and wander invisibly in<br /> <span class="visible"> by entering this</span> <span class="anchor visible">space</span><span class="visible">,</span>.</p>
        </section>
        <section class="5" duration="90" data-filter="zoom">
            <p class="hidden">
                some words remained immaterial and forgotten. they still float and wander invisibly in <span class="anchor visible">space</span>.
            </p>
        </section>     
        <section class="6" duration="30" data-filter="reveal-o-l">
            <p class="hidden big">
               some words remained immaterial and forgotten. they still float and wander invisibly in <span class="anchor visible">space</span>.
            </p>
        </section>
        <section class="7" duration="60" data-filter="reveal-o-l">
            <p class="hidden big">
                some words remained <span class="visible">immaterial</span> and forgotten. they still float and wander invisibly in <span class="anchor visible">space</span>. 
            </p>
        </section>
        <section class="8" duration="180" data-filter="reveal-o-l">
            <p class="hidden big">
                some words remained <span class="visible">immaterial</span> and forgotten. they still float and wander invisibly in <span class="anchor visible">space</span>.
            </p>
        </section>
        <section class="9" duration="90" data-filter="random reveal-o-l">
            <p class="hidden big">
                some words remained <span class="visible">immaterial</span> and forgotten. they still float and wander invisibly in <span class="anchor visible">space</span>.
            </p>
        </section>
        <section class="10" duration="180">
            <p class="big">
               some words remained immaterial and forgotten. they still float and wander invisibly in <span class="anchor">space</span>.
            </p>
        </section>
        <section class="11" duration="60">
            <p class="hidden big">
               some words remained immaterial and forgotten. they still float and wander invisibly in <span class="anchor">space</span>.
            </p>
        </section>
        <section class="12" duration="30">
            <p class="hidden big">
                some words remained immaterial and forgotten. they still float and wander invisibly in <span class="anchor">space</span>.
            </p>
        </section>
    </body>
</html>