Le repo des sources pour le site web des JM2L
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 
 
 

215 linhas
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 />