Foehn Design System

Publish Info 

<p class="text-center small">
    Publié le <time datetime="2017-03-31T13:05:23+00:00">31.03.2017</time>

    &mdash; <span class="sr-only">Catégorie: </span>
    <a href="#" rel="category" title="Les articles de la categorie Accessibilité">

        Accessibilité

    </a>
    ,
    <a href="#" rel="category" title="Les articles de la categorie Agriculture">

        Agriculture

    </a>
    et
    <a href="#" rel="category" title="Les articles de la categorie Tourisme">

        Tourisme

    </a>

</p>
 
<p class="text-center small">
  Publié le {% render '@time' %}
  {%- if categories %}
    &mdash; <span class="sr-only">Catégorie: </span>
    {%- for category in categories -%}
      {% if category.url %}
        <a href="#" rel="category" title="Les articles de la categorie {{ category.name }}">
      {% endif %}
      {{ category.name }}
      {% if category.url %}
        </a>
      {% endif -%}
      {%- if loop.revindex == 2 %} et {% elseif loop.last %}{% else %}, {% endif %}
    {%- endfor %}
  {% endif %}
</p>
 
{
  "categories": [
    {
      "name": "Accessibilité",
      "url": "#"
    },
    {
      "name": "Agriculture",
      "url": "news-list--categories"
    },
    {
      "name": "Tourisme",
      "url": "#"
    }
  ]
}

No notes defined.