179 lines
6.2 KiB
XML
179 lines
6.2 KiB
XML
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
|
||
xmlns:tal="http://xml.zope.org/namespaces/tal"
|
||
xmlns:metal="http://xml.zope.org/namespaces/metal"
|
||
xmlns:i18n="http://xml.zope.org/namespaces/i18n"
|
||
lang="en"
|
||
metal:use-macro="context/main_template/macros/master"
|
||
i18n:domain="plone">
|
||
|
||
<body>
|
||
<metal:main fill-slot="main">
|
||
<tal:main-macro metal:define-macro="main">
|
||
<tal:block tal:define="cache view/cache"/>
|
||
|
||
<style type="text/css">
|
||
#slider-container {
|
||
width: 718px;
|
||
height: 310px;
|
||
margin: auto;
|
||
}
|
||
#slider, #slider li.slide{
|
||
width:718px;
|
||
height: 310px;
|
||
position: relative;
|
||
}
|
||
#slider #nextBtn{
|
||
left:718px;
|
||
top:-280px
|
||
}
|
||
#slider #prevBtn{
|
||
top:-205px;
|
||
}
|
||
.slider_caption{position: absolute; bottom: 10px; padding: 10px; width: 698px; background: rgba(30,30,30,.8); color:#ffffff; }
|
||
#content .slider_caption p { margin: 0; }
|
||
|
||
#smallButtons #prevBtn a:hover,
|
||
#smallButtons #nextBtn a:hover {
|
||
color: transparent !important;
|
||
}
|
||
|
||
</style>
|
||
|
||
<link rel="stylesheet" href="++resource++easySlider.css"/>
|
||
<script type="text/javascript" src="++resource++easySlider.js"></script>
|
||
<script type="text/javascript">
|
||
jQuery(document).ready(function(){
|
||
jQuery("#slider").easySlider({
|
||
speed : 800,
|
||
odd_speed : 0,
|
||
vertical: false,
|
||
auto : true,
|
||
pause : 8000,
|
||
odd_pause : 0,
|
||
continuous : true,
|
||
navigation_type: 'Small Arrows',
|
||
effect: 'Slide',
|
||
fadeNavigation: true
|
||
});
|
||
});
|
||
</script>
|
||
|
||
<h1 id="homepage-actu">Actualité</h1>
|
||
<div id="slider-container">
|
||
<div class="ribbon_title">
|
||
<h1 class="title">Actualité</h1>
|
||
</div>
|
||
<div id="slider">
|
||
<ul class="slider-list">
|
||
<tal:entry tal:repeat="slide view/slider_items">
|
||
<li class="slide">
|
||
<div class="slider_image">
|
||
<img width="718" height="310" alt="" class="image-inline" tal:attributes="src string:${slide/absolute_url}/pic"/>
|
||
</div>
|
||
<div class="slider_caption">
|
||
<p><span tal:content="slide/Title">Une jolie vue de l'hémicycle</span>
|
||
<br/>
|
||
<a tal:attributes="href slide/absolute_url">plus d'info</a>
|
||
</p>
|
||
</div>
|
||
</li>
|
||
</tal:entry>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="archives_actu">
|
||
<a href="infos-pratiques/actualites/">Archives actu</a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div id="pcfhome-second-part">
|
||
<div class="inner">
|
||
|
||
<dl class="enableFormTabbing" id="home-tabs">
|
||
<tal:block tal:define="homenews view/homenews" tal:condition="homenews">
|
||
<dt>L'actualité du Parlement</dt>
|
||
<dd id="hp-actu">
|
||
<img tal:attributes="src string: ${homenews/absolute_url}/pic" alt=""/>
|
||
<div tal:condition="homenews/homepage_text">
|
||
<h2 tal:content="homenews/Title">titre</h2>
|
||
<div tal:content="structure homenews/homepage_text/output">
|
||
plop
|
||
</div>
|
||
</div>
|
||
<a class="more-link" href="#" tal:attributes="href homenews/absolute_url">plus</a>
|
||
</dd>
|
||
</tal:block>
|
||
<tal:block tal:define="events view/get_coming_day_events" tal:condition="events">
|
||
<dt id="fieldset-legend-agenda">Agenda</dt>
|
||
<dd id="fieldset-agenda"
|
||
tal:define="previous_url view/previous_event_url;
|
||
next_url view/next_event_url;">
|
||
<div tal:define="event python: events[0]">
|
||
<div class="blocdate">
|
||
<a tal:condition="previous_url" class="previous" href="#" tal:attributes="href previous_url">←</a>
|
||
<div class="date">
|
||
<span class="day" tal:content="event/start/day">30</span><span class="month" tal:content="event/start_month">mars</span>
|
||
<a class="open-calendar" href="#" tal:attributes="href string:${event/agenda_url}">Ouvrir le calendrier</a>
|
||
</div>
|
||
<a tal:condition="next_url" class="next" href="#" tal:attributes="href next_url">→</a>
|
||
</div>
|
||
|
||
<div id="agenda-legend">
|
||
<ul>
|
||
<li class="parlevent">Séances plénières</li>
|
||
<li class="comevent">Commissions</li>
|
||
<li class="event">Activités</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div tal:repeat="event events" tal:attributes="class string:event-description ${event/klass}">
|
||
<h3 class="event-title"><span class="event-type-square">■</span><span tal:replace="event/Title"/></h3>
|
||
<div class="event-hour">À <span tal:content="event/start/hour">14</span> heures <span tal:condition="event/start/minute" tal:content="event/start/minute">00</span></div>
|
||
<div class="place" tal:content="event/place">Salle des séances - Hôtel de Ligne</div>
|
||
<div class="description">
|
||
<p tal:content="event/description">
|
||
L'heure des questions d'actualité est fixée à 14 heures.
|
||
</p>
|
||
<a class="event-link" href="#" tal:attributes="href event/absolute_url">plus d'info</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</dd>
|
||
</tal:block>
|
||
<dt>Derniers documents publiés</dt>
|
||
<dd id="hp-docs">
|
||
<ul>
|
||
<tal:entry tal:repeat="doc view/last_docs">
|
||
<li tal:define="oddrow repeat/doc/odd;" tal:attributes="class python: oddrow and 'odd' or 'even'"><div>
|
||
<h4><a href="#" tal:attributes="href doc/getURL" tal:content="python: doc.getObject().reftitle">Proposition de décret - 123 (2010-2011) n° 1</a> <span class="pubdate">- publié le <span tal:replace="python: doc.getObject().publication_date_str"/></span></h4>
|
||
<p tal:content="doc/Title">Proposition de décret visant à élargir la définition des primo-arrivants
|
||
dans l'enseignement de la Communauté française.</p>
|
||
</div></li>
|
||
</tal:entry>
|
||
</ul>
|
||
<a class="more-link" href="#" tal:attributes="href python: view.more_docs_link()">plus de documents</a>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
|
||
</div> <!-- .inner -->
|
||
<div id="content-vid">
|
||
<div class="one-vid">
|
||
<a href="#">
|
||
<img src="/img/video.gif" />
|
||
<div>
|
||
<img class="ico" src="/img/ic_clap.png" />
|
||
<h1>Un Parlement pour les francophones</h1><br />
|
||
|
||
<p>Le Parlement comme si vous y étiez ! Découvrez notre nouveau film institutionnel qui se décline sous la forme de six capsules vidéos.
|
||
<br /><br />Il est également à découvrir sur grand écran, à la faveur d’une visite du Parlement.<br /><br />Informationss : 02 506 38 82 et relationspubliques@pcf.be.</p>
|
||
</div></a>
|
||
</div>
|
||
</div> <!-- #pcfhome-second-part -->
|
||
|
||
</tal:main-macro>
|
||
</metal:main>
|
||
</body>
|
||
</html>
|