legere modif
[ific.git] / 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>