project/templates/base.html

   1 {% load cms_tags sekizai_tags menu_tags %}
   2 <!DOCTYPE html>
   3 <html>
   4 <head>
   5         <!-- META YEAH -->
   6         <title>Framonde - {% if page_title %}{{page_title}}{% endif %}</title>
   7         <meta charset="UTF-8">
   8         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   9         <meta name="description" content="" />
  10         <!-- CSS -->
  11         {% render_block "css" %}
  12         <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/kickstart.css" media="all" />
  13         <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}style.css" media="all" />
  14         <!-- Javascript -->
  15         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  16         <script type="text/javascript" src="{{ STATIC_URL }}js/kickstart.js"></script>
  17 </head>
  18
  19 <body>
  20     {% cms_toolbar %}
  21 <!-- CONTENEUR GLOBAL -->
  22 <div class="grid" style="max-width: 1000px;">
  23
  24         <!-- PARTIE HEADER -->
  25         <div class="Entete">
  26                 <div class="col_12 logo" style="margin-top: 0px; margin-bottom: 0px">
  27                         <img src="{{ STATIC_URL }}img/logo.png">
  28                 </div>
  29         </div>
  30
  31         <!-- PARTIE MENU -->
  32         <div class="Sommaire">
  33                 <div class="col_12" style="margin-top: 0px;position: relative;">
  34                         <ul class="menu">
  35                                 <li class="current bleu"><a href="/"><i class="icon-home"></i></a></li>
  36                                 <li class="jaune"><a href="{% page_url 'propos' %}">À propos</a></li>
  37                                 <li class="vert"><a href="/appels-communications/">Appels à communications</a></li>
  38                                 <li class="violet"><a href="/appels-contributions/">Appels à contributions</a></li>
  39                                 <li class="rouge"><a href="/appels-offres/">Appels d'offres</a></li>
  40                                 <li class="bleu"><a href="{% page_url 'archives' %}">Archives</a></li>
  41                         </ul>
  42                         <div class="recherche">
  43                                 <form id="rechercher" name="rechercher" method="get" action="/recherche/">
  44                                 <input class="square" name="q" id="q" type="text" placeholder="Rechercher" style="width: 140px">
  45                                 <a href="#" onClick="javascript:rechercher.submit();return false;"><li class="icon-search"></li></a>
  46                                 </form>
  47                         </div>
  48                 </div>
  49         </div>
  50
  51         <!-- PARTIE CONTENU -->
  52         <div class="Contenu">
  53
  54                 <!-- COLONNE DE GAUCHE-->
  55                 <div class="col_8 gauche">
  56                         {% block Contenu %}
  57                         {% endblock %}
  58                 </div>
  59
  60
  61                 <!-- COLONNE DE DROITE-->
  62                 <div class="col_4 droite">
  63                         <div class="titre_bloc" style="margin-top:12px;"><p>Dernier numéro</p></div>
  64                         <div class="bloc">
  65                                   <a href="{{ MEDIA_URL }}{{ archive_side.0.fichier }}" style="text-decoration: none">
  66                                         <img style="margin-left: 20%;" src="{{ STATIC_URL }}img/derniernumero.png"/></br>
  67                                         {{ archive_side.0.titre }} ({{ archive_side.0.fichier.size|filesizeformat }})
  68                                    </a>
  69                         </div>
  70
  71                         <!-- Bloc 1 droite -->
  72                         <div class="titre_bloc" style="margin-top:12px;"><p>S'abonner</p></div>
  73                         <div class="bloc">
  74                                 <a href="https://listes.auf.org/mailman/listinfo/liste-framonde/">S'abonner à la liste de diffusion</a>
  75                         </div>
  76
  77                         <!-- Bloc 2 droite -->
  78                         <div class="titre_bloc"><p>Annoncer sur Framonde</p></div>
  79                         <div class="bloc">
  80                                 <p>Vous pouvez l’alimenter en adressant vos annonces sous fichier joint dans le cadre de ces rubriques à : <a href="mailto:francais-langues@auf.org">francais-langues@auf.org</a></p><p>Les annonces doivent être rédigées sous format word, odt ou rtf (caractères Times New Roman ou Arial). </p>
  81                         </div>
  82
  83                         <!-- Bloc 2 droite -->
  84                         <div class="titre_bloc"><p>Archives de publication</p></div>
  85                         <div class="bloc">
  86                                 <ul>
  87                                 {% for item in archive_side %}
  88                                         <li><a href="{{item.get_absolute_url}}" style="color: #3a3a3a">FRAMONDE {{item.date_pub|date:"d F Y"}}</a></li>
  89                                 {% endfor %}
  90                                 </ul>
  91                         </div>
  92
  93                 </div>
  94
  95         </div>
  96
  97         <!--PIED DE PAGE -->
  98         <div class="pied_page">
  99                 <div class="col_12 pied"><p>Copyright AUF - <a href="{% page_url 'contact' %}">Contact</a></p></div>
 100         </div>
 101
 102 </div>
 103
 104 {% render_block "js" %}
 105
 106 <!-- Piwik -->
 107 <script type="text/javascript">
 108   var _paq = _paq || [];
 109   _paq.push(["trackPageView"]);
 110   _paq.push(["enableLinkTracking"]);
 111
 112   (function() {
 113     var u=(("https:" == document.location.protocol) ? "https" : "http") + "://piwik.auf.org/";
 114     _paq.push(["setTrackerUrl", u+"piwik.php"]);
 115     _paq.push(["setSiteId", "493"]);
 116     var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
 117     g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
 118   })();
 119 </script>
 120 <!-- End Piwik Code -->
 121
 122 </body>
 123 </html>