1<!DOCTYPE HTML> 2<html> 3 <head> 4 <title>Joystickbike</title> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <meta name="description" content="Joystickbike" /> 7 <meta name="keywords" content="Joystickbike joystickbike.ch e-bike vélo électrqiue prototype eprototype invention inventeur inventor 2 roue 1 joystick josticklab joysticklabs fédération joystickbike yvan forclaz" /> 8 <meta property="og:image" content="http://www.joystickbike.ch/images/thumbs/1.jpg" /> 9 <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE"> 10 <!--[if lte IE 8]>
10<script src="css/ie/html5shiv.js"></script>
10<![endif]--> 11
11<script src="js/jquery.min.js"></script>
11 12
12<script src="js/jquery.poptrox.min.js"></script>
12 13
13<script src="js/jquery.scrolly.min.js"></script>
13 14
14<script src="js/jquery.scrollgress.min.js"></script>
14 15
15<script src="js/skel.min.js"></script>
15 16
16<script src="js/init.js"></script>
16 17 18 <!--
18<script type="text/javascript" src="//cdn.sublimevideo.net/js/trr3p0la.js"></script>
18 --> 19 20 <noscript> 21 <link rel="stylesheet" href="css/skel.css" /> 22 <link rel="stylesheet" href="css/style.css" /> 23 <link rel="stylesheet" href="css/style-wide.css" /> 24 <link rel="stylesheet" href="css/style-normal.css" /> 25 </noscript> 26 <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]--> 27 </head> 28 <body> 29 30 <!-- Header --> 31 <header id="header"> 32 <!-- Logo --> 33 <h1 id="logo">Joystickbike <a style="font-size:0.6em;"class="" style="color:black;" href="mailto:[email protected]">[email protected]</a></h1> 34 <!--<div id="promo" style="padding:0;margin:5px;margin-left:200px;width:50%;text-align:center;"><a href="http://www.inventions-geneva.ch/index.php/fr/" target="_blank"><img src="/images/invention.jpg" /></a></div>--> 35 <!-- Nav --> 36 <nav id="nav"> 37 <ul> 38 <li><a href="#intro">Federation</a></li> 39 <li><a href="#partners">Partners</a></li> 40 <li><a href="#one">Member</a></li> 41 <li><a href="#two">Prototype Video</a></li> 42 <li><a href="#work">Prototypes</a></li> 43 <li><a href="#contact">Press - Contact</a></li> 44 </ul> 45 </nav> 46 47 </header> 48 49 <!-- Intro --> 50<!-- <center><a href="http://www.salon-du-velo.ch" target="_blank"><img src="http://www.salon-du-velo.ch/wp-content/uploads/2016/02/728x80.gif" /></a></center> --> 51 <section id="intro" class="main style1 dark fullscreen"> 52 <div class="content container 75%"> 53 <header> 54 <a href="#one" class="button style2 down">More</a> 55 </header> 56 <footer> 57 </footer> 58 <h2 style="background-color: #000;text-shadow: 2px 2px #000;">Joystickbike Federation</h2> 59 <!--<h3><i><font color="orange">Cruise the roads with your Joystickbike prototype</font></i></h3> --> 60 <h3 style="background-color: #fff;text-shadow: 2px 2px #fff;color: #000;"> 61 <!--<font style="weight:normal;" color="black">A revolutionary 2 wheels with a joystick <br /></font>--> 62 <font style="weight:normal;" color="black">Welcome to this revolutionary adventure <br /></font> 63 <!--<i>World Challenge Prototype 2017 </i><br /><br />--> 64 <i>Build your own Joystickbike prototype with 2 wheels and 1 joystick</i><br /> 65 <i>Dear fan, write us and we send you a picture of the general plan</i><br /> 66 67 </h3><br> 68 <p><a class="button" style="background-color: #000;color:white;" href="mailto:[email protected]">[email protected]</a></p><br> 69 70 <iframe width="400" height="280" src="https://www.youtube.com/embed/w7cxy15Q7nA?rel=0" frameborder="0" allowfullscreen></iframe> 71 <!--<iframe width="400" height="280" src="https://www.youtube.com/embed/T_Bg0Z-PE1o" frameborder="0" allowfullscreen></iframe>--> 72 <iframe width="400" height="280" src="https://www.youtube.com/embed/a5wj-MBpLFM?rel=0" frameborder="0" allowfullscreen></iframe> 73 <!-- <h3><big><font color="orange">Join our community and build your own bike</font></big></font></h3> --> 74 75 76 77<!-- 78--> </div> 79 </section> 80 81 82 <!-- Contact --> 83 <section id="partners" class="main style3 secondary"> 84 <div class="content container"> 85 <div class="container 75%"> 86 <h2 style="">Partners</h2> 87 88 <div class="ads"> 89 <h2>[email protected] <small> </small></h2> 90 <a href="https://www.joystickbikelab.com/" style="cursor:pointer;"> 91 <img src="images/shop-fede.png"/> 92 </a> 93 </div> 94 95 <div class="ads"> 96 <h2>Joystickbike-Park <small> </small></h2> 97 <a href="https://www.facebook.com/profile.php?id=100010710672901" style="cursor:pointer;"> 98 <img src="images/jbpark.jpg"/> 99 </a> 100 </div> 101 102 <!--<div class="ads"> 103 <h2>T-Shirts <small> </small></h2> 104 <a href="mailto:[email protected]" style="cursor:pointer;"> 105 <img src="images/banner-t-shirt-web.jpg"/> 106 </a> 107 </div>--> 108 109 <div class="ads"> 110 <h2>Mahakala <small> </small></h2> 111 <a href="http://www.mahakala.ch/" style="cursor:pointer;"> 112 <img src="images/banner-mahakala-web.jpg"/> 113 </a> 114 </div> 115 116 <!--<div class="ads"> 117 <h2>Challenge <small> </small></h2> 118 <a href="mailto:[email protected]" style="cursor:pointer;"> 119 <img src="images/banner-contest-web.jpg"/> 120 </a> 121 </div>--> 122 123 <div class="ads"> 124 <h2>Gregor Kuonen <small> </small></h2> 125 <a href="http://www.gregor-kuonen.ch/" style="cursor:pointer;"> 126 <img src="images/GregorKuonen.png"/> 127 </a> 128 </div> 129 130 <div class="ads"> 131 <h2>Vélosophe <small>The Book</small></h2> 132 <a href="http://www.velosophe.be/book/book.html#!/Book-Bike-inspired-creativity-La-cr%C3%A9ativit%C3%A9-li%C3%A9e-au-v%C3%A9lo/p/56245197/category=0" style="cursor:pointer;"> 133 <img src="images/velosophe_web.png"/> 134 </a> 135 </div> 136 137 <div class="ads"> 138 <h2>Zoomvertical <small>Aerial pictures and videos</small></h2> 139 140 <a href="http://www.zoomvertical.ch" style="cursor:pointer;"> 141 <img src="images/zoomvertical.jpg"/> 142 </a> 143 </div>
144 </div> 145 <div class="box container 75%"> 146 <table> 147 <tr><td>Inventor: </td><td>Yvan Forclaz <a href="https://www.facebook.com/profile.php?id=100010710672901" target="_blank"><img src="images/facebook.png" width="50px"/></a></td></tr> 148 <tr><td>Federation adminisitrator: </td><td><a href="mailto:[email protected]">Fabian Lenggenhager</a></td></tr> 149 <tr><td>Photo Media: </td><td><a href="http://www.michelzobrist.com/fr/portfolio-28023-0-40-Joystickbike-inventor-yvan-forclaz.html" target="_blank">Michel Zobrist </a></td></tr> 150 <!--<tr><td>Drone pilot: </td><td><a href="http://www.zoomvertical.com" target="_blank">Théo Michaud</a></td></tr> 151 <tr><td>Pascal Mageren</td><td><a href="http://www.velosophe.be/book/book.html#!/Book-Bike-inspired-creativity-La-cr%C3%A9ativit%C3%A9-li%C3%A9e-au-v%C3%A9lo/p/56245197/category=0" target="_blank">BIKE INSPIRED CREATIVITY</a></td></tr>--> 152 <tr><td>Video vs Karting: </td><td><a href="http://www.coolcatsateliers.ch/gilles-demay" target="_blank">Gilles Damay Films & Photos</a></td></tr> 153 <tr><td>Video : </td><td>Vincent Forclaz</td></tr> 154 <tr><td>Photo studio: </td><td><a href="http://www.roberthofer.ch" target="_blank">Robert Hoffer</a></td></tr> 155 <tr><td>Website: </td><td><a href="http://www.igodille.li" target="_blank">Théo Michaud</a><br><a href="http://www.tschudsoft.ch" target="_blank">Stefan Tschudi</a></td></tr> 156 <tr><td>Graphism plans: </td><td>Julien Valentini <a href="http://www.mahakala.ch/" target="_blank">mahakala.ch</a></td></tr> 157 </table> 158 159 </div> 160 </div> 161 </section> 162 163 <!-- One --> 164 <section id="one" class="main style2 right dark fullscreen"> 165 <div class="content box style2"> 166 167 <header> 168 <!--<h3>Join our community and build your own Joystickbike !</h3>--> 169 <h3>Welcome to the community !</h3> 170 171 </header> 172 173 <!-- 174 <form action='https://www.2checkout.com/checkout/purchase' method='post'> 175 <input type='hidden' name='sid' value='102915274'> 176 <input type='hidden' name='quantity' value='1'> 177 <input type='hidden' name='product_id' value='1'> 178 <input name='submit' type='submit' value='Subscribe now' > 179</form> 180--> 181 <p> 182 By becoming a member of the Federation (25$) you support the development of: 183 </p> 184 <ul> 185 <li>Coordination community inventors</li> 186 <li>Technical support</li> 187 <li>Training center, test pilot</li> 188 <li>A jury voice : World Challenge proto 2018</li> 189 <li>Demonstration, exhibition, video</li> 190 <li>Investigation constructors and industries</li> 191 <li>News of the month</li> 192 </ul> 193 <!--<p><strong>FREE</strong> for the new member a vinyl plan (850x1200mm) with détails and advices ! </p>--> 194 <!--<p>FREE for the new member a vinyl plan (850x1200mm) with détails and advices ! </p> 195 <p>Contact us to get a free picture plan poster or for Join the fédération: <a style="color:black;" href="mailto:[email protected]">[email protected]</a><br /> 196 <font color="orange">Contactez-nous pour obtenir gratuitement la photo du plan générique ou pour devenir membre à : <a style="color:orange;" href="mailto:[email protected]">[email protected]</a></font></p> 197 <p>Welcome to the federation for : Developement, coordination, community, inventors, constructors and industries investigation - technical support - training center - World Challenge proto 2017 demonstration - exhibition - video - test pilot and a vinyl plan (850x1200mm) with détails and advices ! 90$ membership (include post packaging for vinyl plan) 198 199 <br><font color="orange">Rejoins notre communauté et construit ton propre prototype !</font></p>--> 200 <!--<p> 201 <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> 202 <input type="hidden" name="cmd" value="_s-xclick"> 203 <input type="hidden" name="hosted_button_id" value="G8P4UJK4L78Y4"> 204 <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> 205 <img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif" width="1" height="1"> 206 </form> 207 208 209 </p>--> 210 <p style=""> 211 <form method="post" action="https://www.paypal.com/cgi-bin/webscr" style="text-align:center"> 212 <input type="hidden" name="cmd" value="_s-xclick"> 213 <input type="hidden" name="hosted_button_id" value="G8P4UJK4L78Y4"> 214 <input type=submit name=METHOD value="Join now for 25$" style="width:100%;"> 215 <small style="font-size:10px;">PayPal - The safer, easier way to pay online!</small> 216 217 </form> 218 </p> 219<!-- 220 <header> 221 <h2>Ride a bike with a joystick!</h2>You've never felt the road like this. 222 </header> 223 <p> 224 225 </p> 226 227 <p>Whether riding in bike or E-bike mode, 228Experience a new way of stearing â with a joystick.<br /> 229Take the bike for a spin, and feel the sensations of a jet pilot, enter a new dimension close to that of a computer game. 230Or simply relax and ride for the pure pleasure of it.</p> 231--> 232 </div>
233 <a href="#two" class="button style2 down anchored">Next</a> 234 </section> 235 236 237 238 <!-- Two --> 239 <section id="two" class="main style2 left dark fullscreen"> 240 <div class="content box style2"> 241 242 <header> <h2>Videos <a href="https://www.youtube.com/channel/UCvYC4RQJ-tWsSPLSgWiHxoA" target="_blank"><img src="/images/youtube.jpg" /></a></h2> </header> 243 <iframe width="260" height="200" src="https://www.youtube.com/embed/cDkduA70PF0?rel=0" frameborder="0" allowfullscreen></iframe> 244 <iframe width="260" height="200" src="https://www.youtube.com/embed/Z7Qoyl2lNx4?rel=0" frameborder="0" allowfullscreen></iframe> 245 <iframe width="260" height="200" src="https://www.youtube.com/embed/QkB8dxRcDYY?rel=0" frameborder="0" allowfullscreen></iframe> 246 <!--<iframe width="260" height="200" src="https://www.youtube.com/embed/FJMTuEHVdNk?rel=0" frameborder="0" allowfullscreen></iframe>--> 247 <iframe width="260" height="200" src="https://www.youtube.com/embed/fFm9TY_j1h0?rel=0" frameborder="0" allowfullscreen></iframe> 248 <!-- <video id="f8c9c61" class="sublime" poster="http://www.joystickbik.ch/images/thumbs_prototype_movie.jpg" width="600" height="337" title="Joystickbike - Prototype" data-sharing-url="http://www.Joystickbike.ch" data-sharing-title="Cruise the roads..." data-sharing-text="Ride a bike with a joystick !" data-sharing-image="poster" data-uid="f8c9c61" preload="none">--> 249 <!-- <source src="http://www.tcam.ch/Joystickbike/Joystickbike_V2_std.mp4" />--> 250 <!-- <source src="http://www.tcam.ch/Joystickbike/Joystickbike_V2_hd.mp4" data-quality="hd" />--> 251 <!-- <source src="http://www.tcam.ch/Joystickbike/Joystickbike_V2_small.mp4" />--> 252 <!-- </video> --> 253 </div> 254 <a href="#work" class="button style2 down anchored">Next</a> 255 </section> 256 257 258 259 <!-- Work --> 260 <section id="work" class="main style3 primary"> 261 <div class="content container"> 262 <header> 263 <h2>Prototypes</h2> 264 <p></p> 265 </header> 266 267 <!-- Lightbox Gallery --> 268 <div class="container 75% gallery"> 269 <div class="row 0% images"> 270 <div class="6u"><a href="images/velo_detoure.jpg" class="image fit from-left"><img src="images/velo_detoure.jpg" title="Prototype 2015" alt="" /></a></div> 271 <div class="6u"><a href="images/kit_pieces_detachees.jpg" class="image fit from-right"><img src="images/kit_pieces_detachees.jpg" title="Prototype 2015" alt="" /></a></div> 272 <!--<div class="6u"><a href="images/fulls/1.jpg" class="image fit from-left"><img src="images/thumbs/1.jpg" title="Prototype 2015" alt="" /></a></div> 273 <div class="6u"><a href="images/fulls/06.jpg" class="image fit from-right"><img src="images/thumbs/06.jpg" title="Prototype 2015" alt="" /></a></div>--> 274 </div> 275 <div class="row 0% images"> 276 <div class="6u"><a href="images/fulls/04.jpg" class="image fit from-right"><img src="images/thumbs/04.jpg" title="Prototype 2015" alt="" /></a></div> 277 <div class="6u"><a href="images/fulls/02.jpg" class="image fit from-right"><img src="images/thumbs/02.jpg" title="Prototype 2015" alt="" /></a></div> 278 </div> 279 <div class="row 0% images"> 280 <div class="6u"><a href="images/fulls/03.jpg" class="image fit from-left"><img src="images/thumbs/03.jpg" title="Prototype 2015" alt="" /></a></div> 281 <div class="6u"><a href="images/fulls/05.jpg" class="image fit from-left"><img src="images/thumbs/05.jpg" title="Prototype 2015" alt="" /></a></div> 282 </div> 283 <div class="row 0% images"> 284 <div class="6u"><a href="images/fulls/07.jpg" class="image fit from-left"><img src="images/thumbs/07.jpg" title="Prototype 2015" alt="" /></a></div> 285 <div class="6u"><a href="images/fulls/08.jpg" class="image fit from-right"><img src="images/thumbs/08.jpg" title="Prototype 2015" alt="" /></a></div> 286 </div> 287 </div> 288 </div> 289 </section> 290 291 292 293 <!-- Contact --> 294 <section id="contact" class="main style3 secondary"> 295 <div class="content container"> 296 <header> 297 <h2>Press article and media</h2> 298 <h3>2018</h3> 299 <a href="https://www.youtube.com/watch?v=QUbYlVAvBSg" target="_blank">2 mars TV Pro7 émission GALILEO</a><br> 300 <a href="https://www.youtube.com/watch?v=ZUSEWYwLfaM" target="_blank">3 mars TV Pro7 émission "Das Ding des Jahres"</a> 301 <h3>
3012017</h3> 302 <a href="https://www.youtube.com/watch?v=w7cxy15Q7nA" target="_blank">Outrageous acts of science Discovéry Channel</a><br /> 303 <a href="http://www.salon-du-velo.ch/" target="_blank">31.03-02.04 Salon du vélo Lausanne Suisse</a><br /> 304 <a href="https://www.youtube.com/watch?v=AInvkeZdiqc" target="_blank">28.03 2017 Freeze Lists Media Chanel</a><br /> 305 306 <h3>2016</h3> 307 <a href="http://likebikemc.com/" target="_blank">3-5 juin participation au Salon du LIKEBIKE à Monte-Carlo</a><br /> 308 <a href="https://www.youtube.com/watch?v=myK4gIbRqeE" target="_blank">2 millions de vues en 2 semaines sur FREEZE HD</a><br /> 309 <a href="http://www.lacote.ch/articles/regions/district-de-morges/morges-le-2e-salon-du-velo-et-de-la-mobilite-a-morges-514447" target="_blank">La côte - Salon de la mobilité Morges/Suisse 18 mars</a><br /> 310 <a href="pdf/nouvelliste_12mars2016.pdf" target="_blank">Nouvelliste 12 mars 2016</a> 311 312 <h3>2015</h3> 313 <a href="pdf/nouvelliste_26_fevrier_2015.pdf" target="_blank">Nouvelliste 26 février 2015</a> - 314 <a href="http://www.lenouvelliste.ch/fr/valais/valais/sion-yvan-forclaz-a-invente-et-brevete-un-velo-electrique-sans-guidon-498-1420967" target="_blank">Web link</a><br /> 315 <a href="http://canal9.ch/Joystickbike-yvan-forclaz-bricole-un-velo-revolutionnaire/" target="_blank">TV Canal 9 - 6 mars 2015</a><br /> 316 <a href="http://www.msn.com/fr-ch/actualite/technologie-et-sciences/le-v%C3%A9lo-du-futur-na-pas-de-guidon/ar-AA9GN0Q" target="_blank">MSN information</a><br /> 317 <a href="pdf/LeMatin_9_avril_2015.pdf" target="_blank">Le Matin 9 avril 2015</a> - 318 <a href="http://www.lematin.ch/suisse/velo-futur-guidon/story/13244263" target="_blank">Video</a><br /> 319 <a href="http://www.china.org.cn/world/Off_the_Wire/2015-04/18/content_35357752.htm" target="_blank">China.org.cn - 18.04.2015</a><br /> 320 <a href="http://www.ticinonews.ch/curiosita/234083/bicicletta-senza-manubrio" target="_blank">TicinoNews - 09.04.2015</a><br /> 321 <a href="http://www.scoop.it/t/velo-electrique" target="_blank">Scoop.it - 20.04.2015</a><br /> 322 <a href="http://www.spyghana.com/genevas-current-exhibitions-features-innovative-bike-inventions/" target="_blank">Spyghana.com - 19.04.2015</a><br /> 323 <a href="http://www.direktbroker.de/news/boerse-le-Joystickbike-valaisan-au-salon-des-inventions-43144050" target="_blank">Direktbroker.de - 17.04.2015</a><br /> 324 <a href="http://motorbikewriter.com/joysticks-to-replace-handlebars/" target="_blank">MotorbikeWriter.com - 18.05.2015</a><br /> 325 <a href="pdf/touring_29_mai_2015.pdf" target="_blank">Touring magazine - 29.05.2015</a><br /><br /> 326 327 <h2>Contact the Joystickbike federation</h2> 328 <p>For any further information, do not hesitate to contact us:</p> 329 <p> 330 <a href="mailto:[email protected]" class="button" style="background:white;color:black;" >[email protected]</a><br><br> 331 <a href="https://www.facebook.com/Joystickbike-F%C3%A9d%C3%A9ration-566780773480143" class="button" style="background:transparent;" ><img src="http://icon-icons.com/icons2/478/PNG/512/facebook_47004.png" width="80px"></a> 332 <a href="https://www.youtube.com/channel/UCvYC4RQJ-tWsSPLSgWiHxoA" class="button" style="background:transparent;"><img src="https://it2b.es/wp-content/uploads/2016/10/youtube-128.png" width="80px"></a> 333 </p> 334 <!--<p><a href="https://www.facebook.com/profile.php?id=100010710672901" target="_blank"><img src="images/facebook.png" width="150px"/></a></p>--> 335 </header> 336 337 </div> 338 </section> 339 340 <!-- Footer --> 341 <footer id="footer"> 342 343 <!-- Icons --> 344 345 <!-- Menu --> 346 <ul class="menu"> 347 <li>Joystickbike Fédération Association - Suisse - 2017 © Joystickbike</li><li>Concept & Design: <a href="http://tschudsoft.ch" target="_blank">TschudSoft.ch</a></li><!--<li> Based on : <a href="http://html5up.net">HTML5 UP</a>--></li> 348 </ul> 349 350 </footer> 351 352 </body> 353
353<script>
vendor: 350 bytes, lines 353-359
353 354 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 355 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 356 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 357 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 358 359 ga('create', '
359UA-80471454-1
vendor: 43 bytes, lines 359-362
359', 'auto'); 360 ga('send', 'pageview'); 361 362
362$( document ).ready(function() { 363 364 }); 365 366 367 </script>
367 368</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.