Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9e5917d097 | |||
| 2654ebe419 | |||
| 1af19df336 | |||
| 0b659f3a04 | |||
| 5109e61b0d | |||
| 8ad9d675fa | |||
| 2b60ebae0f | |||
| f3e9e2205b | |||
| f202fe2c06 | |||
| 57b97edccc |
@ -29,6 +29,7 @@ body{
|
||||
color:purple;
|
||||
background-color:#ff4d4d33;
|
||||
font-family: 'AvaraBold';
|
||||
overflow: hidden;
|
||||
}
|
||||
hr{
|
||||
border:0;
|
||||
@ -118,6 +119,26 @@ div#slider{
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#controlpoints li {
|
||||
position: absolute;
|
||||
z-index: 10000;
|
||||
list-style-type: none;
|
||||
width: 10em;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
#controlpoints li#cp-paris {
|
||||
top: 220px;
|
||||
left: 20px;
|
||||
}
|
||||
#controlpoints li#cp-brussels {
|
||||
top: 0px;
|
||||
left: 220px;
|
||||
}
|
||||
#controlpoints li#cp-rotterdam {
|
||||
top: 140px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
#warped {
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
@ -140,7 +161,7 @@ div#relearn-infos ul {
|
||||
#curve {
|
||||
width: 55%;
|
||||
padding : 1em 2em;
|
||||
height: 100vh;
|
||||
height: 87vh;
|
||||
overflow: auto;
|
||||
padding-bottom: 4em;
|
||||
}
|
||||
@ -262,6 +283,10 @@ div.controlpoint .programme ul {
|
||||
color: teal;
|
||||
}
|
||||
|
||||
/*--- PARIS ---*/
|
||||
#paris {
|
||||
color: tomato;
|
||||
}
|
||||
|
||||
/*--- MOBILE ---*/
|
||||
@media only screen
|
||||
@ -318,4 +343,17 @@ and (max-width : 1024px) {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
#controlpoints li#cp-paris {
|
||||
top: 120px;
|
||||
left: 40px;
|
||||
}
|
||||
#controlpoints li#cp-brussels {
|
||||
top: 10px;
|
||||
left: 20px;
|
||||
}
|
||||
#controlpoints li#cp-rotterdam {
|
||||
top: 10px;
|
||||
right: -40px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -54,7 +54,7 @@
|
||||
|
||||
#warped .w11 {-moz-transform: rotate(-7.1rad);-webkit-transform: rotate(-7.1rad);-o-transform:
|
||||
rotate(-7.1rad);-ms-transform: rotate(-7.1rad); transform: rotate(-7.1rad);
|
||||
width: 23px; height: 43px; left: 501.17px; top: 120.42px;}
|
||||
width: 23px; height: 43px; left: 506.17px; top: 115.42px;}
|
||||
|
||||
#warped .w12 {-moz-transform: rotate(-7.39rad);-webkit-transform: rotate(-7.39rad);-o-transform:
|
||||
rotate(-7.39rad);-ms-transform: rotate(-7.39rad); transform: rotate(-7.39rad);
|
||||
|
||||
32
index.html
32
index.html
@ -13,9 +13,14 @@
|
||||
<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>
|
||||
<ul id='controlpoints'>
|
||||
<li id="cp-rotterdam">Rotterdam, 07→09/06</li>
|
||||
<li id="cp-brussels">Brussels, 21→22/06</li>
|
||||
<li id="cp-paris">Paris, 06→08/09</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>
|
||||
@ -158,9 +163,9 @@ We will take care of a <em>daily vegetarian lunch</em> (please let us know about
|
||||
|
||||
<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 5, Brussels, Belgium</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:miam@osp.kitchen">miam@osp.kitchen</a></dd>
|
||||
<dt>Contact</dt> <dd><a href="mailto:registration@relearn.be&subject=[BXL] ">registration@relearn.be</a></dd>
|
||||
</dl>
|
||||
|
||||
<hr />
|
||||
@ -210,7 +215,7 @@ We will take care of a <em>daily vegetarian lunch</em> (please let us know about
|
||||
<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>10<sup>th</sup> of June</strong>.</p>
|
||||
<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>
|
||||
@ -224,6 +229,18 @@ We will take care of a <em>daily vegetarian lunch</em> (please let us know about
|
||||
</div>
|
||||
</div> <!-- END BRUSSELS CONTROL POINT -->
|
||||
|
||||
<div id="paris" class="controlpoint">
|
||||
<h2>·Paris</h2>
|
||||
|
||||
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div id="relearn-infos">
|
||||
<h3>Resources & contact</h3>
|
||||
<ul>
|
||||
@ -239,7 +256,8 @@ We will take care of a <em>daily vegetarian lunch</em> (please let us know about
|
||||
<script>
|
||||
jQuery(function($){
|
||||
$("#slider").pathslider({
|
||||
points : [250,50,-150,100,-50,-400,250,250],
|
||||
//points : [250,50,-150,100,-50,-400,250,250],
|
||||
points : [350,100,-750,350,400,-500,150,200],
|
||||
value : 0,
|
||||
rotateGrip : true,
|
||||
tolerance : 3,
|
||||
|
||||
Loading…
Reference in New Issue
Block a user