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

Snapshots | iceberg

Inside this repository

1.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([[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>