tr4ck3ur
/
jm2l


			
				
					
						
						
							
							<!DOCTYPE html>
<html>
<%namespace name="helpers" file="jm2l:templates/helpers.mako"/>
<head>
<title>JM2L 2015</title>
  <meta charset="utf-8">
  <meta name="keywords" content="python web application" />
  <meta name="description" content="jm2l LinuxAzur journée méditéranéenne logiciel libre" />
  <!-- Force latest IE rendering engine or ChromeFrame if installed -->
  <!--[if IE]>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <![endif]-->
  <link rel="shortcut icon" href="/static/favicon.ico" />
  <link rel="stylesheet" href="/css/pylons.css" type="text/css" media="screen" />  
  <link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="/css/jm2l.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="/css/bootstrap-responsive.css">
  ${self.cssAddOn()}
  <!--[if lte IE 6]>
  <link rel="stylesheet" href="/static/ie6.css" type="text/css" media="screen" charset="utf-8" />
  <![endif]-->
  <script src="/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
  ${self.cssAddOn()}
  ${self.jsAddOn_head()}
</head>
<body>
<%
context._kwargs['postpone_js']=[]
DisplayYear = request.session.get('year', 2015)
%>
<%def name="jsAddOn_head()"></%def>
<%def name="jsAddOn()"></%def>
<%def name="cssAddOn()"></%def>
${helpers.uploader_js()}

<div id="wrap">
    <div id="top">
    % if DisplayYear!=2015:
    ## style="background: url( ${"/img/%s/headerbg.png" % DisplayYear} ) repeat-x scroll 0 top #ffffff;">
        <div class="align-center">
            <a href="/">
          <div style="height:215px;background: url( ${"/img/%s/logo.png" % DisplayYear} ) no-repeat scroll center center transparent">
          </div>
            </a>
        </div>
    % else:
    <!-- Carousel
    ================================================== -->
    <div id="TitleCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <div class="carousel-inner" role="listbox">
        <div class="item ${["","active"][request.user and request.user.vote_logo==1 or request.user is None]}">
            <a href="/">
              <div style="height:215px;background: url(/img/2015/logo.png) no-repeat scroll center center transparent"></div>
            </a>
        </div>
        <div class="item ${["","active"][request.user and request.user.vote_logo==2 or 0]}">
            <a href="/">
          <div style="height:215px;background: url(/img/2015/logo_1.png) no-repeat scroll center center transparent"></div>
            </a>
        </div>
        <div class="item ${["","active"][request.user and request.user.vote_logo==3 or 0]}">
            <a href="/">
          <div style="height:215px;background: url(/img/2015/logo_2.png) no-repeat scroll center center transparent"></div>
            </a>
        </div>
        % if request.user and request.user.vote_logo not in [1,2,3]:
        <div class="item active">
            <div class="align-center">
                <H1>JM2L 2015</H1>
                <H2> &laquo; Do It Yourself &raquo;</H2>
                <h3>Choisissez ici votre logo préféré !</h3>
                <p>Utilisez les flèches pour choisir et voter !<br>
                Vous pouvez changer à tout moment, mais vous n'aurez droit qu'a un seul choix, le vôtre ;)</p>
            </div>
        </div>
        % endif
      </div>
      <a class="left Tcarousel-control" href="#TitleCarousel" role="button" data-slide="prev">
        <img src="/img/chev-left.png">
      </a>
      <a class="right Tcarousel-control" href="#TitleCarousel" role="button" data-slide="next">
        <img src="/img/chev-right.png">
      </a>
        <div class="carousel-vote">
        % if request.user:
            <a href="#" class="btn"></a>
        % else:
            <a href="/sign/login" class="btn">Je m'identifie !</a>
        % endif
        </div>
    </div><!-- /.carousel -->
    % endif

    </div>
    <div id="middle">
          <div class="navbar">
            <div class="navbar-inner">
              <div class="container">
                  <div class="nav pull-left">
                    <div class="btn-group">
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                            <span class="brand" style="padding: 0 10px 0 18px;">JM2L
                            <small>${DisplayYear}</small>&nbsp;<span class="caret"></span></span></a>
                        <ul class="dropdown-menu">
                        % for tmpyear in range(2015, 2005, -1):
                          % if tmpyear!=2014:
                            <li><a href="/year/${tmpyear}">${tmpyear}</a></li>
                          % endif
                        % endfor
                        </ul>
                    </div>
                    <div class="btn-group">
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                            % if request.user:
                                <i class="icon-user"></i> ${request.user.prenom} ${request.user.nom}
                            % else:
                                <i class="icon-user icon-white"></i> Visiteur
                            % endif
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            % if request.user:
                                % if request.user.Staff:
                                    <li><a href="/Staff">Partie Staff</a></li>
                                % endif
                                <li><a href="/sign/out">Me déconnecter</a></li>
                            % else:
                                <li><a href="/participer-l-evenement#inscription">Je m'inscris</a></li>
                                <li><a href="/sign/login">Je m'identifie</a></li>
                            % endif
                            ##    <li>Mode 
                            ##    <span class="visible-phone"> ✔ Phone</span>
                            ##    <span class="visible-tablet"> ✔ Tablet</span>
                            ##    <span class="visible-desktop"> ✔ Desktop</span>
                            ##    </li>
                        </ul>
                    </div>
                  </div>
               
                <ul class="nav nav-pills pull-right">
                  <li class="${accueil or ''}"><a href="/">Accueil</a></li>
                  <li class="${programme or ''}"><a href="/${DisplayYear}/le-programme">Programme</a></li>
                  <li class="${presse or ''}"><a href="/${DisplayYear}/dossier-de-presse">Presse</a></li>
                  <li class="${plan or ''}"><a href="/nous-rejoindre">Contact et Plan</a></li>
                % if request.user:
                  <li class="${participer or ''}"><a href="/MesJM2L">Mes JM2L</a></li>
                % else:
                  <li class="${participer or ''}"><a href="/participer-l-evenement">Participer</a></li>
                % endif                  
                </ul>

              </div>
            </div>
          </div>
          
      <div class="middle align-center">
      </div>
    </div>
    <div id="bottom">
        % for type, message in request.session.pop_flash():
        <div class="container-fluid">
            <br>
          <div class="span6 offset3">
            <div class="alert alert-${type}">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                ${message}
            </div>
          </div>
        </div>
        % endfor
        <div class="container-fluid">
            <!--Body content-->
            ${next.body()}
        </div>
    </div>
  </div>

