Le repo des sources pour le site web des JM2L
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 
 

230 Zeilen
9.2 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. ${self.cssAddOn()}
  20. <!--[if lte IE 6]>
  21. <link rel="stylesheet" href="/static/ie6.css" type="text/css" media="screen" charset="utf-8" />
  22. <![endif]-->
  23. <script src="/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
  24. ${self.cssAddOn()}
  25. ${self.jsAddOn_head()}
  26. </head>
  27. <body>
  28. <%
  29. context._kwargs['postpone_js']=[]
  30. DisplayYear = request.session.get('year', 2015)
  31. %>
  32. <%def name="jsAddOn_head()"></%def>
  33. <%def name="jsAddOn()"></%def>
  34. <%def name="cssAddOn()"></%def>
  35. ${helpers.uploader_js()}
  36. <div id="wrap">
  37. <div id="top">
  38. % if DisplayYear!=2015:
  39. ## style="background: url( ${"/img/%s/headerbg.png" % DisplayYear} ) repeat-x scroll 0 top #ffffff;">
  40. <div class="align-center">
  41. <a href="/">
  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. <ol class="carousel-indicators">
  52. <li data-target="#TitleCarousel" data-slide-to="0" class="active"></li>
  53. <li data-target="#TitleCarousel" data-slide-to="1"></li>
  54. <li data-target="#TitleCarousel" data-slide-to="2"></li>
  55. </ol>
  56. <div class="carousel-inner" role="listbox">
  57. <div class="item active">
  58. <a href="/">
  59. <div style="height:215px;background: url(/img/2015/logo.png) no-repeat scroll center center transparent"></div>
  60. </a>
  61. <div class="carousel-vote">
  62. <a href="#" class="btn btn-primary">Je vote pour ce logo !</a>
  63. </div>
  64. </div>
  65. <div class="item">
  66. <a href="/">
  67. <div style="height:215px;background: url(/img/2015/logo_1.png) no-repeat scroll center center transparent"></div>
  68. </a>
  69. <div class="carousel-vote">
  70. <a href="#" class="btn btn-primary">Je vote pour ce logo !</a>
  71. </div>
  72. </div>
  73. <div class="item">
  74. <a href="/">
  75. <div style="height:215px;background: url(/img/2015/logo_2.png) no-repeat scroll center center transparent"></div>
  76. </a>
  77. <div class="carousel-vote">
  78. <a href="#" class="btn btn-primary">Je vote pour ce logo !</a>
  79. </div>
  80. </div>
  81. </div>
  82. <a class="left Tcarousel-control" href="#TitleCarousel" role="button" data-slide="prev">
  83. <img src="/img/chev-left.png">
  84. </a>
  85. <a class="right Tcarousel-control" href="#TitleCarousel" role="button" data-slide="next">
  86. <img src="/img/chev-right.png">
  87. </a>
  88. </div><!-- /.carousel -->
  89. % endif
  90. </div>
  91. <div id="middle">
  92. <div class="navbar">
  93. <div class="navbar-inner">
  94. <div class="container">
  95. <div class="nav pull-left">
  96. <div class="btn-group">
  97. <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  98. <span class="brand" style="padding: 0 10px 0 18px;">JM2L
  99. <small>${DisplayYear}</small>&nbsp;<span class="caret"></span></span></a>
  100. <ul class="dropdown-menu">
  101. % for tmpyear in range(2015, 2005, -1):
  102. % if tmpyear!=2014:
  103. <li><a href="/year/${tmpyear}">${tmpyear}</a></li>
  104. % endif
  105. % endfor
  106. </ul>
  107. </div>
  108. <div class="btn-group">
  109. <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
  110. % if request.user:
  111. <i class="icon-user"></i> ${request.user.prenom} ${request.user.nom}
  112. % else:
  113. <i class="icon-user icon-white"></i> Visiteur
  114. % endif
  115. <span class="caret"></span>
  116. </a>
  117. <ul class="dropdown-menu">
  118. % if request.user:
  119. % if request.user.Staff:
  120. <li><a href="/Staff">Partie Staff</a></li>
  121. % endif
  122. <li><a href="/sign/out">Me déconnecter</a></li>
  123. % else:
  124. <li><a href="/participer-l-evenement#inscription">Je m'inscris</a></li>
  125. <li><a href="/sign/login">Je m'identifie</a></li>
  126. % endif
  127. ## <li>Mode
  128. ## <span class="visible-phone"> ✔ Phone</span>
  129. ## <span class="visible-tablet"> ✔ Tablet</span>
  130. ## <span class="visible-desktop"> ✔ Desktop</span>
  131. ## </li>
  132. </ul>
  133. </div>
  134. </div>
  135. <ul class="nav nav-pills pull-right">
  136. <li class="${accueil or ''}"><a href="/">Accueil</a></li>
  137. <li class="${programme or ''}"><a href="/${DisplayYear}/le-programme">Programme</a></li>
  138. <li class="${presse or ''}"><a href="/${DisplayYear}/dossier-de-presse">Presse</a></li>
  139. <li class="${plan or ''}"><a href="/nous-rejoindre">Contact et Plan</a></li>
  140. % if request.user:
  141. <li class="${participer or ''}"><a href="/MesJM2L">Mes JM2L</a></li>
  142. % else:
  143. <li class="${participer or ''}"><a href="/participer-l-evenement">Participer</a></li>
  144. % endif
  145. </ul>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="middle align-center">
  150. </div>
  151. </div>
  152. <div id="bottom">
  153. % for type, message in request.session.pop_flash():
  154. <div class="container-fluid">
  155. <br>
  156. <div class="span6 offset3">
  157. <div class="alert alert-${type}">
  158. <button type="button" class="close" data-dismiss="alert">&times;</button>
  159. ${message}
  160. </div>
  161. </div>
  162. </div>
  163. % endfor
  164. <div class="container-fluid">
  165. <!--Body content-->
  166. ${next.body()}
  167. </div>
  168. </div>
  169. </div>
  170. <footer class="footer">
  171. <div class="container">
  172. <h4>JM2L 2005-2015</h4>
  173. <p>
  174. Concocté par <a href="http://www.linux-azur.org/">Linux Azur</a> ~
  175. <a href="http://creativecommons.org/licenses/by-sa/4.0/">CopyFriendly</a> ~
  176. </p>
  177. <p>
  178. +33 (0) 6 52 42 31 37 ~ contact at jm2l.linux-azur.org
  179. </p>
  180. <p>
  181. Conception et construction en <a href="http://git.linux-azur.org/JM2L/jm2l/src/master">DIY</a> ~
  182. Hébergé par <a href="http://www.heberg-24.com/"> Heberg24 </a>
  183. </p>
  184. <p>
  185. Vous avez trouvé un bug ? <a href="http://git.linux-azur.org/JM2L/jm2l/issues">Reportez le ici</a>
  186. </p>
  187. </div>
  188. </footer>
  189. <script src="/vendor/jquery.min.js"></script>
  190. <script src="/vendor/bootstrap.min.js"></script>
  191. <script src="/vendor/fileupload/js/jquery-uploader.min.js"></script>
  192. <script src="/vendor/ckeditor/ckeditor.js"></script>
  193. <script src="/js/plugins.js"></script>
  194. ${self.jsAddOn()}
  195. ## Then Handle Javascript
  196. <script>
  197. % for jsitem in context._kwargs['postpone_js']:
  198. ${jsitem | n}
  199. % endfor
  200. ## Call Control Handler
  201. HandleControls();
  202. </script>
  203. <!-- Piwik -->
  204. <script type="text/javascript">
  205. var _paq = _paq || [];
  206. _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
  207. _paq.push(['trackPageView']);
  208. _paq.push(['enableLinkTracking']);
  209. (function() {
  210. var u="//stats.style-python.fr/";
  211. _paq.push(['setTrackerUrl', u+'piwik.php']);
  212. _paq.push(['setSiteId', 4]);
  213. var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  214. g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  215. })();
  216. </script>
  217. <noscript><p><img src="//stats.style-python.fr/piwik.php?idsite=4" style="border:0;" alt="" /></p></noscript>
  218. <!-- End Piwik Code -->
  219. </body>
  220. </html>