vocurations/user/themes/vocurations/templates/default.html.twig

{% extends 'partials/base.html.twig' %}

{% block hero %}

{% if page.parent.template != "default" %}
  <header class="sous_nav">
    {% include 'partials/sous-nav.html.twig' with {blog: page.parent} %}
  </header>
{% endif %}

{% endblock %}

{% set options = { items: {'@page.children':page.url}, 'order': {'by': 'folder', 'dir': 'asc'}} %}
{% set my_collection = page.collection(options) %}

{% block content %}
{% if page.parent.title == 'Pages' %}
<div class="item">
    <div class="item_header">
    <div class="item_title">
      <h2>{{site.title}}</h2>
    </div>
  </div>

  <div class="item_content">
    {{page.content}}
  </div>

  {% for images in page.media.images %}
    <div class="item_img">
      {{images.derivatives(320,1920,300).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'images about')}}
    </div>
  {% endfor %}
</div>

{% else %}
<div class="item">

  <div class="item_header">
    <div class="item_title">
      {% include 'partials/blog/title.html.twig' with {page: page.parent} %}
    </div>
  </div>

  {% for images in page.media.images %}
    <div class="item_img">
      {{images.derivatives(320,1920,300).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'images about')}}
    </div>
  {% endfor %}

  <div class="item_content">
    {{page.content}}
  </div>
</div>

{% endif %}

{% endblock %}