<footer class="footer">
    <div class="container">
        <h4>JM2L 2005-2015</h4>
    <p>
        Concocté par <a href="http://www.linux-azur.org/">Linux Azur</a> ~
        <a href="http://creativecommons.org/licenses/by-sa/4.0/">CopyFriendly</a> ~
    </p>
    <p>
        +33 (0) 6 52 42 31 37 ~ contact at jm2l.linux-azur.org
    </p>
    <p>
        Conception et construction en <a href="http://git.linux-azur.org/JM2L/jm2l/src/master">DIY</a> ~
        Hébergé par <a href="http://www.heberg-24.com/"> Heberg24 </a>
    </p>
    <p>
        Vous avez trouvé un bug ? <a href="http://git.linux-azur.org/JM2L/jm2l/issues">Reportez le ici</a>
    </p>
    </div>
</footer>

  <script src="/vendor/jquery.min.js"></script>
  <script src="/vendor/bootstrap.min.js"></script>
  <script src="/vendor/fileupload/js/jquery-uploader.min.js"></script>
  <script src="/vendor/ckeditor/ckeditor.js"></script>
  <script src="/js/plugins.js"></script>
  ${self.jsAddOn()}
## Then Handle Javascript
<script>
% for jsitem in context._kwargs['postpone_js']:
${jsitem | n}
% endfor
## Call Control Handler
HandleControls();
</script>

<!-- Piwik -->
<script type="text/javascript">
  var _paq = _paq || [];
  _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//stats.style-python.fr/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', 4]);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<noscript><p><img src="//stats.style-python.fr/piwik.php?idsite=4" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
% if request.user:
  <script>
function handlevote() {
    currentIndex = $('div.active').index() + 1;
    $('.carousel-vote a').attr('href', "/vote_logo/" + currentIndex )
    if (currentIndex==${request.user.vote_logo or 0}) {
        $('.carousel-vote a').removeClass('btn-primary').addClass('btn-success')
        $('.carousel-vote a').html("<i class='icon-ok icon-white'></i> Mon préféré ! ");
    } else {
        $('.carousel-vote a').removeClass('btn-success').addClass('btn-primary');
        $('.carousel-vote a').html("<i class='icon-star icon-white'></i> Je vote pour ce logo ! ");
    }
}
$('#TitleCarousel').bind('slid', function() {
    handlevote();
});
handlevote();
  </script>
% endif
</body>
</html>