Le repo des sources pour le site web des JM2L
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

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