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" media="screen" href="https://fontlibrary.org/face/avara" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="css/pathslider.css">
    <link rel="stylesheet" type="text/css" href="css/warped.css">
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
</head>
<body>
    <!-- The curved slider -->
    <div id="sliders">
              <div id='warped'>
                     <span class='w0'>R</span><span class='w1'>e</span><span class='w2'>l</span><span class='w3'>e</span><span class='w4'>a</span><span class='w5'>r</span><span class='w6'>n</span><span class='w7'> </span><span class='w8'> </span><span class='w9'>2</span><span class='w10'>0</span><span class='w11'>1</span><span class='w12'>9</span>
              </div>
        <div id="slider"></div>
        <!--<div id="slider2"></div>-->
		<div id="relearn-infos">
            <h3>Resources &amp; contact</h3>
			<ul>
				<li><a href="https://tumulte.domainepublic.net/cgi-bin/mailman/listinfo/relearn" target='_blank'>Subscribe to the Relearn mailinglist </a></li>
				<li><a href="https://webchat.freenode.net/" target='_blank'>IRC channel: #relearn on Freenode</a></li>
				<li><a href="https://gitlab.com/relearn" target='_blank'>Relearn gitlab repository </a></li>
				<li><a href="https://gallery.constantvzw.org/index.php/search?album=1&amp;q=relearn" target='_blank'>Photographs of previous Relearn editions</a></li>
			</ul>
		</div>
    </div>

    <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 is a summerschool which welcomes persons, artists, students, teachers from all backgrounds and disciplines. Participants will gather to learn from and teach to each other, beyond the traditional paradigms of education. 
Relearn researches convivial, experimental and deviant methods and means in the fields of design, computing and education, challenging the normal roles and separations in them (teacher/student, developer/user, art/life...).
		</p>
		<p>
Free, Libre and Open Source Software plays a fundamental role at Relearn, as it facilitates a different approach to the tools we commonly use in our practices and lives. For instance, it can allow us to understand the influence that tools themselves exert on the way they are used, or the different social relations and economies that are formed between who creates and uses them. Such a questioning approach to technology feels urgent, in a time in which more and more social, political and personal issues are addressed by solely technological means.
		</p>
		<p>
		</p>

        <hr>

        <p>Relearn 2019 is a curve, transversing multiple times and spaces.</p>
        <p>
These would be independently organized sessions based on the urgencies
and affordances of each of the participating spaces. However, there
would still be a common thread throughout the series, perhaps in the
form of a transversal 'reroam' but also in the form of a roaming server
that is passed on to each subsequent event.

It is possible to attend all sessions but not required, nor the goal, it
is really the intention to have self-standing events which do not depend
people joining a succession of events but still share commonalities.
		</p>

        <div id="rotterdam" class="controlpoint">
            <h2>·Rotterdam</h2>
            

            <dl>
				<dt>Date</dt> <dd>7<sup>th</sup>–9<sup>th</sup> June 2019</dd>
				<dt>Location</dt> <dd>Varia - Gouwstraat 3, Rotterdam, The Netherlands</dd>
				<dt>Initiator</dt> <dd><a href="https://varia.zone/en/" target='_blank'>Varia</a></dd>
				<dt>Contact</dt> <dd><a href="mailto:&#105;&#110;&#102;&#111;&#064;&#118;&#097;&#114;&#105;&#097;&#046;&#122;&#111;&#110;&#101;">&#105;&#110;&#102;&#111;&#064;&#118;&#097;&#114;&#105;&#097;&#046;&#122;&#111;&#110;&#101;</a></dd>
			</dl>

            <hr />

            <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 />

			<div class='practical-infos'>

            <div class='programme'>
                <h3>Programme</h3>

                <p><u>Friday 7<sup>th</sup> June</u><br>
                    20:00–22:00 (ongoing, no fixed starting time)<br>
                Relearn public evening program: embed yourself into Relearn</p>
                <p><u>Saturday–Sunday, 8–9<sup>th</sup> June</u><br>
                    10:00–18:00<br>
                Relearn sub-zone-trajectories</p>
            </div>

            <div class='participation'>
			<h3>Participation</h3>

            <p>If you would like to join this Relearn session, please send an email to <a href="mailto:&#105;&#110;&#102;&#111;&#064;&#118;&#097;&#114;&#105;&#097;&#046;&#122;&#111;&#110;&#101;">&#105;&#110;&#102;&#111;&#064;&#118;&#097;&#114;&#105;&#097;&#046;&#122;&#111;&#110;&#101;</a> with a short motivation of your interest. We will reply to subscriptions on a regular basis, up to the <strong>26<sup>th</sup> 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). 
			</p>
            <p>If you would like to join us only on the Friday evening, there is no need to subscribe, just come over ! :)</p>
            </div>

            <div class='hosting'>
			<h3>Hosting</h3>
			<p>
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>
			</div>

            </div>

        </div>

    </div>


    <script>
    jQuery(function($){
        $("#slider").pathslider({
            points     : [250,50,-150,100,-50,-400,250,250],
            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
          console.log(scrollPos);
        $('#curve').stop().animate({scrollTop: scrollPos}, 200);
      });
      $('#curve').scroll(function() {
          offset = ($('#curve').scrollTop() / $(document).height()) * 33;
          console.log(offset);
          $('#slider').getpathslider().setSlider(offset);
      });

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

    });

    </script>
