relearn-curved-slider-webpage/index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.pathslider.js"></script>
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
    <link rel="stylesheet" type="text/css" href="css/pathslider.css">
</head>
<body>
    <!-- The curved slider -->
    <div id="sliders">
        <div id="slider"></div>
        <div id="slider2"></div>
    </div>
    <style>
    #slider {
        position: absolute;
        top:0;
        left:0;
        width      : 100%;
        height     : 400px;
        background: transparent;
    }
    #slider2 {
        position: absolute;
        top:0;
        left:0;
        width      : 100%;
        height     : 400px;
        background: transparent;
    }
    </style>
    <script>
    jQuery(function($){
        $("#slider").pathslider({
            points     : [50,10,-150,0,150,200,300,100],
            value      : 49,
            rotateGrip : true,
            tolerance  : 3,
            range      : 30,
            curve      : { width:4, color:"#333", cap:"round" }
        });
        $("#slider2").pathslider({
            points     : [490,300,-150,0,-200,-200,300,100],
            value      : 49,
            rotateGrip : true,
            tolerance  : 3,
            range      : 30,
            curve      : { width:4, color:"#333", cap:"round" }
        });
    });

    // scroll
    $(document).ready(function() {
      $('#slider').bind('slide.pathslider', function(event, slider){
        var scrollPos = slider.percent * ( $('#curve')[0].scrollHeight - $(window).height() ) / 100
        $('#curve').scrollTop(scrollPos);
      });

      $('#slider2').bind('slide.pathslider', function(event, slider){
        var scrollPos = slider.percent * ( $('#curve')[0].scrollHeight - $(window).height() ) / 100
        $('#curve').scrollTop(scrollPos);
      });

    });

    </script>

    <div id="curve">
        <h1>Relearn
    	<select onchange="window.location.href=this.value" style="display: inline-block;">
			<option value="http://relearn.be/2019/" selected="selected">2019</option>
			<option value="http://relearn.be/2017/">2017</option>
			<option value="http://relearn.be/2016/">2016</option>
	   	    <option value="http://relearn.be/2015/">2015</option>
	        <option value="http://relearn.be/2014/">2014</option>
	        <option value="http://relearn.be/2013/">2013</option>
	    </select>
	    curved</h1>

        <p>Relearn 2019 is a curve, transversing multiple times and spaces.</p>
        <p>(a few more words about the curve follow soon )</p>

        <div id="rotterdam" class="controlpoint">
            <h2>RELEARN 2019.Rotterdam</h2>

            <p>7th, 8th & 9th of June 2019<br>
            Varia, Rotterdam</p><br>

            <p>For the Rotterdam control point on the Relearn curve, we propose to together attend to a <strong>subject zone</strong> (<strong>*</strong>) where different digital network practices intersect. This subject zone can morph into multiple directions throughout the session. Our specific interest is in how <strong>publishing formats</strong> (<strong>**</strong>) operate with/on/through this zone.</p>
            
            <p><strong>*</strong> There are many questions in the air when we start to speak about digital infrastructures, hosters, servers, services, networks and their technical realities. Instead of picking one and diving deeper, we thought it would be more interesting to present a range and explore different vocabularies, protocols, technologies, infrastructures. We invite you to join Relearn to stretch this zone, starting from or moving towards:</p>

            <ul>
            <li>▝ &nbsp;&nbsp;digital interdependencies</li>
            <li>▘ &nbsp;&nbsp;affective infrastructures</li>
            <li>▝ &nbsp;&nbsp;homebrew networks</li>
            <li>▗ &nbsp;&nbsp;networked entanglements</li>
            <li>▖ &nbsp;&nbsp;feminist servers</li>
            <li>▖ &nbsp;&nbsp;federated networks</li>
            <li>▝ &nbsp;&nbsp;and-and-networks</li>
            <li>▚ &nbsp;&nbsp;digital autonomy</li>
            <li>▖ &nbsp;&nbsp;transitional infrastructures</li>
            <li>▞ &nbsp;&nbsp;digital selves-organisations</li>
            <li>▖ &nbsp;&nbsp;so-and-sovereignty networks</li>
            <li>▝ &nbsp;&nbsp;out-of-the-cloud thinking</li>
            <li>▚ &nbsp;&nbsp;…</li>
            </ul>
            <p><strong>**</strong> We’re curious about learning through publishing formats. The different publishing formats serve as an invitation to embed ourselves within the subject zone of digital networks. How can these formats be our morphable lenses, that we use to relearn digital networks? Starting from or moving towards:</p>
            <ul>
            <li>▝ &nbsp;&nbsp;multiple readers</li>
            <li>▖ &nbsp;&nbsp;cross-readings created through algorithms</li>
            <li>▞ &nbsp;&nbsp;logbooks</li>
            <li>▝ &nbsp;&nbsp;syllabi</li>
            <li>▚ &nbsp;&nbsp;documentation</li>
            <li>▖ &nbsp;&nbsp;annotations</li>
            <li>▝ &nbsp;&nbsp;cookbooks</li>
            <li>▖ &nbsp;&nbsp;tutorials</li>
            <li>▚ &nbsp;&nbsp;README</li>
            <li>▖ &nbsp;&nbsp;bug reports</li>
            <li>▗ &nbsp;&nbsp;link dumps</li>
            <li>▝ &nbsp;&nbsp;scores</li>
            <li>▖ &nbsp;&nbsp;…</li>
            </ul>
            <p>Many sub-trajectories can emerge from here during the days, without the need of taking the same path or agreeing about vocabularies or geometries altogether.</p>
            <hr />
            <p>The session will take place in Rotterdam and starts on Friday evening (the 7th) in a public setting, followed by two full days of relearning together.</p>
            <p><strong>Friday 7th June 20:00 - 22:00</strong><br>
            Relearn public evening program: embed yourself into Relearn</p>
            <p><strong>Saturday/Sunday 8-9th June 10:00 - 18:00</strong><br>
            Relearn sub-zone-trajectories</p>
            <p>If you would like to join this Relearn session, please send an email to <a href="mailto:info@varia.zone">info@varia.zone</a> with a short motivation of your interest. We will reply to subscriptions on a regular basis, up to the <strong>26th of May</strong>.</p>
            <p>Our <em>capacities</em> allow us to have a group of 30 relearners. Our preference goes out to people that can join the whole session (Friday evening, Saturday and Sunday). We will take care of a <em>daily vegetarian lunch</em> (please let us know about allergies or other dietary preferences). Following a tradition from previous years, we will arrange a <em>hosting network</em> in the city and find a place to stay for everyone. Please mention in the email if you need to be hosted or could host one or more relearners in your house.</p>
            <p>If you would like to join us only on the Friday evening, there is no need to subscribe, just come over! :)</p>
            <hr />
            <p><u>Practical info</u><br>
            Date: 7th-9th June 2019 <br>
            Location: Varia - Gouwstraat 3, Rotterdam, The Netherlands<br>
            Website: <a href="https://varia.zone/en/" class="uri">https://varia.zone/</a></p>
            <p><u>Resources &amp; contact</u><br>
            → email: <a href="mailto:info@varia.zone"> info@varia.zone</a><br>
            → <a href="https://tumulte.domainepublic.net/cgi-bin/mailman/listinfo/relearn" class="uri">subscribe to the Relearn mailinglist </a><br>
            → <a href="https://gitlab.com/relearn" class="uri">Relearn’s gitlab repository </a><br>
            → <a href="https://webchat.freenode.net/" class="uri">IRC channel: #relearn on Freenode</a><br>
            → <a href="https://gallery.constantvzw.org/index.php/search?album=1&amp;q=relearn" class="uri">Photographs of previous Relearn editions can be found in Constant’s gallery</a></p>
        </div>
    </div>
