Le repo des sources pour le site web des JM2L
Você não pode selecionar mais de 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.
 
 
 
 
 

246 linhas
10 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', 2020)
  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 2020</H1>
  71. <h3>Choisissez ici votre logo préféré !</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ésitez pas à envoyer vos propositions par mail à l'é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. Édition&nbsp;<span class="caret"></span></a>
  104. <ul class="dropdown-menu pull-right" style="min-width:0">
  105. % for tmpyear in range(2020, 2005, -1):
  106. % if tmpyear==DisplayYear:
  107. <li><a style="font-weight: bold;" href="/year/${tmpyear}">${tmpyear}</a></li>
  108. % elif tmpyear not in [2014, 2016, 2018, 2019]:
  109. <li><a href="/year/${tmpyear}">${tmpyear}</a></li>
  110. % endif
  111. % endfor
  112. </ul>
  113. </div>
  114. <div class="btn-group">
  115. <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  116. % if request.user:
  117. <i class="icon-user"></i> ${request.user.prenom} ${request.user.nom}
  118. % else:
  119. <i class="icon-user icon-white"></i> Visiteur
  120. % endif
  121. <span class="caret"></span>
  122. </a>
  123. <ul class="dropdown-menu pull-right">
  124. % if request.user:
  125. % if request.user.Staff:
  126. <li><a href="/${DisplayYear}/Staff">Partie Staff</a></li>
  127. <li><a href="/${DisplayYear}/ListParticipant">Gérer les intervenants</a></li>
  128. <li><a href="/ListSalles">Gérer les salles</a></li>
  129. <li><a href="/entities">Gérer les entités</a></li>
  130. <li><a href="/${DisplayYear}/ListOrga">Participations &agrave; l'orga</a></li>
  131. <li><a href="/${DisplayYear}/Staff/compta">Comptabilité</a></li>
  132. <li><a href="/ListSallesPhy">Les salles &agrave; Poly'tech</a></li>
  133. <li role="separator" class="divider"></li>
  134. % endif
  135. <li><a href="/MesJM2L">Mon profil</a></li>
  136. <li><a href="/user/${request.user.slug}">Mon profil public</a></li>
  137. <li><a href="/sign/out">Me déconnecter</a></li>
  138. % else:
  139. <li><a href="/participer-l-evenement#inscription">Je m'inscris</a></li>
  140. <li><a href="/sign/login">Je m'identifie</a></li>
  141. % endif
  142. </ul>
  143. </div>
  144. </div>
  145. <ul class="nav nav-pills pull-right">
  146. % if request.user:
  147. <li class="${participer or ''}"><a href="/MesJM2L">Mes JM2L</a></li>
  148. % else:
  149. <li class="${participer or ''}"><a href="/participer-l-evenement">Participer</a></li>
  150. % endif
  151. <li class="${programme or ''}"><a href="/${DisplayYear}/le-programme">Programme</a></li>
  152. <li class="${presse or ''}"><a href="/${DisplayYear}/dossier-de-presse">Presse</a></li>
  153. <li class="${plan or ''}"><a href="/nous-rejoindre">Contact et Plan</a></li>
  154. </ul>
  155. </div>
  156. </div>
  157. </div>
  158. <div class="middle align-center">
  159. </div>
  160. </div>
  161. <div id="bottom">
  162. % for type, message in request.session.pop_flash():
  163. <div class="container-fluid">
  164. <br>
  165. <div class="span6 offset3">
  166. <div class="alert alert-${type}">
  167. <button type="button" class="close" data-dismiss="alert">&times;</button>
  168. ${message}
  169. </div>
  170. </div>
  171. </div>
  172. % endfor
  173. <div class="container-fluid">
  174. <!--Body content-->
  175. ${next.body()}
  176. </div>
  177. </div>
  178. </div>
  179. <footer class="footer">
  180. <div class="container">
  181. <h4>JM2L 2005-2020</h4>
  182. <p>
  183. Concocté par <a href="https://www.linux-azur.org/">Linux Azur</a> ~
  184. <a href="http://creativecommons.org/licenses/by-sa/4.0/">CopyFriendly</a>
  185. </p>
  186. <p>
  187. +33 6 52 42 31 37 ~ contact at jm2l.linux-azur dot org
  188. </p>
  189. <p>
  190. Conception et construction en <a href="https://git.linux-azur.org/tr4ck3ur/jm2l/src/branch/feature/python-3-migration">DIY</a> ~
  191. Hébergé par <a href="http://www.heberg-24.com/"> Heberg24 </a>
  192. </p>
  193. <p>
  194. Vous avez trouvé un bug ? <a href="https://git.linux-azur.org/tr4ck3ur/jm2l/issues/new">Reportez-le ici</a>
  195. </p>
  196. </div>
  197. </footer>
  198. <script src="/vendor/jquery.min.js"></script>
  199. <script src="/vendor/bootstrap.min.js"></script>
  200. <script src="/vendor/fileupload/js/jquery-uploader.min.js"></script>
  201. <script src="/vendor/ckeditor/ckeditor.js"></script>
  202. <script src="/js/plugins.js"></script>
  203. ${self.jsAddOn()}
  204. ## Then Handle Javascript
  205. <script>
  206. function confirm_click() {
  207. return confirm("Confirmer la suppression ?")
  208. }
  209. % for jsitem in context._kwargs['postpone_js']:
  210. ${jsitem | n}
  211. % endfor
  212. ## Call Control Handler
  213. HandleControls();
  214. </script>
  215. % if request.user:
  216. <script>
  217. function handlevote() {
  218. currentIndex = $('div.active').index() + 1;
  219. $('.carousel-vote a').attr('href', "/vote_logo/" + currentIndex )
  220. if (currentIndex==${request.user.vote_logo or 0}) {
  221. $('.carousel-vote a').removeClass('btn-primary').addClass('btn-success')
  222. $('.carousel-vote a').html("<i class='icon-ok icon-white'></i> Mon préféré ! ");
  223. } else {
  224. $('.carousel-vote a').removeClass('btn-success').addClass('btn-primary');
  225. $('.carousel-vote a').html("<i class='icon-star icon-white'></i> Je vote pour ce logo ! ");
  226. }
  227. }
  228. $('#TitleCarousel').bind('slid', function() {
  229. handlevote();
  230. });
  231. handlevote();
  232. </script>
  233. % endif
  234. </body>
  235. </html>