112f71cd |
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"> |
0163ce58 |
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> |
112f71cd |
23 | </ul> |
24 | <ul class="rs"> |
0163ce58 |
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> |
112f71cd |
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> |