project/templates/base.html

   1 {% load cms_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         <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/kickstart.css" media="all" />
  12         <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}style.css" media="all" />
  13         <!-- Javascript -->
  14         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  15         <script type="text/javascript" src="{{ STATIC_URL }}js/kickstart.js"></script>
  16 </head>
  17
  18 <!-- CONTENEUR GLOBAL -->
  19 <div class="grid" style="max-width: 1000px;">
  20
  21         <!-- PARTIE HEADER -->
  22         <div class="Entete">
  23                 <div class="col_12 logo" style="margin-top: 0px; margin-bottom: 0px">
  24                         <img src="{{ STATIC_URL }}img/logo.png">
  25                 </div>
  26         </div>
  27
  28         <!-- PARTIE MENU -->
  29         <div class="Sommaire">
  30                 <div class="col_12" style="margin-top: 0px;position: relative;">
  31                         <ul class="menu">
  32                                 <li class="current bleu"><a href="/"><i class="icon-home"></i></a></li>
  33                                 <li class="jaune"><a href="{% page_url 'propos' %}">A propos</a></li>
  34                                 <li class="vert"><a href="/appels-communications/">Appels à communications</a></li>
  35                                 <li class="violet"><a href="/appels-contributions/">Appels à contributions</a></li>
  36                                 <li class="rouge"><a href="/appels-offres/">Appels d'offres</a></li>
  37                                 <li class="bleu"><a href="{% page_url 'archives' %}">Archives</a></li>
  38                         </ul>
  39                         <div class="recherche">
  40                                 <form id="rechercher" name="rechercher" method="get" action="/recherche/">
  41                                 <input class="square" name="q" id="q" type="text" placeholder="Rechercher" style="width: 140px">
  42                                 <a href="#" onClick="javascript:rechercher.submit();return false;"><li class="icon-search"></li></a>
  43                                 </form>
  44                         </div>
  45                 </div>
  46         </div>
  47
  48         <!-- PARTIE CONTENU -->
  49         <div class="Contenu">
  50
  51                 <!-- COLONNE DE GAUCHE-->
  52                 <div class="col_8 gauche">
  53                         {% block Contenu %}
  54                         {% endblock %}
  55                 </div>
  56
  57
  58                 <!-- COLONNE DE DROITE-->
  59                 <div class="col_4 droite">
  60
  61                         <!-- Bloc 1 droite -->
  62                         <div class="titre_bloc" style="margin-top:12px;"><p>S'abonner</p></div>
  63                         <div class="bloc">
  64                                 <p>Vous pouvez vous abonner à la liste ou modifier votre abonnement actuel en renseignant votre adresse:</p>
  65                                 <form method='post' name="news" action='/abonnement/'>{% csrf_token %}
  66                                         {{ abonne_form.adresse }}
  67                                         <button class="small red" type='submit'><li class="icon-chevron-right"></li></button>
  68                                 </form>
  69                         </div>
  70
  71                         <!-- Bloc 2 droite -->
  72                         <div class="titre_bloc"><p>Annoncer sur Framonde</p></div>
  73                         <div class="bloc">
  74                                 <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>
  75                         </div>
  76
  77                         <!-- Bloc 2 droite -->
  78                         <div class="titre_bloc"><p>Archives de publication</p></div>
  79                         <div class="bloc">
  80                                 <ul>
  81                                 {% for item in archive_side %}
  82                                         <li><a href="{{item.get_absolute_url}}" style="color: #3a3a3a">FRAMONDE {{item.date_pub|date:"d F Y"}}</a></li>
  83                                 {% endfor %}
  84                                 </ul>
  85                         </div>
  86
  87                 </div>
  88
  89         </div>
  90
  91         <!--PIED DE PAGE -->
  92         <div class="pied_page">
  93                 <div class="col_12 pied"><p>Copyright AUF - <a href="{% page_url 'contact' %}">Contact</a></p></div>
  94         </div>
  95
  96 </div>
  97
  98 </body>
  99 </html>