</body>
</html>
first mini-sketch for a curved slider 6 years ago			`<!DOCTYPE html>`
			`<html>`
			`<head>`
joana and me inserted the relearn @ rotterdam announcement 6 years ago			`<meta charset="utf-8">`
			`<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>`
			`<script type="text/javascript" src="js/jquery.pathslider.js"></script>`
			`<link rel="stylesheet" type="text/css" href="css/stylesheet.css">`
			`<link rel="stylesheet" type="text/css" href="css/pathslider.css">`
first mini-sketch for a curved slider 6 years ago			`</head>`
			`<body>`
joana and me inserted the relearn @ rotterdam announcement 6 years ago			`<!-- The curved slider -->`
moving the slider a bit to the left 6 years ago			`<div id="sliders">`
joana and me inserted the relearn @ rotterdam announcement 6 years ago			`<div id="slider"></div>`
			`<div id="slider2"></div>`
			`</div>`
			`<style>`
			`#slider {`
			`position: absolute;`
			`top:0;`
			`left:0;`
			`width : 100%;`
			`height : 400px;`
			`background: transparent;`
scroll slider 6 years ago			`}`
joana and me inserted the relearn @ rotterdam announcement 6 years ago			`#slider2 {`
			`position: absolute;`
			`top:0;`
			`left:0;`
			`width : 100%;`
			`height : 400px;`
			`background: transparent;`
			`}`
			`</style>`
			`<script>`
			`jQuery(function($){`
			`$("#slider").pathslider({`
			`points : [50,10,-150,0,150,200,300,100],`
			`value : 49,`
			`rotateGrip : true,`
			`tolerance : 3,`
			`range : 30,`
			`curve : { width:4, color:"#333", cap:"round" }`
			`});`
			`$("#slider2").pathslider({`
			`points : [490,300,-150,0,-200,-200,300,100],`
			`value : 49,`
			`rotateGrip : true,`
			`tolerance : 3,`
			`range : 30,`
			`curve : { width:4, color:"#333", cap:"round" }`
			`});`
			`});`
