441 lines
28 KiB
HTML
441 lines
28 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, user-scalable=no">
|
||
<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">
|
||
<ul id='controlpoints'>
|
||
<li id="cp-rotterdam"><a href="#rotterdam">Rotterdam, 07→09/06</a></li>
|
||
<li id="cp-brussels"><a href="#brussels">Brussels, 21→22/06</a></li>
|
||
<li id="cp-paris"><a href='#paris'>Paris, 06→08/09</a></li>
|
||
</ul>
|
||
<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>
|
||
|
||
<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 collective learning experiment with as many teachers as it has participants. It is motivated by the possibility to displace parameters of/for research, studying and learning. <a href='#' class='more'>Read more about Relearn.</a>
|
||
</p>
|
||
<div class='details'>
|
||
<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>
|
||
</div>
|
||
|
||
<hr>
|
||
|
||
<p>
|
||
This summer, Relearn is back in the form of a curve, transversing multiple times and spaces. Curl yourselves this summer from, to and between Rotterdam, Brussels and Paris ! <a href='#' class='more'>Read more about the curve.</a>
|
||
</p>
|
||
<div class='details'>
|
||
<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>
|
||
|
||
|
||
|
||
<div id="rotterdam" class="controlpoint">
|
||
<h2>·Rotterdam</h2>
|
||
|
||
|
||
<dl class='summary'>
|
||
<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:info@varia.zone">info@varia.zone</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>▝ digital interdependencies</li>
|
||
<li>▘ affective infrastructures</li>
|
||
<li>▝ homebrew networks</li>
|
||
<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>
|
||
<li>▞ digital selves-organisations</li>
|
||
<li>▖ so-and-sovereignty networks</li>
|
||
<li>▝ out-of-the-cloud thinking</li>
|
||
<li>▚ …</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>▝ 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 />
|
||
|
||
<div class='practical-infos'>
|
||
|
||
<div class='programme'>
|
||
<h3>Programme</h3>
|
||
|
||
<p><u>Friday 7<sup>th</sup> June</u><br>
|
||
20:00–22:00<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: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>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>
|
||
|
||
<br>
|
||
|
||
<div>Relearn Rotterdam is kindly supported by Gemeente Rotterdam & Stimuleringsfonds Creative Industrie.</div>
|
||
|
||
</div> <!-- END OF ROTTERDAM CONTROL POINT -->
|
||
|
||
|
||
<div id="brussels" class="controlpoint">
|
||
<h2>·Brussels</h2>
|
||
|
||
|
||
<dl class='summary'>
|
||
<dt>Date</dt> <dd>21<sup>st</sup>–22<sup>nd</sup> June 2019</dd>
|
||
<dt>Location</dt> <dd>Hacktiris - Rue Paul Devauxstraat 3, Brussels, Belgium</dd>
|
||
<dt>Initiator</dt> <dd><a href="http://osp.kitchen/" target='_blank'>OSP</a></dd>
|
||
<dt>Contact</dt> <dd><a href="mailto:registration@relearn.be&subject=[BXL] ">registration@relearn.be</a></dd>
|
||
</dl>
|
||
|
||
<hr />
|
||
|
||
<p>
|
||
Exploring computed layout tools.
|
||
</p>
|
||
<p>
|
||
Since 2013, several initiatives have been experimenting with making printed publications using HTML/CSS/Javascript with the help of CSS regions. This feature is necessary to produce multi-paged publications and since its removal from Blink (2014) and in WebKit (2017), users are trapped with old versions of WebKit. Sticking to older version is still viable today but for how long?
|
||
</p>
|
||
<p>
|
||
This urgency leads us to a quite pragmatic but necessary worksession which will therefore focus on exploring other tools for making printed publications, especially computed layout tools (making layout with code). We already spotted three tools we would like to explore, but anyone is welcome to propose and experiment with other tools:
|
||
</p>
|
||
<dl>
|
||
<dt><a href='https://xxyxyz.org/' target='_blank'>Flat</a></dt><dd>A Python library made to draw graphics but also designed to produce multi-paged PDFs.</dd>
|
||
<dt><a href='http://sile-typesetter.org/' target='_blank'>Sile</a></dt><dd>A contemporary rewriting of the TeX mastodon.</dd>
|
||
<dt><a href='https://www.pagedmedia.org/paged-js/' target='_blank'>paged.js</a></dt><dd>A Javascript polyfill of CSS official specs for printed documents.</dd>
|
||
</dl>
|
||
|
||
<hr />
|
||
|
||
<div class='practical-infos'>
|
||
|
||
<div class='programme'>
|
||
<h3>Programme</h3>
|
||
|
||
<div class='flex'>
|
||
<p><u>Friday 21<sup>st</sup> June</u><br>
|
||
10:00–18:00
|
||
</p>
|
||
<ul>
|
||
<li>Short introduction of tools</li>
|
||
<li>Choose your tool and have fun with it!</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class='flex'>
|
||
<p><u>Saturday 22<sup>nd</sup> June</u><br>
|
||
10:00–18:00</p>
|
||
<ul>
|
||
<li>Continuation of the exploration</li>
|
||
<li>Show/tell/criticize</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='participation'>
|
||
<h3>Participation</h3>
|
||
|
||
<p>Participation is free of charge. If you would like to join this Relearn session, please send an email to <a href="mailto:miam@osp.kitchen">miam@osp.kitchen</a> with a short motivation of your interest. We will reply to subscriptions on a regular basis, up to the <strong>15<sup>th</sup> of June</strong>.</p>
|
||
<p>Our <em>capacities</em> allow us to have a group of 12 relearners. Our preference goes out to people that can join the whole session (Friday, Saturday).
|
||
</p>
|
||
</div>
|
||
|
||
<div class='hosting'>
|
||
<h3>Hosting</h3>
|
||
<p>
|
||
On Friday, there's a vegetarian canteen in the working space or many eating choices outside (the location is in the heart of Brussels). On Saturday we will take care of a <em>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> <!-- END BRUSSELS CONTROL POINT -->
|
||
|
||
<div id="paris" class="controlpoint">
|
||
<h2>·Paris</h2>
|
||
|
||
<div class='fr'>
|
||
<a class='lang' href='#'>EN</a>
|
||
<dl class='summary'>
|
||
<dt>Date</dt> <dd>06–08 septembre 2019</dd>
|
||
<dt>Lieu</dt> <dd>La Générale - 14 Avenue Parmentier, 75011 Paris, France</dd>
|
||
<dt>Organisateurs</dt> <dd><a href="http://www.sakasama.net/" target='_blank'>Anne Laforet</a> et <a href="https://juhel-quentin.fr/" target='_blank'>Quentin Juhel</a></dd>
|
||
<dt>Contact</dt> <dd><a href="mailto:registration@relearn.be&subject=[PARIS] ">registration@relearn.be</a></dd>
|
||
</dl>
|
||
<p>Relearn est une expérience d’apprentissage et de recherche collectifs avec autant d'enseignant·es que de participant·es. Relearn est un réseau d'artistes, de designers, d'enseignant⋅es, de programmeur⋅euses, de praticien·nes et/ou de curieux ⋅ses qui se rassemblent pour re-imaginer des formes de pédagogie, de création, de partage autour d'outils numériques libres. L'horizontalité, la transdisciplinarité et la diversité des approches et des pratiques sont au cœur des sessions de Relearn.</p>
|
||
<p>Cet été, Relearn est de retour sous la forme d’une courbe, traversant des temps et espaces multiples. Cet été, après les sessions de Rotterdam et Bruxelles, la courbe s'arrête à Paris du 6 au 8 septembre.</p>
|
||
<p>Nous vous proposons de venir expérimenter ensemble avec le serveur local de Relearn qui voyage entre chacune des sessions. Nous nous intéresserons à plusieurs pistes de réflexions concernant les serveurs et les enjeux sociaux, techniques, artistiques, affectifs... Nous souhaitons ré-interroger ce que l'on entend par serveur, sa place dans l'apprentissage et la recherche, ainsi que les modes de co-existence et d'échange. Nous vous invitons à venir prendre soin de ce dispositif à partir des enjeux de :</p>
|
||
|
||
<ul>
|
||
<li>pratiques artistiques collaboratives en ligne : pratiques artistiques collaboratives en ligne : dessin, texte, image, interaction, etc</li>
|
||
<li>modes de publication et de transmission, en particulier le Web 2 print</li>
|
||
<li>maintenance, administration système, care et travail reproductif</li>
|
||
<li>codes de conduite, modération</li>
|
||
<li>physicalité des serveurs</li>
|
||
<li>représentations</li>
|
||
<li>écologie et serveurs</li>
|
||
<li>serveurs locaux, fédérés, féministes, etc.</li>
|
||
</ul>
|
||
|
||
<hr>
|
||
<div class='practical-infos'>
|
||
<div class='programme'>
|
||
<h3>Programme</h3>
|
||
|
||
<p style="width: 100%; margin-bottom: 1.5em;">Relearn a lieu à <a href="https://www.lagenerale.fr/">La Générale</a> - 14 Avenue Parmentier, 75011 Paris, France</p>
|
||
|
||
<div class='flex'>
|
||
<p><u>Vendredi 6 septembre — 18h → 22h</u><br>
|
||
Table-rondes de présentation des pistes de réflexions et échanges<br>
|
||
Ouvert à tou·tes, participant·es ou non à Relearn<br>
|
||
Bar sur place</p>
|
||
</div>
|
||
|
||
<div class='flex'>
|
||
<p><u>Samedi 7 septembre — 10h → 18h (possibilité de rester plus tard)</u><br>
|
||
<u>Dimanche 8 septembre — 10h → 18h</u><br>
|
||
séances de travail collectives, par petits groupes, en parallèle<br>
|
||
18h ménage collectif<br>
|
||
Gratuit sur inscription à <a href="mailto:registration@relearn.be&subject=[PARIS] ">registration@relearn.be</a> avant le 25 août</p>
|
||
</div>
|
||
</div>
|
||
<div class='participation'>
|
||
<h3>Participation</h3>
|
||
<p>Si vous souhaitez participer à cette session de Relearn, merci d'envoyer un email à <a href="mailto:registration@relearn.be&subject=[PARIS] ">registration@relearn.be</a> avec quelques mots sur le(s) axe(s) qui vous intéressent. La date limite d'inscription est le 25 août.<br>Nous pouvons accueillir une cinquantaine de participant·es pendant la totalité de Relearn (vendredi soir, samedi et dimanche). Le vendredi soir est ouvert à toute personne intéressée par les thématiques de Relearn et si vous ne souhaitez venir que ce soir-là, ce n'est pas nécessaire de s'inscrire.</p>
|
||
</div>
|
||
|
||
<div class='hosting'>
|
||
<h3>Accueil, hébergement</h3>
|
||
<p>Nous prenons en charge un déjeuner végétarien samedi et dimanche (merci de nous dire si vous avez des allergies ou intolérances). </p>
|
||
<p>En continuité des éditions précédentes de Relearn, nous mettons en place un réseau d'hébergement pour loger les participant·es non loca·les. Merci de mentionner dans votre email si vous avez besoin d'être logé·e ou si vous pouvez loger un·e ou plusieurs participant·es.</p>
|
||
</div>
|
||
|
||
<p>Merci d'apporter une prise multiple.</p>
|
||
|
||
|
||
<p>La session parisienne de Relearn est intiée par <a href="http://www.sakasama.net/">Anne Laforet et <a href="http://juhel-quentin.fr/">Quentin Juhel</a>, en discussion avec d'autres participant·es, en particulier issu·es de Relearn, <a href="https://prepostprint.org">Prepostprint</a> et <a href="https://lereset.org/">le Reset</a>.</p>
|
||
</div>
|
||
</div> <!-- END DIV .fr -->
|
||
|
||
<div class='en'>
|
||
<a class='lang' href='#'>FR</a>
|
||
<dl class='summary'>
|
||
<dt>Date</dt> <dd>06–08 September 2019</dd>
|
||
<dt>Location</dt> <dd>La Générale - 14 Avenue Parmentier, 75011 Paris, France</dd>
|
||
<dt>Initiators</dt> <dd><a href="http://www.sakasama.net/" target='_blank'>Anne Laforet</a> and <a href="https://juhel-quentin.fr/" target='_blank'>Quentin Juhel</a></dd>
|
||
<dt>Contact</dt> <dd><a href="mailto:registration@relearn.be&subject=[PARIS] ">registration@relearn.be</a></dd>
|
||
</dl>
|
||
|
||
<p>Relearn is a collective learning experiment with as many teachers as there are participants. Relearn is a network of artists, designers, teachers, programmers, practitioners and/or curious minds coming together to re-imagine pedagogical forms, creation, sharing around the concept of free software tools. During Relearn, we experience together horizontality, transdisciplinarity, diversity of approaches and practices.</p>
|
||
<p>This summer, Relearn is back in the form of a curve, passing through multiple times and spaces. This summer, after Rotterdam, Brussels, the curve will reach Paris from September 6-8.</p>
|
||
<p>You are invited to come and experiment with the local Relearn server that travels between each session of the curve. Our interests are focused on several threads around servers and the social, technical, artistic, affective issues around them. We propose to re-examine what we understand as servers, their place in learning and research, as well as modes and ways of co-existence and exchange with and via them. You will have the possibility to come and take care for this device meanwhile addressing the following issues :</p>
|
||
|
||
<ul>
|
||
<li>online collaborative art practices : drawing, text, image, interaction, etc</li>
|
||
<li>modes of publication and transmission, more specifically Web 2 print</li>
|
||
<li>maintenance, system administration, care and reproductive work</li>
|
||
<li>codes of conduct, moderation</li>
|
||
<li>physicality of servers</li>
|
||
<li>representations</li>
|
||
<li>ecology and servers</li>
|
||
<li>local, federated, feminist servers...</li>
|
||
</ul>
|
||
|
||
<p>During Relearn sessions, we challenge our ways of learning, exchanging and experimenting through feminist, open, inclusive pedagogies together.</p>
|
||
|
||
<p>English, French, and languages in between, are spoken at Relearn. Participants will work in small groups, in parallel sessions.</p>
|
||
|
||
<p>You are welcome to bring your own resources for discussions.</p>
|
||
|
||
<hr>
|
||
<div class='practical-infos'>
|
||
|
||
<div class='programme'>
|
||
<h3>Programme</h3>
|
||
<p style="width: 100%; margin-bottom: 1.5em;">Relearn will take place at <a href="https://www.lagenerale.fr/" target="_blank">La Générale</a> - 14 Avenue Parmentier, 75011 Paris, France</p>
|
||
|
||
<div class='flex'>
|
||
<p><u>Friday September 6th — 18h → 22h</u><br>
|
||
Round-tables to present threads for discussion and exchange<br>
|
||
Open to everybody, Relearners and Non-relearners</p>
|
||
</div>
|
||
|
||
<div class='flex'>
|
||
<p><u>Saturday September 7th — 10h → 18h (or more)</u><br>
|
||
<u>Sunday Septembre 8th — 10h → 18h</u><br>
|
||
parallel work sessions in small groups<br>
|
||
18h collective cleaning<br>
|
||
Free of charge upon writing to <a href="mailto:registration@relearn.be&subject=[PARIS] ">registration@relearn.be</a> before August 25<sup>th</sup>.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='participation'>
|
||
<h3>Participation</h3>
|
||
<p>To take part of this Relearn session, please send an email to <a href="mailto:registration@relearn.be&subject=[PARIS] ">registration@relearn.be</a> with a few words describing your interests for the session. The application deadline to apply is August 25th.<br>Our capacities allow us to welcome a group of 50 relearners for the entire session (Friday evening, Saturday and Sunday).<br>For only Friday evening participation, subscribing is unnecessary, just come and join us as is! :)</p>
|
||
</div>
|
||
|
||
<div class='hosting'>
|
||
<h3>Hosting</h3>
|
||
<p>A daily vegetarian lunch is provided (please let us know about allergies or other dietary requirements). Following a tradition from previous years, we will arrange a hosting network 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 at your home.</p>
|
||
|
||
<p>Please bring a power strip.</p>
|
||
</div>
|
||
|
||
|
||
<p style='margin-top:1.5em;''>Relearn Paris session is initiatied by <a href="http://www.sakasama.net/">Anne Laforet</a> et <a href="http://juhel-quentin.fr/">Quentin Juhel</a>, in collaboration with other participants, specifically from Relearn, <a href="https://prepostprint.org">Prepostprint</a> and <a href="https://lereset.org/">le Reset</a>.</p>
|
||
</div>
|
||
</div> <!-- END DIV .en -->
|
||
</div>
|
||
|
||
<div id="relearn-infos">
|
||
<h3>Resources & 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&q=relearn" target='_blank'>Photographs of previous Relearn editions</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div> <!-- END CURVE -->
|
||
|
||
<script>
|
||
jQuery(function($){
|
||
$("#slider").pathslider({
|
||
//points : [250,50,-150,100,-50,-400,250,250],
|
||
points : [350,100,-750,350,400,-500,150,200],
|
||
value : 0,
|
||
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);
|
||
$('#curve').stop().animate({scrollTop: scrollPos}, 200);
|
||
});
|
||
$('#curve').scroll(function() {
|
||
curve = document.querySelectorAll('#curve')[0]
|
||
offset = curve.scrollTop / (curve.scrollHeight - curve.clientHeight) * 100;
|
||
$('#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);
|
||
});
|
||
|
||
$('a.more').click(function(){
|
||
$(this).parent().next().toggle();
|
||
});
|
||
|
||
$('#paris .fr a.lang').click(function(){
|
||
$('#paris .en').toggle();
|
||
$('#paris .fr').toggle();
|
||
});
|
||
$('#paris .en a.lang').click(function(){
|
||
$('#paris .en').toggle();
|
||
$('#paris .fr').toggle();
|
||
});
|
||
|
||
});
|
||
|
||
</script>
|
||
</body>
|
||
</html>
|