8e5fc4c1dff9cc773cccfaff8ac8878fc553ad60
[ific.git] / 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|striptags|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 }}"><li class="icone-1"></li></a>
53 <a href="{{ media_list.0.lien_facebook }}"><li class="icone-2"></li></a>
54 <a href="{{ media_list.0.lien_rss }}"><li class="icone-3"></li></a>
55 <a href="{{ media_list.0.lien_youtube }}"><li class="icone-4"></li></a>
56 </ul>
57 <ul class="rs">
58 <li class="rs-1"><a href="{{ media_list.0.lien_twitter }}">sur Twitter</a></li>
59 <li class="rs-2"><a href="{{ media_list.0.lien_facebook }}">sur Facebook</a></li>
60 <li class="rs-3"><a href="{{ media_list.0.lien_rss }}">sur Flux Rss</a></li>
61 <li class="rs-4"><a href="{{ media_list.0.lien_youtube }}">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 %}