156 lines
5.3 KiB
XML
156 lines
5.3 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">
|
|
|
|
<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="event view/get_event" tal:condition="event">
|
|
<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>
|
|
<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 class="event-description">
|
|
<div class="description">À <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/Title">Séance</p>
|
|
<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> <!-- .inner -->
|
|
</div> <!-- #pcfhome-second-part -->
|
|
|
|
</tal:main-macro>
|
|
</metal:main>
|
|
</body>
|
|
</html>
|