Le repo des sources pour le site web des JM2L
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

228 lines
12 KiB

  1. ## -*- coding: utf-8 -*-
  2. <%inherit file="jm2l:templates/layout.mako"/>
  3. <%def name="jsAddOn_head()">
  4. <script src="/vendor/leaflet/js/leaflet.js"></script>
  5. <script src="/vendor/leaflet/js/leaflet-routing-machine.min.js"></script>
  6. </%def>
  7. <%def name="cssAddOn()">
  8. <link rel="stylesheet" href="/vendor/leaflet/css/leaflet.css" />
  9. <style>
  10. #come_map {
  11. height: 400px;
  12. }
  13. div.circle_place {
  14. background-color: #8080AF77;
  15. border-color: light-gray;
  16. border-radius: 15px;
  17. border-style: dashed;
  18. border-width: 1px;
  19. }
  20. div.car_place {
  21. background-image: url('img/tr_voiture_.png');
  22. background-size: 28px;
  23. fillOpacity: 0.5;
  24. background-repeat: no-repeat;
  25. }
  26. </style>
  27. </%def>
  28. <h2 class="shadow">Nous rejoindre ou nous joindre...</h2>
  29. <div class="span10 offset1">
  30. <p>Le ${request.registry['event_date']}, d'o&ugrave; que vous veniez, tout est mis en place pour que vous
  31. puissiez vous rendre en toute simplicit&eacute; sur les lieux de l'&eacute;v&eacute;nement.
  32. <br> N'h&eacute;sitez pas à utiliser la section covoiturage de votre profil. Et
  33. pas de panique ! Demain, ce sera pire... </p>
  34. <p>
  35. <b>Si vous d&eacute;sirez devenir sponsor</b> de cet &eacute;v&eacute;nement du libre
  36. merci de prendre contact avec le staff (par mail de pr&eacute;f&eacute;rence) :
  37. </p>
  38. </div>
  39. <div class="row-fluid">
  40. <div class="span4 offset1">
  41. <h4>Le staff</h4>
  42. <dl>
  43. <dt>sur IRC</dt>
  44. <dd>» #jm2l@irc.freenode.net</dd>
  45. <dt>par Mail</dt>
  46. <dd>» contact at jm2l.linux-azur.org</dd>
  47. <dt>par T&eacute;l&eacute;phone</dt>
  48. <dd>» +33 6 52 42 31 37</dd>
  49. </dl>
  50. </div>
  51. <div class="span4 offset1">
  52. <h4>Le lieu</h4>
  53. <address>
  54. <strong>École&nbsp;</strong><strong>Polytech Nice-Sophia </strong> et <strong>Learning centre</strong><br>
  55. 930, route des Colles (site des Templiers)&nbsp;<br>
  56. 06903 Sophia Antipolis (Biot)
  57. </address>
  58. <p>GPS Lat.: 43°61'56.9"N - Lon.: 7°0'71.95"E</p>
  59. </div>
  60. </div>
  61. <div class="row-fluid">
  62. <div class="span8 offset2">
  63. <div id="come_map"></div>
  64. <script type="text/javascript">
  65. var map = L.map('come_map');
  66. // create the tile layer with correct attribution
  67. var osmUrl='//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
  68. var osmAttrib='Map data © <a href="//openstreetmap.org">OpenStreetMap</a> contributors';
  69. var osm = new L.TileLayer(osmUrl, {minZoom: 7, maxZoom: 18, attribution: osmAttrib});
  70. map.setView(new L.LatLng(43.6137, 7.07502),16);
  71. marker = L.marker([43.61556, 7.07176], {
  72. icon: L.divIcon({ className: 'circle_place',
  73. iconSize: [30, 30] })}).addTo(map);
  74. marker.bindTooltip('Accueil<br/><b>JM2L</b>', {direction: 'top', offset:L.point(0, -10)}).openTooltip();
  75. map.addLayer(osm);
  76. // start the map on specified GPS Coords
  77. var car_route = L.Routing.control({
  78. autoRoute: false,
  79. show: false,
  80. waypoints: [ L.latLng([43.61201, 7.07812]), L.latLng([43.6144, 7.07326]) ],
  81. createMarker: function(i, wp) {
  82. if (i==1) {
  83. return L.marker(wp.latLng, {
  84. icon: L.divIcon({ className: 'car_place', iconSize: [30, 30] })
  85. }).bindTooltip('Parking P2 (conseill&eacute;)', {direction: 'right'})
  86. } else {
  87. return L.marker(wp.latLng).bindTooltip('Suivre Campus Poly\'tech', {direction: 'bottom'});
  88. }
  89. }
  90. });
  91. car_route.route({geometryOnly: true});
  92. car_route.addTo(map);
  93. </script>
  94. </div>
  95. </div>
  96. <br>
  97. <div class="row-fluid">
  98. <div class="span8 offset2">
  99. <div id="parking">
  100. <img src="/img/SophiaTech%20-%20plan.png" >
  101. </div>
  102. </div>
  103. </div>
  104. <br>
  105. <div class="row-fluid">
  106. <div class="span10 offset1">
  107. <div class="tabbable" id="main_tab">
  108. <ul class="nav nav-tabs">
  109. <li class="active"><a href="#Trsp" data-toggle="tab"><img style="margin-bottom: -15px;" alt="en bus" src="/img/tr_bus_.png"> Bus</a></li>
  110. <li><a href="#Voiture" data-toggle="tab"><img style="margin-bottom: -15px;" alt="en voiture" src="/img/tr_voiture_.png"> Voiture</a></li>
  111. <li><a href="#Train" data-toggle="tab"><img style="margin-bottom: -15px;" alt="en train" src="/img/tr_train_.png"> Train</a></li>
  112. <li><a href="#Avion" data-toggle="tab"><img style="margin-bottom: -15px;" alt="en avion" src="/img/tr_avion_.png"> Avion</a></li>
  113. </ul>
  114. <div class="tab-content">
  115. <div class="tab-pane fade active in" id="Trsp">
  116. <h3>Bus</h3>
  117. <h4> </h4>
  118. <ul>
  119. <li><a href="https://www.maregionsud.fr/uploads/media/tarif_2018.pdf">Les tarifs du coin</a> (pan) </li>
  120. </ul>
  121. <h4>Depuis Nice (dur&eacute;e&nbsp;: environ 30')&nbsp;:</h4>
  122. <ul>
  123. <li>Trajet sur la ligne Nice-Sophia Express&nbsp;:&nbsp;
  124. <a href="https://www.departement06.fr/documents/A-votre-service/Deplacements/transports-en-commun/dpt06-transports_230-2017mars.pdf">ligne 230</a>
  125. </li>
  126. <li>Trajet sur la ligne Cagnes-Villeneuve-Biot-Sophia&nbsp;:&nbsp;
  127. <a href="http://www.cg06.fr/document/?f=servir-les-habitants/fr/231.pdf">ligne 231</a>
  128. </li>
  129. <li>Trajet sur la ligne StLaurent-Cagnes-Sophia&nbsp;:&nbsp;
  130. <a href="https://www.cg06.fr/documents/A-votre-service/Deplacements/transports-en-commun/232.pdf">ligne 232</a>
  131. </li>
  132. <li>Trajet sur la ligne Vence-StPaul-Valbonne-Sophia&nbsp;:&nbsp;
  133. <a href="https://www.cg06.fr/documents/A-votre-service/Deplacements/transports-en-commun/233.pdf">ligne 233</a>
  134. <ul>
  135. <li>Arriv&eacute;e&nbsp;: descendre à l’arrêt lesTempliers (à 700m à pied) ou IUT (à 150m à pied)</li>
  136. </ul>
  137. </li>
  138. </ul>
  139. <h4>Depuis Cannes (dur&eacute;e&nbsp;: environ 30')&nbsp;:</h4>
  140. <ul>
  141. <li>Trajet sur la ligne Cannes - Sophia Antipolis&nbsp;:&nbsp;
  142. <a href="https://www.cg06.fr/documents/A-votre-service/Deplacements/transports-en-commun/630.pdf">ligne 630</a>
  143. <ul>
  144. <li>Arriv&eacute;e&nbsp;: descendre à l’arrêt des LesTempliers (à 700m à pied) ou IUT (à 150m à pied)</li>
  145. </ul>
  146. </li>
  147. </ul>
  148. <h4>Depuis Antibes (dur&eacute;e&nbsp;: entre 10 et 30')&nbsp;:</h4>
  149. <ul>
  150. <li>Trajet sur la ligne Express (uniquement pour le vendredi)&nbsp;
  151. <a href="http://www.envibus.fr/ligne_detail.asp?id=79&amp;id_commune=1">ligne 100</a>
  152. </li>
  153. <li>Trajet sur la&nbsp;
  154. <a href="http://www.envibus.fr/ligne_detail.asp?id=1&amp;id_commune=1">ligne 1</a>
  155. </li>
  156. <li>Trajet sur la&nbsp;
  157. <a href="http://www.envibus.fr/ligne_detail.asp?id=12&amp;id_commune=1">ligne 9</a>
  158. </li>
  159. <li>Trajet sur la&nbsp;
  160. <a href="http://www.envibus.fr/ligne_detail.asp?id=14&amp;id_commune=1">ligne 11</a>
  161. <ul>
  162. <li>Arriv&eacute;e&nbsp;: descendre à l’arrêt Les Templiers (à 700m à pied) ou IUT (à 150m à pied)</li>
  163. </ul>
  164. </li>
  165. </ul>
  166. </div>
  167. <div class="tab-pane fade in" id="Avion">
  168. <h3>Avion</h3>
  169. <p>Des lignes r&eacute;gulières desservent l’a&eacute;roport de Nice Côte d’Azur
  170. depuis les grandes villes de France et d’Europe. Depuis Paris,
  171. la Navette Air France a un d&eacute;part toutes les heures. Un service
  172. de taxis vous conduira à grands frais jusqu’à Polytech’Nice-Sophia.
  173. Pensez à contacter la communaut&eacute; pour vous &eacute;viter ces frais.
  174. Quelqu’un pourra certainement vous r&eacute;cup&eacute;rer à l’a&eacute;roport et
  175. vous amener à Polytech’Nice-Sophia. Autrement, La soci&eacute;t&eacute;&nbsp;
  176. <a href="http://www.nice.aeroport.fr/acces_stationnement/bus/recherche.asp?lign_id=%7B3396BEE2-4ED0-4FAF-8E25-2F031FF4FE7E%7D">STCAR</a>&nbsp;
  177. propose une navette reliant l’a&eacute;roport de Nice directement à Sophia Antipolis via la navette.
  178. </p>
  179. <p><a href="http://www.cg06.fr/fr/servir-les-habitants/deplacements/transport-collectifs/lignes-et-horaires/lignes-et-horaires/">Site transports du conseil g&eacute;n&eacute;ral.</a></p>
  180. <ul>
  181. <li>D&eacute;part&nbsp;: Terminal 1 ou 2</li>
  182. <li>Arriv&eacute;e&nbsp;: descendre à l’arrêt Templiers (700m à pied) ou IUT (à 150m à pied)</li>
  183. </ul>
  184. </div>
  185. <div class="tab-pane fade in" id="Train">
  186. <h3>Train</h3>
  187. <p>La gare la plus proche est celle d’Antibes. Les&nbsp;
  188. <a href="http://www.envibus.fr/ligne_detail.asp?id=1&amp;id_commune=1#">lignes de bus num&eacute;ro 1</a>,&nbsp;
  189. <a href="http://www.envibus.fr/ligne_detail.asp?id=79&amp;id_commune=1">ligne de bus num&eacute;ro 100 (uniquement le vendredi)&nbsp;</a>
  190. vous emmèneront depuis la gare (arret Passerelle SNCF) jusqu’à l’IUT de Sophia Antipolis.
  191. Polytech’Nice-Sophia partage le site avec l’IUT. Suivez les indications sur place.
  192. </p>
  193. <p>
  194. Attention, des perturbations sont à pr&eacute;voir !
  195. </p>
  196. </div>
  197. <div class="tab-pane fade in" id="Voiture">
  198. <h3>Voiture</h3>
  199. <p>Par l’autoroute, prendre la sortie 44 Antibes ou Sophia, selon le sens de circulation.
  200. Prendre direction Sophia Antipolis (la première route à droite après le p&eacute;age).</p>
  201. <p>Au rond point en bas de la Route des Chappes, suivre ensuite la direction Sophia Tech.</p>
  202. <p><a href="http://wiki.linux-azur.org/PlanJm2L">http://wiki.linux-azur.org/PlanJm2L</a></p>
  203. <p>Un&nbsp;<strong>flêchage de l’itin&eacute;raire</strong>&nbsp;noir sur fond jaune ou orange -
  204. JM2L - est en place pour vous guider à partir de la sortie 44 de l’autoroute A8.
  205. </p>
  206. <p>Pensez aussi au co-voiturage&nbsp;:-)&nbsp;
  207. <a href="http://www.covoiturage06.fr/">http://www.covoiturage06.fr/</a>
  208. </p>
  209. </div>
  210. <div class="tab-pane fade in" id="Contact">
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. </div>