Le repo des sources pour le site web des JM2L
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 
 

228 Zeilen
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>