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.
 
 
 
 
 

215 lines
10 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 aux JM2L \o/</h2>
  29. <div class="span11 offset1">
  30. <p>Le <strong>${request.registry['event_date']}</strong>, de chez vous, bienvenue à bord !</p>
  31. <p style="text-align:center;">
  32. Pas de panique ! Demain, ce sera pire...
  33. </p>
  34. <p>
  35. <strong>Devenir sponsor des JM2L</strong> : merci de prendre contact avec le <a href="mailto:contact%40jm2l.linux-azur.org">staff</a>
  36. </p>
  37. </div>
  38. <div class="row-fluid">
  39. <div class="span4 offset1">
  40. <h4>Contact - Questions</h4>
  41. <dl>
  42. <dt>mail</dt>
  43. <dd>» <a href="mailto:contact%40jm2l.linux-azur.org">contact chez jm2l.linux-azur point org</a></dd>
  44. <dt>mobile</dt>
  45. <dd>» +33 6 52 42 31 37</dd>
  46. <dt>irc</dt>
  47. <dd>» #jm2l@irc.freenode.net</dd>
  48. </dl>
  49. </div>
  50. <div class="span4 offset1">
  51. <h4>Venir</h4>
  52. <address>
  53. <strong>École&nbsp;</strong><strong>Polytech Nice-Sophia </strong> et <strong>Learning centre</strong><br>
  54. 930, route des Colles (site des Templiers)&nbsp;<br>
  55. 06903 Sophia Antipolis (Biot)
  56. </address>
  57. <p>GPS Lat.: 43°61'56.9"N - Lon.: 7°0'71.95"E</p>
  58. </div>
  59. </div>
  60. <div class="row-fluid">
  61. <div class="span8 offset2">
  62. <div id="come_map"></div>
  63. <script type="text/javascript">
  64. var map = L.map('come_map');
  65. // create the tile layer with correct attribution
  66. var osmUrl='//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
  67. var osmAttrib='Map data © <a href="//openstreetmap.org">OpenStreetMap</a> contributors';
  68. var osm = new L.TileLayer(osmUrl, {minZoom: 7, maxZoom: 18, attribution: osmAttrib});
  69. map.setView(new L.LatLng(43.6137, 7.07502),16);
  70. marker = L.marker([43.61556, 7.07176], {
  71. icon: L.divIcon({ className: 'circle_place',
  72. iconSize: [30, 30] })}).addTo(map);
  73. marker.bindTooltip('Accueil<br/><b>JM2L</b>', {direction: 'top', offset:L.point(0, -10)}).openTooltip();
  74. map.addLayer(osm);
  75. // start the map on specified GPS Coords
  76. var car_route = L.Routing.control({
  77. autoRoute: false,
  78. show: false,
  79. waypoints: [ L.latLng([43.61201, 7.07812]), L.latLng([43.6144, 7.07326]) ],
  80. createMarker: function(i, wp) {
  81. if (i==1) {
  82. return L.marker(wp.latLng, {
  83. icon: L.divIcon({ className: 'car_place', iconSize: [30, 30] })
  84. }).bindTooltip('Parking P2 (conseill&eacute;)', {direction: 'right'})
  85. } else {
  86. return L.marker(wp.latLng).bindTooltip('Suivre Campus Poly\'tech', {direction: 'bottom'});
  87. }
  88. }
  89. });
  90. car_route.route({geometryOnly: true});
  91. car_route.addTo(map);
  92. </script>
  93. </div>
  94. </div>
  95. <div class="row-fluid">
  96. <div class="span10 offset1">
  97. <div class="tabbable" id="main_tab">
  98. <ul class="nav nav-tabs">
  99. <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>
  100. <li><a href="#Voiture" data-toggle="tab"><img style="margin-bottom: -15px;" alt="en voiture" src="/img/tr_voiture_.png"> Voiture</a></li>
  101. <li><a href="#Train" data-toggle="tab"><img style="margin-bottom: -15px;" alt="en train" src="/img/tr_train_.png"> Train</a></li>
  102. <li><a href="#Avion" data-toggle="tab"><img style="margin-bottom: -15px;" alt="en avion" src="/img/tr_avion_.png"> Avion</a></li>
  103. </ul>
  104. <div class="tab-content">
  105. <div class="tab-pane fade active in" id="Trsp">
  106. <div class="span6">
  107. <h3>Bus</h3>
  108. <ul>
  109. <li><a href="https://www.maregionsud.fr/uploads/media/tarif_2018.pdf" target="_blank">Tarifs du coin</a> <i>(pan)</i> </li>
  110. <li>Bus <a href="https://www.pacamobilite.fr/index.asp" target="_blank">Réseau Paca-mobilité</a> - Destination :
  111. <ul>
  112. <li><strong>Templiers - BIOT</strong> [ARRET]</li>
  113. <li><strong>IUT - BIOT</strong> [ARRET]</li>
  114. </ul>
  115. </li>
  116. </ul>
  117. </div>
  118. <div class="span4 offset1">
  119. <img src="/static/img/bus2.jpg" alt="bus"></img>
  120. </div>
  121. </div>
  122. <div class="tab-pane fade in" id="Avion">
  123. <div class="span6">
  124. <h3>Avion</h3>
  125. <p>Des lignes r&eacute;gulières desservent l’a&eacute;roport de Nice Côte d’Azur
  126. depuis les grandes villes de France et d’Europe. Depuis Paris,
  127. la Navette Air France a un d&eacute;part toutes les heures. Un service
  128. de taxis vous conduira à grands frais jusqu’à Polytech’Nice-Sophia.
  129. Pensez à contacter la communaut&eacute; pour vous &eacute;viter ces frais.
  130. Quelqu’un pourra certainement vous r&eacute;cup&eacute;rer à l’a&eacute;roport et
  131. vous amener à Polytech’Nice-Sophia. Autrement, La soci&eacute;t&eacute;&nbsp;
  132. <a href="http://www.nice.aeroport.fr/acces_stationnement/bus/recherche.asp?lign_id=%7B3396BEE2-4ED0-4FAF-8E25-2F031FF4FE7E%7D">STCAR</a>&nbsp;
  133. propose une navette reliant l’a&eacute;roport de Nice directement à Sophia Antipolis via la navette.
  134. </p>
  135. <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>
  136. <ul>
  137. <li>D&eacute;part&nbsp;: Terminal 1 ou 2</li>
  138. <li>Arriv&eacute;e&nbsp;: descendre à l’arrêt Templiers (700m à pied) ou IUT (à 150m à pied)</li>
  139. </ul>
  140. </div>
  141. <div class="span4 offset1">
  142. <img src="/static/img/aeroport.jpg" alt="avion"></img>
  143. </div>
  144. </div>
  145. <div class="tab-pane fade in" id="Train">
  146. <div class="span6">
  147. <h3>Train</h3>
  148. <p>La gare la plus proche est celle d’Antibes. Les&nbsp;lignes de bus num&eacute;ro 1, ligne de bus num&eacute;ro 100 (pas le week-end)
  149. vous emmèneront depuis la gare (arrêt Passerelle SNCF) jusqu'à l'IUT de Sophia Antipolis.
  150. Polytech'Nice-Sophia partage le site avec l'IUT. Suivez les indications sur place.
  151. </p>
  152. <p>
  153. Attention, des perturbations sont à pr&eacute;voir !
  154. </p>
  155. </div>
  156. <div class="span4 offset1">
  157. <img src="/static/img/train.jpg" alt="train"></img>
  158. </div>
  159. </div>
  160. <div class="tab-pane fade in" id="Voiture">
  161. <div class="span6">
  162. <h3>Voiture</h3>
  163. <p>Par l’autoroute, prendre la sortie 44 Antibes ou Sophia, selon le sens de circulation.
  164. Prendre direction Sophia Antipolis (la première route à droite après le p&eacute;age).</p>
  165. <p>Au rond point en bas de la Route des Chappes, suivre ensuite la direction Sophia Tech.</p>
  166. <p>Un&nbsp;<strong>flêchage de l’itin&eacute;raire</strong>&nbsp;noir sur fond jaune ou orange -
  167. JM2L - est en place pour vous guider à partir de la sortie 44 de l’autoroute A8.
  168. </p>
  169. <p>Pensez aussi au co-voiturage&nbsp;:-)&nbsp;
  170. <a href="http://www.covoiturage06.fr/">http://www.covoiturage06.fr/</a>
  171. </p>
  172. <h3>Le parking</h3>
  173. <p>Avec le plan vigipirate toujours en cours, il est probable que (voir
  174. <a href="/img/SophiaTech%20-%20plan.png" target="_blank">plan</a>):</p>
  175. <ul>
  176. <li>Les Portails 1 et 3 ont de forte chance d'être inaccessible.</li>
  177. <li>Le parking P2 est conseillé, il est complètement accessible toute la journée.</li>
  178. <li>Si vous êtes exposant:
  179. <ul>
  180. <li>le parking P4 sera accessible seulement en début d'évenement</li>
  181. <li>Prenez contact avec le staff pour ouvrir les passages à vos heures d'arrivée</li>
  182. <li>Nous ne pouvons pas réquisitionner un bénévole à attendre à la barrière ^^</li>
  183. </ul>
  184. </li>
  185. </ul>
  186. </div>
  187. <div class="span4 offset1">
  188. <a href="/img/SophiaTech%20-%20plan.png" target="_blank">
  189. <img src="/img/SophiaTech%20-%20plan.png" alt="parking"></img>
  190. </a>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. <h3>Co-Voiturage</h3>
  196. <p> Il y'a aussi la section <a href="/MesJM2L#Covoiturage">covoiturage de votre profil</a>. </p>
  197. </div>
  198. </div>
  199. <br />