scroll slider 6 years ago
			`// scroll`
			`$(document).ready(function() {`
			`$('#slider').bind('slide.pathslider', function(event, slider){`
			`var scrollPos = slider.percent * ( $('#curve')[0].scrollHeight - $(window).height() ) / 100`
			`$('#curve').scrollTop(scrollPos);`
			`});`

			`$('#slider2').bind('slide.pathslider', function(event, slider){`
			`var scrollPos = slider.percent * ( $('#curve')[0].scrollHeight - $(window).height() ) / 100`
			`$('#curve').scrollTop(scrollPos);`
			`});`

			`});`

joana and me inserted the relearn @ rotterdam announcement 6 years ago			`</script>`
first mini-sketch for a curved slider 6 years ago
joana and me inserted the relearn @ rotterdam announcement 6 years ago			`<div id="curve">`
scroll slider 6 years ago			`<h1>Relearn`
moving the slider a bit to the left 6 years ago			`<select onchange="window.location.href=this.value" style="display: inline-block;">`
			`<option value="http://relearn.be/2019/" selected="selected">2019</option>`
			`<option value="http://relearn.be/2017/">2017</option>`
			`<option value="http://relearn.be/2016/">2016</option>`
			`<option value="http://relearn.be/2015/">2015</option>`
			`<option value="http://relearn.be/2014/">2014</option>`
			`<option value="http://relearn.be/2013/">2013</option>`
			`</select>`
			`curved</h1>`

joana and me inserted the relearn @ rotterdam announcement 6 years ago			`<p>Relearn 2019 is a curve, transversing multiple times and spaces.</p>`
adding a short line that says that more words about the curve follow soon 6 years ago			`<p>(a few more words about the curve follow soon )</p>`
joana and me inserted the relearn @ rotterdam announcement 6 years ago
scroll slider 6 years ago			`<div id="rotterdam" class="controlpoint">`
joana and me inserted the relearn @ rotterdam announcement 6 years ago			`<h2>RELEARN 2019.Rotterdam</h2>`

			`<p>7th, 8th & 9th of June 2019<br>`
			`Varia, Rotterdam</p><br>`

removed energy field 6 years ago			`<p>For the Rotterdam control point on the Relearn curve, we propose to together attend to a <strong>subject zone</strong> (<strong></strong>) where different digital network practices intersect. This subject zone can morph into multiple directions throughout the session. Our specific interest is in how <strong>publishing formats</strong> (<strong>*</strong>) operate with/on/through this zone.</p>`
rewrote the hosting sentence 6 years ago
small changes in the text 6 years ago			`<p><strong>*</strong> There are many questions in the air when we start to speak about digital infrastructures, hosters, servers, services, networks and their technical realities. Instead of picking one and diving deeper, we thought it would be more interesting to present a range and explore different vocabularies, protocols, technologies, infrastructures. We invite you to join Relearn to stretch this zone, starting from or moving towards:</p>`
joana and me inserted the relearn @ rotterdam announcement 6 years ago
			`<ul>`
			`<li>▝   digital interdependencies</li>`
			`<li>▘   affective infrastructures</li>`
