[ific.git] / project / templates / accueil.html

{% extends "base.html" %}
{% load cms_tags %}

{% block Contenu %}
    	
        <!-- ZONE D'OUTILS -->
            <bandeau>
                <!-- slideshow -->
                <section id="slideshow">  
					
                    <div class="banner">
                        <ul>
                        	{% if slider_list %}
                            	{% for item in slider_list %}
                            		<li>
                                    	<figure>
                                        	{% if item.lien %}<a href="{{ item.lien }}">{% endif %}<img src="{{ MEDIA_URL }}{{ item.image }}" alt=""/ height="219" width="360">{% if item.lien %}</a>{% endif %}
                                            <figcaption><h5>{{ item.titre }}</h5><p>{{ item.description|striptags|safe|truncatewords_html:16 }}</p></figcaption>
                                         </figure>
                                     </li>
                                 {% endfor %}
                             {% endif %}
                        </ul>
                    </div>
            
                </section>  
                
                <!-- mot du directeur -->
                 <article>
                   <h4>Mot du Directeur :</h4>
                   {% if mot_list %}
                    	<p>{{ mot_list.0.texte|safe|truncatewords_html:70 }}</p>
                   {% else %}
                        <p>Pas de mot du directeur</p>
                   {% endif %}
                </article> 
                
                <!-- recherche et reseaux -->
                <div class="outil">
                    <div class="forml">
                        <form id="searchform" name="searchform" action="/recherche/" method="get">
                          <div class="fieldcontainer">
                            <input type="text" name="q" id="id_q" class="searchfield" placeholder="Rechercher ..." tabindex="1">
                            <input type="submit" name="searchbtn" id="searchbtn" value="">    
                        </form>
                        </div>
                    </div>
                    <div class="reseau">
                        <h4> Suivez-nous : </h4>
                        {% if media_list %}
                        <ul class="icone">
                            <a href="{{ media_list.0.lien_twitter }}" target="_blank"><li class="icone-1"></li></a>
                            <a href="{{ media_list.0.lien_facebook }}" target="_blank"><li class="icone-2"></li></a>
                            <a href="{{ media_list.0.lien_rss }}" target="_blank"><li class="icone-3"></li></a>
                            <a href="{{ media_list.0.lien_youtube }}" target="_blank"><li class="icone-4"></li></a>
                        </ul>
                        <ul class="rs">
                            <li class="rs-1"><a href="{{ media_list.0.lien_twitter }}" target="_blank">sur Twitter</a></li>
                            <li class="rs-2"><a href="{{ media_list.0.lien_facebook }}" target="_blank">sur Facebook</a></li>
                            <li class="rs-3"><a href="{{ media_list.0.lien_rss }}" target="_blank">sur Flux Rss</a></li>
                            <li class="rs-4"><a href="{{ media_list.0.lien_youtube }}" target="_blank">sur Youtube</a></li>
                        </ul>
                        {% else %}
                        	<p>Pas de médias sociaux</p>
                        {% endif %}
                    </div>
                </div>
                
                <!-- Bandeau -->
                {% if bandeau_list %}
                    <div id="marquee"> 
                    <marquee scrolldelay="200"> <p><a href="{{ bandeau_list.lien }}">{{ bandeau_list.0.texte }}</a></p> </marquee>
                    </div>
                {% endif %}
                
            </bandeau>
            
            
            <!-- ZONE CONTENU -->
                <div class="contenu">
                
                <!-- PARTIE GAUCHE -->
                
                    <div class="gauche">
                        <!-- Bloc gauche1 -->
                        <div class="bloc_left">
                        
                                     <h2><a href="/flux/appels-offre/">Appels en cours  <img src="{{ STATIC_URL }}/img/rss.gif" alt="" class="flux"/></a></h2>
                                     
                                    {% if appel_list2%}
                                        {% with appel_list2 as item_list %}
                                            {% for item in item_list %}
                                                 <div class="side">
                                                 <span class="txt"><span><a href="{{ item.get_absolute_url }}">Date limite : {{ item.date_fin|date:"d M Y" }}</a></span> <br />
                                                 <h3><a href="{{ item.get_absolute_url }}">{{ item.titre }}</a></h3>
                                                 {{ item.texte|striptags|safe|truncatewords_html:30 }}</span>
                                                 </div>                                
                                             {% endfor %}
                                        {% endwith %}
                                    {% else%}
                                          <p>Pas d'appel d'offre</p>                
                                    {% endif %}
                    
                        </div>
                
                        <!-- Bloc gauche2 -->
                        <div class="bloc_left">         
                                 
                                 <h2><a href="/flux/actualite/">Actualités <img src="{{ STATIC_URL }}/img/rss.gif" alt="" class="flux"/></a></h2>
                                 
                                 {% if actu_list2%}
                                        {% with actu_list2 as item_list %}
                                            {% for item in item_list %}
                                                 <div class="side">
                                                 	 {% if item.image %}
                                                      <img src="{{ MEDIA_URL }}{{ item.image }}" class="flott" alt="{{ item.titre }}" title="{{ item.titre }}"/>
                                                      {% else %}
                                                      <img src="{{ STATIC_URL }}img/logo.jpg" class="flott" alt="{{ item.titre }}" title="{{ item.titre }}"/>
                                                      {% endif %}
                                                 <span class="txt"><span><a href="{{ item.get_absolute_url }}">{{ item.date_pub|date:"d M Y" }}</a></span> <br />
                                                 <h3><a href="{{ item.get_absolute_url }}">{{ item.titre }}</a></h3>
                                                 {{ item.texte|striptags|safe|truncatewords_html:24 }}</span>
                                                 </div>                                
                                             {% endfor %}
                                        {% endwith %}
                                    {% else%}
                                          <p>Pas d'actu</p>                
                                    {% endif %}
                                
                            </div>
                       </div>
         
             <!-- PARTIE GAUCHE -->   
             <aside>
                <div class="bloc_right">
                   <h2>Missions de l'IFIC</h2>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d1.jpg" class="droite"/><a href="{% page_url "missions" %}">Service conseil et expertise</a></div>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d2.jpg" class="droite"/><a href="{% page_url "missions" %}">Formation et Sensibilisation</a></div>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d3.jpg" class="droite"/><a href="{% page_url "missions" %}">Recherche et Veille</a></div>
                 </div>
        
                <div class="bloc_right">
                   <h2>Ressources</h2>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d4.jpg" class="droite"/><a href="{% page_url "ressources" %}">Écrits</a></div>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d5.jpg" class="droite"/><a href="{% page_url "ressources" %}">Images et Vidéos</a></div>
                   <div class="droit"><img src="{{ STATIC_URL }}/img/d6.jpg" class="droite"/><a href="{% page_url "ressources" %}">Pédagogie TICE</a></div>
                 </div>
          
                <div class="bloc_right">
                     <h2>Nuage de mots clefs</h2> 
                    <div id="tagsphere">
                        <ul class="kk">
                            <li><a href="#">utilité</a></li>
                            <li><a href="#">ergonomie</a></li>
                            <li><a href="#">homogène</a></li>
                            <li><a href="#">Book</a></li>
                            <li><a href="#">Flip-book</a></li>
                            <li><a href="#">Moodle</a></li>
                            <li><a href="#">intuition</a></li>
                            <li><a href="#">Muve</a></li>
                            <li><a href="#">LCMS</a></li>
                            <li><a href="#">FOAD</a></li>
                            <li><a href="#">Libérez-un-livre</a></li>
                            <li><a href="#">efficacité</a></li>
                            <li><a href="#">efficience</a></li>
                            <li><a href="#">design</a></li>
                            <li><a href="#">interface utilisateur</a></li>
                            <li><a href="#">Courbe d'apprentissage</a></li>
                            <li><a href="#">MMOG</a></li>
                            <li><a href="#">Livre-voyageur</a></li>
                            <li><a href="#">convivialité</a></li>
                        </ul>
                    </div>
                </div>
                
             </aside>
        
        </div>
    
