project/templates/side.html

   1 {% load cms_tags menu_tags%}
   2 <!-- PARTIE DROITE -->
   3      <aside>
   4
   5          <!-- recherche et reseaux -->
   6         <div class="outil">
   7             <div class="forml">
   8                 <form id="searchform" name="searchform" action="/recherche/" method="get">
   9                           <div class="fieldcontainer">
  10                             <input type="text" name="q" id="id_q" class="searchfield" placeholder="Rechercher ..." tabindex="1">
  11                             <input type="submit" name="searchbtn" id="searchbtn" value="">
  12                         </form>
  13                 </div>
  14             </div>
  15              <div class="reseau">
  16                         <h4> Suivez-nous : </h4>
  17                         {% if media_list %}
  18                         <ul class="icone">
  19                             <a href="{{ media_list.0.lien_twitter }}"  target="_blank"><li class="icone-1"></li></a>
  20                             <a href="{{ media_list.0.lien_facebook }}"  target="_blank"><li class="icone-2"></li></a>
  21                             <a href="{{ media_list.0.lien_rss }}" target="_blank"><li class="icone-3"></li></a>
  22                             <a href="{{ media_list.0.lien_youtube }}" target="_blank"><li class="icone-4"></li></a>
  23                         </ul>
  24                         <ul class="rs">
  25                             <li class="rs-1"><a href="{{ media_list.0.lien_twitter }}" target="_blank">sur Twitter</a></li>
  26                             <li class="rs-2"><a href="{{ media_list.0.lien_facebook }}" target="_blank">sur Facebook</a></li>
  27                             <li class="rs-3"><a href="{{ media_list.0.lien_rss }}" target="_blank">sur Flux Rss</a></li>
  28                             <li class="rs-4"><a href="{{ media_list.0.lien_youtube }}" target="_blank">sur Youtube</a></li>
  29                         </ul>
  30                         {% else %}
  31                                 <p>Pas de médias sociaux</p>
  32                         {% endif %}
  33                     </div>
  34         </div>
  35
  36         <div class="bloc_right">
  37                    <h2>Missions de l'IFIC</h2>
  38                    <div class="droit"><img src="{{ STATIC_URL }}/img/d1.jpg" class="droite"/><a href="{% page_url "missions" %}">Service conseil et expertise</a></div>
  39                    <div class="droit"><img src="{{ STATIC_URL }}/img/d2.jpg" class="droite"/><a href="{% page_url "missions" %}">Formation et Sensibilisation</a></div>
  40                    <div class="droit"><img src="{{ STATIC_URL }}/img/d3.jpg" class="droite"/><a href="{% page_url "missions" %}">Recherche et Veille</a></div>
  41                  </div>
  42
  43                 <div class="bloc_right">
  44                    <h2>Ressources</h2>
  45                    <div class="droit"><img src="{{ STATIC_URL }}/img/d4.jpg" class="droite"/><a href="{% page_url "ressources" %}">Écrits</a></div>
  46                    <div class="droit"><img src="{{ STATIC_URL }}/img/d5.jpg" class="droite"/><a href="{% page_url "ressources" %}">Images et Vidéos</a></div>
  47                    <div class="droit"><img src="{{ STATIC_URL }}/img/d6.jpg" class="droite"/><a href="{% page_url "ressources" %}">Pédagogie TICE</a></div>
  48                  </div>
  49
  50         <div class="bloc_right">
  51              <h2>Nuage de mots clefs</h2>
  52             <div id="tagsphere">
  53                 <ul class="kk">
  54                     <li><a href="#">utilité</a></li>
  55                     <li><a href="#">ergonomie</a></li>
  56                     <li><a href="#">homogène</a></li>
  57                     <li><a href="#">Book</a></li>
  58                     <li><a href="#">Flip-book</a></li>
  59                     <li><a href="#">Moodle</a></li>
  60                     <li><a href="#">intuition</a></li>
  61                     <li><a href="#">Muve</a></li>
  62                     <li><a href="#">LCMS</a></li>
  63                     <li><a href="#">FOAD</a></li>
  64                     <li><a href="#">Libérez-un-livre</a></li>
  65                     <li><a href="#">efficacité</a></li>
  66                     <li><a href="#">efficience</a></li>
  67                     <li><a href="#">design</a></li>
  68                     <li><a href="#">interface utilisateur</a></li>
  69                     <li><a href="#">Courbe d'apprentissage</a></li>
  70                     <li><a href="#">MMOG</a></li>
  71                     <li><a href="#">Livre-voyageur</a></li>
  72                     <li><a href="#">convivialité</a></li>
  73                 </ul>
  74             </div>
  75         </div>
  76
  77      </aside>