</body>
</html>
-												first mini-sketch for a curved slider

											
										
										
											2019-05-03 19:33:01 +02:00
+								<!DOCTYPE html>
 								<html>
 								<head>
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								    <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>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+								    <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/avara" type="text/css"/>
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								    <link rel="stylesheet" type="text/css" href="css/pathslider.css">
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+								    <link rel="stylesheet" type="text/css" href="css/warped.css">
 								    <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
-												first mini-sketch for a curved slider

											
										
										
											2019-05-03 19:33:01 +02:00
+								</head>
 								<body>
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								    <!-- The curved slider -->
-												moving the slider a bit to the left

											
										
										
											2019-05-11 14:33:03 +02:00
+								    <div id="sliders">
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+								              <div id='warped'>
 								                     <span class='w0'>R</span><span class='w1'>e</span><span class='w2'>l</span><span class='w3'>e</span><span class='w4'>a</span><span class='w5'>r</span><span class='w6'>n</span><span class='w7'> </span><span class='w8'> </span><span class='w9'>2</span><span class='w10'>0</span><span class='w11'>1</span><span class='w12'>9</span>
 								              </div>
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								        <div id="slider"></div>
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+								        <!--<div id="slider2"></div>-->
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+										<div id="relearn-infos">
 								            <h3>Resources &amp; contact</h3>
 											<ul>
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+												<li><a href="https://tumulte.domainepublic.net/cgi-bin/mailman/listinfo/relearn" target='_blank'>Subscribe to the Relearn mailinglist </a></li>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+												<li><a href="https://webchat.freenode.net/" target='_blank'>IRC channel: #relearn on Freenode</a></li>
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+												<li><a href="https://gitlab.com/relearn" target='_blank'>Relearn gitlab repository </a></li>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+												<li><a href="https://gallery.constantvzw.org/index.php/search?album=1&amp;q=relearn" target='_blank'>Photographs of previous Relearn editions</a></li>
 											</ul>
 										</div>
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								    </div>
-												first mini-sketch for a curved slider

											
										
										
											2019-05-03 19:33:01 +02:00
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								    <div id="curve">
-												scroll slider

											
										
										
											2019-05-11 23:13:49 +02:00
+								        <h1>Relearn
-												moving the slider a bit to the left

											
										
										
											2019-05-11 14:33:03 +02:00
+								    	<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>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+										<p>
 								Relearn is a summerschool which welcomes persons, artists, students, teachers from all backgrounds and disciplines. Participants will gather to learn from and teach to each other, beyond the traditional paradigms of education.
 								Relearn researches convivial, experimental and deviant methods and means in the fields of design, computing and education, challenging the normal roles and separations in them (teacher/student, developer/user, art/life...).
 										</p>
 										<p>
 								Free, Libre and Open Source Software plays a fundamental role at Relearn, as it facilitates a different approach to the tools we commonly use in our practices and lives. For instance, it can allow us to understand the influence that tools themselves exert on the way they are used, or the different social relations and economies that are formed between who creates and uses them. Such a questioning approach to technology feels urgent, in a time in which more and more social, political and personal issues are addressed by solely technological means.
 										</p>
 										<p>
 										</p>
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+								        <hr>
-												moving the slider a bit to the left

											
										
										
											2019-05-11 14:33:03 +02:00
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								        <p>Relearn 2019 is a curve, transversing multiple times and spaces.</p>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+								        <p>
 								These would be independently organized sessions based on the urgencies
 								and affordances of each of the participating spaces. However, there
 								would still be a common thread throughout the series, perhaps in the
 								form of a transversal 'reroam' but also in the form of a roaming server
 								that is passed on to each subsequent event.
 								It is possible to attend all sessions but not required, nor the goal, it
 								is really the intention to have self-standing events which do not depend
 								people joining a succession of events but still share commonalities.
 										</p>
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
-												scroll slider

											
										
										
											2019-05-11 23:13:49 +02:00
