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.
 
 
 
 
 

264 linhas
11 KiB

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