Le repo des sources pour le site web des JM2L
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

246 lines
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>