+								        <div id="rotterdam" class="controlpoint">
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+								            <h2>·Rotterdam</h2>
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+								            <dl>
 												<dt>Date</dt> <dd>7<sup>th</sup>–9<sup>th</sup> June 2019</dd>
 												<dt>Location</dt> <dd>Varia - Gouwstraat 3, Rotterdam, The Netherlands</dd>
 												<dt>Initiator</dt> <dd><a href="https://varia.zone/en/" target='_blank'>Varia</a></dd>
 												<dt>Contact</dt> <dd><a href="mailto:&#105;&#110;&#102;&#111;&#064;&#118;&#097;&#114;&#105;&#097;&#046;&#122;&#111;&#110;&#101;">&#105;&#110;&#102;&#111;&#064;&#118;&#097;&#114;&#105;&#097;&#046;&#122;&#111;&#110;&#101;</a></dd>
 											</dl>
 								            <hr />
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
-												removed energy field

											
										
										
											2019-05-12 16:37:42 +02:00
+								            <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>
-												slwr: smooth slider scroll, mobile style

											
										
										
											2019-05-13 21:09:25 +02:00
-												small changes in the text

											
										
										
											2019-05-12 15:02:23 +02:00
+								            <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

											
										
										
											2019-05-11 14:12:20 +02:00
 								            <ul>
 								            <li>▝ &nbsp;&nbsp;digital interdependencies</li>
 								            <li>▘ &nbsp;&nbsp;affective infrastructures</li>
-												small changes in the text

											
										
										
											2019-05-12 15:02:23 +02:00
+								            <li>▝ &nbsp;&nbsp;homebrew networks</li>
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								            <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>
-												small changes in the text

											
										
										
											2019-05-12 15:02:23 +02:00
+								            <li>▞ &nbsp;&nbsp;digital selves-organisations</li>
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								            <li>▖ &nbsp;&nbsp;so-and-sovereignty networks</li>
 								            <li>▝ &nbsp;&nbsp;out-of-the-cloud thinking</li>
 								            <li>▚ &nbsp;&nbsp;…</li>
 								            </ul>
-												small changes in the text

											
										
										
											2019-05-12 15:02:23 +02:00
+								            <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

											
										
										
											2019-05-11 14:12:20 +02:00
+								            <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>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								            <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>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								            <hr />
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+											<div class='practical-infos'>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+								            <div class='programme'>
 								                <h3>Programme</h3>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+								                <p><u>Friday 7<sup>th</sup> June</u><br>
 :00–22:00 (ongoing, no fixed starting time)<br>
 								                Relearn public evening program: embed yourself into Relearn</p>
 								                <p><u>Saturday–Sunday, 8–9<sup>th</sup> June</u><br>
 :00–18:00<br>
 								                Relearn sub-zone-trajectories</p>
 								            </div>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+								            <div class='participation'>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+											<h3>Participation</h3>
 								            <p>If you would like to join this Relearn session, please send an email to <a href="mailto:&#105;&#110;&#102;&#111;&#064;&#118;&#097;&#114;&#105;&#097;&#046;&#122;&#111;&#110;&#101;">&#105;&#110;&#102;&#111;&#064;&#118;&#097;&#114;&#105;&#097;&#046;&#122;&#111;&#110;&#101;</a> with a short motivation of your interest. We will reply to subscriptions on a regular basis, up to the <strong>26<sup>th</sup> 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).
 											</p>
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+								            <p>If you would like to join us only on the Friday evening, there is no need to subscribe, just come over ! :)</p>
 								            </div>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+								            <div class='hosting'>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+											<h3>Hosting</h3>
 											<p>
 								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>
 											</div>
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+								            </div>
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								        </div>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
-												joana and me inserted the relearn @ rotterdam announcement

											
										
										
											2019-05-11 14:12:20 +02:00
+								    </div>
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
 								    <script>
 								    jQuery(function($){
 								        $("#slider").pathslider({
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+								            points     : [250,50,-150,100,-50,-400,250,250],
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+								            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
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+								          console.log(scrollPos);
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
+								        $('#curve').stop().animate({scrollTop: scrollPos}, 200);
 								      });
-												subtle changes in the layout of the text + attempt at making a loop with just one path + syncing the bézier when we scroll the text in a more traditional way

											
										
										
											2019-05-21 16:39:32 +02:00
+								      $('#curve').scroll(function() {
 								          offset = ($('#curve').scrollTop() / $(document).height()) * 33;
 								          console.log(offset);
 								          $('#slider').getpathslider().setSlider(offset);
 								      });
-												changed some structural info for better legibility in current content.

											
										
										
											2019-05-21 14:23:26 +02:00
 								      $('#slider2').bind('slide.pathslider', function(event, slider){
 								        var scrollPos = slider.percent * ( $('#curve')[0].scrollHeight - $(window).height() ) / 100
 								        $('#curve').stop().animate({scrollTop: scrollPos}, 200);
 								      });
 								    });
 								    </script>
-												first mini-sketch for a curved slider

											
										
										
											2019-05-03 19:33:01 +02:00
+								</body>
-												two points!

											
										
										
											2019-05-04 14:18:16 +02:00
+								</html>