small changes in the text 6 years ago			`<li>▝   homebrew networks</li>`
joana and me inserted the relearn @ rotterdam announcement 6 years ago			`<li>▗   networked entanglements</li>`
			`<li>▖   feminist servers</li>`
			`<li>▖   federated networks</li>`
			`<li>▝   and-and-networks</li>`
			`<li>▚   digital autonomy</li>`
			`<li>▖   transitional infrastructures</li>`
small changes in the text 6 years ago			`<li>▞   digital selves-organisations</li>`
joana and me inserted the relearn @ rotterdam announcement 6 years ago			`<li>▖   so-and-sovereignty networks</li>`
			`<li>▝   out-of-the-cloud thinking</li>`
			`<li>▚   …</li>`
			`</ul>`
small changes in the text 6 years ago			`<p><strong>**</strong> We’re curious about learning through publishing formats. The different publishing formats serve as an invitation to embed ourselves within the subject zone of digital networks. How can these formats be our morphable lenses, that we use to relearn digital networks? Starting from or moving towards:</p>`
joana and me inserted the relearn @ rotterdam announcement 6 years ago			`<ul>`
			`<li>▝   multiple readers</li>`
			`<li>▖   cross-readings created through algorithms</li>`
			`<li>▞   logbooks</li>`
			`<li>▝   syllabi</li>`
			`<li>▚   documentation</li>`
			`<li>▖   annotations</li>`
			`<li>▝   cookbooks</li>`
			`<li>▖   tutorials</li>`
			`<li>▚   README</li>`
			`<li>▖   bug reports</li>`
			`<li>▗   link dumps</li>`
			`<li>▝   scores</li>`
			`<li>▖   …</li>`
			`</ul>`
			`<p>Many sub-trajectories can emerge from here during the days, without the need of taking the same path or agreeing about vocabularies or geometries altogether.</p>`
			`<hr />`
			`<p>The session will take place in Rotterdam and starts on Friday evening (the 7th) in a public setting, followed by two full days of relearning together.</p>`
			`<p><strong>Friday 7th June 20:00 - 22:00</strong><br>`
			`Relearn public evening program: embed yourself into Relearn</p>`
rewrote the hosting sentence 6 years ago			`<p><strong>Saturday/Sunday 8-9th June 10:00 - 18:00</strong><br>`
joana and me inserted the relearn @ rotterdam announcement 6 years ago			`Relearn sub-zone-trajectories</p>`
			`<p>If you would like to join this Relearn session, please send an email to <a href="mailto:info@varia.zone">info@varia.zone</a> with a short motivation of your interest. We will reply to subscriptions on a regular basis, up to the <strong>26th of May</strong>.</p>`
rewrote the hosting sentence 6 years ago			<p>Our <em>capacities</em> allow us to have a group of 30 relearners. Our preference goes out to people that can join the whole session (Friday evening, Saturday and Sunday). We will take care of a <em>daily vegetarian lunch</em> (please let us know about allergies or other dietary preferences). Following a tradition from previous years, we will arrange a <em>hosting network</em> in the city and find a place to stay for everyone. Please mention in the email if you need to be hosted or could host one or more relearners in your house.</p>
joana and me inserted the relearn @ rotterdam announcement 6 years ago			`<p>If you would like to join us only on the Friday evening, there is no need to subscribe, just come over! :)</p>`
			`<hr />`
			`<p><u>Practical info</u><br>`
			`Date: 7th-9th June 2019 <br>`
			`Location: Varia - Gouwstraat 3, Rotterdam, The Netherlands<br>`
			`Website: <a href="https://varia.zone/en/" class="uri">https://varia.zone/</a></p>`
			`<p><u>Resources & contact</u><br>`
			`→ email: <a href="mailto:info@varia.zone"> info@varia.zone</a><br>`
			`→ <a href="https://tumulte.domainepublic.net/cgi-bin/mailman/listinfo/relearn" class="uri">subscribe to the Relearn mailinglist </a><br>`
			`→ <a href="https://gitlab.com/relearn" class="uri">Relearn’s gitlab repository </a><br>`
			`→ <a href="https://webchat.freenode.net/" class="uri">IRC channel: #relearn on Freenode</a><br>`
			`→ <a href="https://gallery.constantvzw.org/index.php/search?album=1&q=relearn" class="uri">Photographs of previous Relearn editions can be found in Constant’s gallery</a></p>`
			`</div>`
			`</div>`
first mini-sketch for a curved slider 6 years ago			`</body>`
two points! 6 years ago			`</html>`