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.
 
 
 
 
 

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