project/templates/accueil.html

   1 {% extends "base.html" %}
   2 {% load cms_tags %}
   3
   4 {% block Contenu %}
   5
   6         <!-- ZONE D'OUTILS -->
   7             <bandeau>
   8                 <!-- slideshow -->
   9                 <section id="slideshow">
  10
  11                     <div class="banner">
  12                         <ul>
  13                                 {% if slider_list %}
  14                                 {% for item in slider_list %}
  15                                         <li>
  16                                         <figure>
  17                                                 {% if item.lien %}<a href="{{ item.lien }}">{% endif %}<img src="{{ MEDIA_URL }}{{ item.image }}" alt=""/ height="219" width="360">{% if item.lien %}</a>{% endif %}
  18                                             <figcaption><h5>{{ item.titre }}</h5><p>{{ item.description|striptags|safe|truncatewords_html:16 }}</p></figcaption>
  19                                          </figure>
  20                                      </li>
  21                                  {% endfor %}
  22                              {% endif %}
  23                         </ul>
  24                     </div>
  25
  26                 </section>
  27
  28                 <!-- mot du directeur -->
  29                  <article>
  30                    <h4>Mot du Directeur :</h4>
  31                    {% if mot_list %}
  32                         <p>{{ mot_list.0.texte|safe|truncatewords_html:70 }}</p>
  33                    {% else %}
  34                         <p>Pas de mot du directeur</p>
  35                    {% endif %}
  36                 </article>
  37
  38                 <!-- recherche et reseaux -->
  39                 <div class="outil">
  40                     <div class="forml">
  41                         <form id="searchform" name="searchform" action="/recherche/" method="get">
  42                           <div class="fieldcontainer">
  43                             <input type="text" name="q" id="id_q" class="searchfield" placeholder="Rechercher ..." tabindex="1">
  44                             <input type="submit" name="searchbtn" id="searchbtn" value="">
  45                         </form>
  46                         </div>
  47                     </div>
  48                     <div class="reseau">
  49                         <h4> Suivez-nous : </h4>
  50                         {% if media_list %}
  51                         <ul class="icone">
  52                             <a href="{{ media_list.0.lien_twitter }}" target="_blank"><li class="icone-1"></li></a>
  53                             <a href="{{ media_list.0.lien_facebook }}" target="_blank"><li class="icone-2"></li></a>
  54                             <a href="{{ media_list.0.lien_rss }}" target="_blank"><li class="icone-3"></li></a>
  55                             <a href="{{ media_list.0.lien_youtube }}" target="_blank"><li class="icone-4"></li></a>
  56                         </ul>
  57                         <ul class="rs">
  58                             <li class="rs-1"><a href="{{ media_list.0.lien_twitter }}" target="_blank">sur Twitter</a></li>
  59                             <li class="rs-2"><a href="{{ media_list.0.lien_facebook }}" target="_blank">sur Facebook</a></li>
  60                             <li class="rs-3"><a href="{{ media_list.0.lien_rss }}" target="_blank">sur Flux Rss</a></li>
  61                             <li class="rs-4"><a href="{{ media_list.0.lien_youtube }}" target="_blank">sur Youtube</a></li>
  62                         </ul>
  63                         {% else %}
  64                                 <p>Pas de médias sociaux</p>
  65                         {% endif %}
  66                     </div>
  67                 </div>
  68
  69                 <!-- Bandeau -->
  70                 {% if bandeau_list %}
  71                     <div id="marquee">
  72                     <marquee scrolldelay="200"> <p><a href="{{ bandeau_list.lien }}">{{ bandeau_list.0.texte }}</a></p> </marquee>
  73                     </div>
  74                 {% endif %}
  75
  76             </bandeau>
  77
  78
  79             <!-- ZONE CONTENU -->
  80                 <div class="contenu">
  81
  82                 <!-- PARTIE GAUCHE -->
  83
  84                     <div class="gauche">
  85                         <!-- Bloc gauche1 -->
  86                         <div class="bloc_left">
  87
  88                                      <h2><a href="/flux/appels-offre/">Appels en cours  <img src="{{ STATIC_URL }}/img/rss.gif" alt="" class="flux"/></a></h2>
  89
  90                                     {% if appel_list2%}
  91                                         {% with appel_list2 as item_list %}
  92                                             {% for item in item_list %}
  93                                                  <div class="side">
  94                                                  <span class="txt"><span><a href="{{ item.get_absolute_url }}">Date limite : {{ item.date_fin|date:"d M Y" }}</a></span> <br />
  95                                                  <h3><a href="{{ item.get_absolute_url }}">{{ item.titre }}</a></h3>
  96                                                  {{ item.texte|striptags|safe|truncatewords_html:30 }}</span>
  97                                                  </div>
  98                                              {% endfor %}
  99                                         {% endwith %}
 100                                     {% else%}
 101                                           <p>Pas d'appel d'offre</p>
 102                                     {% endif %}
 103
 104                         </div>
 105
 106                         <!-- Bloc gauche2 -->
 107                         <div class="bloc_left">
 108
 109                                  <h2><a href="/flux/actualite/">Actualités <img src="{{ STATIC_URL }}/img/rss.gif" alt="" class="flux"/></a></h2>
 110
 111                                  {% if actu_list2%}
 112                                         {% with actu_list2 as item_list %}
 113                                             {% for item in item_list %}
 114                                                  <div class="side">
 115                                                          {% if item.image %}
 116                                                       <img src="{{ MEDIA_URL }}{{ item.image }}" class="flott" alt="{{ item.titre }}" title="{{ item.titre }}"/>
 117                                                       {% else %}
 118                                                       <img src="{{ STATIC_URL }}img/logo.jpg" class="flott" alt="{{ item.titre }}" title="{{ item.titre }}"/>
 119                                                       {% endif %}
 120                                                  <span class="txt"><span><a href="{{ item.get_absolute_url }}">{{ item.date_pub|date:"d M Y" }}</a></span> <br />
 121                                                  <h3><a href="{{ item.get_absolute_url }}">{{ item.titre }}</a></h3>
 122                                                  {{ item.texte|striptags|safe|truncatewords_html:24 }}</span>
 123                                                  </div>
 124                                              {% endfor %}
 125                                         {% endwith %}
 126                                     {% else%}
 127                                           <p>Pas d'actu</p>
 128                                     {% endif %}
 129
 130                             </div>
 131                        </div>
 132
 133              <!-- PARTIE GAUCHE -->
 134              <aside>
 135                 <div class="bloc_right">
 136                    <h2>Missions de l'IFIC</h2>
 137                    <div class="droit"><img src="{{ STATIC_URL }}/img/d1.jpg" class="droite"/><a href="{% page_url "missions" %}">Service conseil et expertise</a></div>
 138                    <div class="droit"><img src="{{ STATIC_URL }}/img/d2.jpg" class="droite"/><a href="{% page_url "missions" %}">Formation et Sensibilisation</a></div>
 139                    <div class="droit"><img src="{{ STATIC_URL }}/img/d3.jpg" class="droite"/><a href="{% page_url "missions" %}">Recherche et Veille</a></div>
 140                  </div>
 141
 142                 <div class="bloc_right">
 143                    <h2>Ressources</h2>
 144                    <div class="droit"><img src="{{ STATIC_URL }}/img/d4.jpg" class="droite"/><a href="{% page_url "ressources" %}">Écrits</a></div>
 145                    <div class="droit"><img src="{{ STATIC_URL }}/img/d5.jpg" class="droite"/><a href="{% page_url "ressources" %}">Images et Vidéos</a></div>
 146                    <div class="droit"><img src="{{ STATIC_URL }}/img/d6.jpg" class="droite"/><a href="{% page_url "ressources" %}">Pédagogie TICE</a></div>
 147                  </div>
 148
 149                 <div class="bloc_right">
 150                      <h2>Nuage de mots clefs</h2>
 151                     <div id="tagsphere">
 152                         <ul class="kk">
 153                             <li><a href="#">utilité</a></li>
 154                             <li><a href="#">ergonomie</a></li>
 155                             <li><a href="#">homogène</a></li>
 156                             <li><a href="#">Book</a></li>
 157                             <li><a href="#">Flip-book</a></li>
 158                             <li><a href="#">Moodle</a></li>
 159                             <li><a href="#">intuition</a></li>
 160                             <li><a href="#">Muve</a></li>
 161                             <li><a href="#">LCMS</a></li>
 162                             <li><a href="#">FOAD</a></li>
 163                             <li><a href="#">Libérez-un-livre</a></li>
 164                             <li><a href="#">efficacité</a></li>
 165                             <li><a href="#">efficience</a></li>
 166                             <li><a href="#">design</a></li>
 167                             <li><a href="#">interface utilisateur</a></li>
 168                             <li><a href="#">Courbe d'apprentissage</a></li>
 169                             <li><a href="#">MMOG</a></li>
 170                             <li><a href="#">Livre-voyageur</a></li>
 171                             <li><a href="#">convivialité</a></li>
 172                         </ul>
 173                     </div>
 174                 </div>
 175
 176              </aside>
 177
 178         </div>
 179
 180 {% endblock Contenu %}