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                                 <p>Vous pouvez vous abonner à la liste ou modifier votre abonnement actuel en renseignant votre adresse:</p>
  75                                 <form method='post' name="news" action='/abonnement/'>{% csrf_token %}
  76                                         {{ abonne_form.adresse }}
  77                                         <button class="small red" type='submit'><li class="icon-chevron-right"></li></button>
  78                                 </form>
  79                         </div>
  80
  81                         <!-- Bloc 2 droite -->
  82                         <div class="titre_bloc"><p>Annoncer sur Framonde</p></div>
  83                         <div class="bloc">
  84                                 <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>
  85                         </div>
  86
  87                         <!-- Bloc 2 droite -->
  88                         <div class="titre_bloc"><p>Archives de publication</p></div>
  89                         <div class="bloc">
  90                                 <ul>
  91                                 {% for item in archive_side %}
  92                                         <li><a href="{{item.get_absolute_url}}" style="color: #3a3a3a">FRAMONDE {{item.date_pub|date:"d F Y"}}</a></li>
  93                                 {% endfor %}
  94                                 </ul>
  95                         </div>
  96
  97                 </div>
  98
  99         </div>
 100
 101         <!--PIED DE PAGE -->
 102         <div class="pied_page">
 103                 <div class="col_12 pied"><p>Copyright AUF - <a href="{% page_url 'contact' %}">Contact</a></p></div>
 104         </div>
 105
 106 </div>
 107
 108 {% render_block "js" %}
 109 </body>
 110 </html>