Le repo des sources pour le site web des JM2L
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
 
 
 
 
 

260 lignes
11 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <%namespace name="helpers" file="jm2l:templates/helpers.mako"/>
  4. <%
  5. context._kwargs['postpone_js']=[]
  6. DisplayYear = request.session.get('year', 2018)
  7. %>
  8. <head>
  9. <title>JM2L ${DisplayYear}</title>
  10. <meta charset="utf-8">
  11. <meta name="keywords" content="python web application" />
  12. <meta name="description" content="jm2l LinuxAzur journée méditéranéenne logiciel libre" />
  13. <!-- Force latest IE rendering engine or ChromeFrame if installed -->
  14. <!--[if IE]>
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  16. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  17. <![endif]-->
  18. <link rel="shortcut icon" href="/static/favicon.ico" />
  19. <link rel="stylesheet" href="/css/pylons.css" type="text/css" media="screen" />
  20. <link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css" media="screen" />
  21. <link rel="stylesheet" href="/css/jm2l.css" type="text/css" media="screen" />
  22. <link rel="stylesheet" href="/css/bootstrap-responsive.css">
  23. <link rel="stylesheet" href="/css/font-size.css">
  24. ${self.cssAddOn()}
  25. <!--[if lte IE 6]>
  26. <link rel="stylesheet" href="/static/ie6.css" type="text/css" media="screen" charset="utf-8" />
  27. <![endif]-->
  28. <script src="/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
  29. ${self.cssAddOn()}
  30. ${self.jsAddOn_head()}
  31. </head>
  32. <body>
  33. <%def name="jsAddOn_head()"></%def>
  34. <%def name="jsAddOn()"></%def>
  35. <%def name="cssAddOn()"></%def>
  36. ${helpers.uploader_js()}
  37. <div id="wrap">
  38. <div id="top">
  39. % if DisplayYear!=2017:
  40. <div class="align-center" style="background: url( ${'/img/%s/headerbg.png' % DisplayYear} ) repeat-x scroll 0 top #ffffff;">
  41. <a href="${'/%s/' % DisplayYear}">
  42. <div style="height:215px;background: url( ${"/img/%s/logo.png" % DisplayYear} ) no-repeat scroll center center transparent">
  43. </div>
  44. </a>
  45. </div>
  46. % else:
  47. <!-- Carousel
  48. ================================================== -->
  49. <div id="TitleCarousel" class="carousel slide" data-ride="carousel">
  50. <!-- Indicators -->
  51. <div class="carousel-inner" role="listbox">
  52. <div class="item ${["","active"][request.user and request.user.vote_logo==1 or request.user is None]}">
  53. <a href="/">
  54. <div style="height:215px;background: url(/img/2017/logo.png) no-repeat scroll center transparent"></div>
  55. </a>
  56. </div>
  57. <div class="item ${["","active"][request.user and request.user.vote_logo==2 or 0]}">
  58. <a href="/">
  59. <div style="height:215px;background: url(/img/2017/logo_1.png) no-repeat scroll center transparent"></div>
  60. </a>
  61. </div>
  62. <div class="item ${["","active"][request.user and request.user.vote_logo==3 or 0]}">
  63. <a href="/">
  64. <div style="height:215px;background: url(/img/2017/logo_2.png) no-repeat scroll center transparent"></div>
  65. </a>
  66. </div>
  67. % if request.user and request.user.vote_logo not in [1,2,3]:
  68. <div class="item active">
  69. <div class="align-center">
  70. <H1>JM2L 2017</H1>
  71. <h3>Choisissez ici votre logo pr&eacute;f&eacute;r&eacute; !</h3>
  72. <p>Utilisez les flèches pour choisir et voter !<br>
  73. Vous pouvez changer à tout moment, mais vous n'aurez droit qu'a un seul choix, le vôtre ;)</p>
  74. <p>Vous souhaitez proposer le vôtre ? <br>
  75. N'h&eacute;sitez pas à envoyer vos propositions par mail à l'&eacute;quipe !</p>
  76. </div>
  77. </div>
  78. % endif
  79. </div>
  80. <a class="left Tcarousel-control" href="#TitleCarousel" role="button" data-slide="prev">
  81. <img src="/img/chev-left.png" alt="go left">
  82. </a>
  83. <a class="right Tcarousel-control" href="#TitleCarousel" role="button" data-slide="next">
  84. <img src="/img/chev-right.png" alt="go right">
  85. </a>
  86. <div class="carousel-vote">
  87. % if request.user:
  88. <a href="#" class="btn"></a>
  89. % else:
  90. <a href="/sign/login" class="btn">Je m'identifie !</a>
  91. % endif
  92. </div>
  93. </div><!-- /.carousel -->
  94. % endif
  95. </div>
  96. <div id="middle">
  97. <div class="navbar">
  98. <div class="navbar-inner">
  99. <div class="container">
  100. <div class="nav pull-right">
  101. <div class="btn-group">
  102. <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  103. Archives&nbsp;<span class="caret"></span></a>
  104. <ul class="dropdown-menu pull-right" style="min-width:0">
  105. % for tmpyear in range(2017, 2005, -1):
  106. % if tmpyear!=2014 and tmpyear!=2016:
  107. <li><a href="/year/${tmpyear}">${tmpyear}</a></li>
  108. % endif
  109. % endfor
  110. </ul>
  111. </div>
  112. <div class="btn-group">
  113. <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  114. % if request.user:
  115. <i class="icon-user"></i> ${request.user.prenom} ${request.user.nom}
  116. % else:
  117. <i class="icon-user icon-white"></i> Visiteur
  118. % endif
  119. <span class="caret"></span>
  120. </a>
  121. <ul class="dropdown-menu pull-right">
  122. % if request.user:
  123. % if request.user.Staff:
  124. <li><a href="/${DisplayYear}/Staff">Partie Staff</a></li>
  125. <li><a href="/${DisplayYear}/ListParticipant">G&eacute;rer les intervenants</a></li>
  126. <li><a href="/ListSalles">G&eacute;rer les salles</a></li>
  127. <li><a href="/entities">G&eacute;rer les entit&eacute;s</a></li>
  128. <li><a href="/${DisplayYear}/ListOrga">Participations &agrave; l'orga</a></li>
  129. <li><a href="/${DisplayYear}/Staff/compta">Comptabilit&eacute;</a></li>
  130. <li><a href="/ListSallesPhy">Les salles &agrave; Poly'tech</a></li>
  131. <li role="separator" class="divider"></li>
  132. % endif
  133. <li><a href="/MesJM2L">Mon profil</a></li>
  134. <li><a href="/user/${request.user.slug}">Mon profil public</a></li>
  135. <li><a href="/sign/out">Me d&eacute;connecter</a></li>
  136. % else:
  137. <li><a href="/participer-l-evenement#inscription">Je m'inscris</a></li>
  138. <li><a href="/sign/login">Je m'identifie</a></li>
  139. % endif
  140. </ul>
  141. </div>
  142. </div>
  143. <ul class="nav nav-pills pull-right">
  144. % if request.user:
  145. <li class="${participer or ''}"><a href="/MesJM2L">Mes JM2L</a></li>
  146. % else:
  147. <li class="${participer or ''}"><a href="/participer-l-evenement">Participer</a></li>
  148. % endif
  149. <li class="${programme or ''}"><a href="/${DisplayYear}/le-programme">Programme</a></li>
  150. <li class="${presse or ''}"><a href="/${DisplayYear}/dossier-de-presse">Presse</a></li>
  151. <li class="${plan or ''}"><a href="/nous-rejoindre">Contact et Plan</a></li>
  152. </ul>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="middle align-center">
  157. </div>
  158. </div>
  159. <div id="bottom">
  160. % for type, message in request.session.pop_flash():
  161. <div class="container-fluid">
  162. <br>
  163. <div class="span6 offset3">
  164. <div class="alert alert-${type}">
  165. <button type="button" class="close" data-dismiss="alert">&times;</button>
  166. ${message}
  167. </div>
  168. </div>
  169. </div>
  170. % endfor
  171. <div class="container-fluid">
  172. <!--Body content-->
  173. ${next.body()}
  174. </div>
  175. </div>
  176. </div>
  177. <footer class="footer">
  178. <div class="container">
  179. <h4>JM2L 2005-2018</h4>
  180. <p>
  181. Concoct&eacute; par <a href="http://www.linux-azur.org/">Linux Azur</a> ~
  182. <a href="http://creativecommons.org/licenses/by-sa/4.0/">CopyFriendly</a>
  183. </p>
  184. <p>
  185. +33 6 52 42 31 37 ~ contact at jm2l.linux-azur dot org
  186. </p>
  187. <p>
  188. Conception et construction en <a href="http://git.linux-azur.org/JM2L/jm2l/src/master">DIY</a> ~
  189. H&eacute;berg&eacute; par <a href="http://www.heberg-24.com/"> Heberg24 </a>
  190. </p>
  191. <p>
  192. Vous avez trouv&eacute; un bug ? <a href="http://git.linux-azur.org/JM2L/jm2l/issues">Reportez-le ici</a>
  193. </p>
  194. </div>
  195. </footer>
  196. <script src="/vendor/jquery.min.js"></script>
  197. <script src="/vendor/bootstrap.min.js"></script>
  198. <script src="/vendor/fileupload/js/jquery-uploader.min.js"></script>
  199. <script src="/vendor/ckeditor/ckeditor.js"></script>
  200. <script src="/js/plugins.js"></script>
  201. ${self.jsAddOn()}
  202. ## Then Handle Javascript
  203. <script>
  204. function confirm_click() {
  205. return confirm("Confirmer la suppression ?")
  206. }
  207. % for jsitem in context._kwargs['postpone_js']:
  208. ${jsitem | n}
  209. % endfor
  210. ## Call Control Handler
  211. HandleControls();
  212. </script>
  213. <!-- Piwik -->
  214. <script type="text/javascript">
  215. var _paq = _paq || [];
  216. _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
  217. _paq.push(['trackPageView']);
  218. _paq.push(['enableLinkTracking']);
  219. (function() {
  220. var u="//stats.style-python.fr/";
  221. _paq.push(['setTrackerUrl', u+'piwik.php']);
  222. _paq.push(['setSiteId', 4]);
  223. var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  224. g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  225. })();
  226. </script>
  227. <noscript><p><img src="//stats.style-python.fr/piwik.php?idsite=4" style="border:0;" alt="" /></p></noscript>
  228. <!-- End Piwik Code -->
  229. % if request.user:
  230. <script>
  231. function handlevote() {
  232. currentIndex = $('div.active').index() + 1;
  233. $('.carousel-vote a').attr('href', "/vote_logo/" + currentIndex )
  234. if (currentIndex==${request.user.vote_logo or 0}) {
  235. $('.carousel-vote a').removeClass('btn-primary').addClass('btn-success')
  236. $('.carousel-vote a').html("<i class='icon-ok icon-white'></i> Mon pr&eacute;f&eacute;r&eacute; ! ");
  237. } else {
  238. $('.carousel-vote a').removeClass('btn-success').addClass('btn-primary');
  239. $('.carousel-vote a').html("<i class='icon-star icon-white'></i> Je vote pour ce logo ! ");
  240. }
  241. }
  242. $('#TitleCarousel').bind('slid', function() {
  243. handlevote();
  244. });
  245. handlevote();
  246. </script>
  247. % endif
  248. </body>
  249. </html>