{% endblock Contenu %}
Commit	Line	Data
1604aa3c	1	{% extends "base.html" %}
	2	{% load cms_tags %}
	3
	4	{% block Contenu %}
	5
112f71cd	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>
1604aa3c	24	</div>
1604aa3c	25
112f71cd	26	</section>
	27
	28	<!-- mot du directeur -->
	29	<article>
	30	<h4>Mot du Directeur :</h4>
	31	{% if mot_list %}
0163ce58	32	<p>{{ mot_list.0.texte\|safe\|truncatewords_html:70 }}</p>
112f71cd	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>
1604aa3c	47	</div>
112f71cd	48	<div class="reseau">
	49	<h4> Suivez-nous : </h4>
	50	{% if media_list %}
	51	<ul class="icone">
0163ce58	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>
112f71cd	56	</ul>
112f71cd	57	<ul class="rs">
0163ce58	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>
112f71cd	62	</ul>
	63	{% else %}
	64	<p>Pas de médias sociaux</p>
	65	{% endif %}
1604aa3c	66	</div>
1604aa3c	67	</div>
112f71cd	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>
1604aa3c	73	</div>
112f71cd	74	{% endif %}
	75
	76	</bandeau>
	77
	78
	79	<!-- ZONE CONTENU -->
	80	<div class="contenu">
	81
	82	<!-- PARTIE GAUCHE -->
1604aa3c	83
112f71cd	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 }}"/>
1604aa3c	117	{% else %}
112f71cd	118	<img src="{{ STATIC_URL }}img/logo.jpg" class="flott" alt="{{ item.titre }}" title="{{ item.titre }}"/>
1604aa3c	119	{% endif %}
112f71cd	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>
1604aa3c	174	</div>
112f71cd	175
112f71cd	176	</aside>
1604aa3c	177
1604aa3c	178	</div>
1604aa3c	179
1604aa3c	180	{% endblock Contenu %}