{% extends layout %}
{% block title %}{{ post.title }} | Stiletto.fr - magazine de mode{% endblock %}
{% block metadescription %}{{ post.accrocheDescription }}{% endblock %}
{% block metaimage %}{% if post.medias.0 is defined %}{{ asset(post.medias.0.image) }}{% endif %}{% endblock %}

{% block breadcrumb %}
    >
    <div itemtype="http://data-vocabulary.org/Breadcrumb" itemscope>
        <span itemprop="title">{{ post.title }}</span>
    </div>
{% endblock %}

{% block body %}

<script>
$(function() {
    $( "a.lightbox" ).colorbox({rel:'group1'});
});
</script>
<article class="post" id="featured">{#<!-- je n'ai pas utilisé #main dans la CSS, mais ça pourrait etre utile éventuellement -->#}
    <header class="post-header">
        <h2 class="title post-title">
        <span style="float:left;border-right: 1px solid;margin-right:0.2em;padding-right:0.2em;">{{ post.title }}</span></h2>
        <time style="margin:0;color: #B6192B;text-align:left;float:left;font-family: 'FrutigerNextW01-LightCn';" class="pubdate" datetime="{{ post.publishedFrom|date('Y-m-d\\Th:m:sP') }}">
       {{ post.publishedFrom|datetrans }}<span class="year">{{ post.publishedFrom|date('Y') }}</span></time>
   </header><br><br><br><br>
    <div class="post-content">
        <p class="post-content-right">{{ post.accrocheDescription|autolink|raw }}</p>
    </div>
    <div style="text-align:center;margin-top:30px;">
        <img src="{{ asset('/uploads/banners/'~post.path) }}">
    </div>
    <footer class="post-footer">
        {{ post.copyright }}
    </footer>
    
</article>

{% endblock %}