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

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

{% set show_onpage_menu = header.onpage_menu == true or header.onpage_menu is null %}

{% block stylesheets %}
    {% do assets.addCss('theme://css/leaflet.css') %}
    {{ parent() }}
{% endblock %}

{% block javascripts %}
  {% set x = [] %}
  {% set y = [] %}

  {% for module in page.collection() %}
    {% set x = x|merge([module.header.x]) %}
    {% set y = y|merge([module.header.y]) %}
  {% endfor %}

  <script type="text/javascript">
    var coord_data = {
      x : {{ x|json_encode() }},
      y : {{ y|json_encode() }},
    };
  </script>

    {% do assets.add('theme://js/leaflet.js') %}
    {% do assets.add('theme://js/map.js') %}
    {{ parent() }}
{% endblock %}

{% block header %}
    <header id="header" class="section">
        <nav class="navbar">
          <section class="navbar-section logo">
              {% include 'partials/logo.html.twig' %}
          </section>

          <section class="navbar-section desktop-menu">
              <nav class="dropmenu animated">

              {% block header_navigation %}
                  {% include 'partials/navigation.html.twig' %}
              {% endblock %}
              </nav>

              {% if config.plugins.login.enabled and grav.user.username %}
                  <span class="login-status-wrapper"><i class="fa fa-user"></i> {% include 'partials/login-status.html.twig' %}</span>
              {% endif %}
          </section>
        </nav>
        <div class="mobile-menu">
          <div class="button_container" id="toggle">
            <div class="open">
              <a href="#">
                <img src="/user/themes/vocurations/images/menu_burger.png" alt="menu">
              </a>
            </div>
            <div class="close">
              <a href="#">
                <img src="/user/themes/vocurations/images/CROIX.png" alt="croix">
              </a>
            </div>
          </div>
        </div>

    </header>
{% endblock %}


{% block hero %}

  <header class="sous_nav">
    <ul>
      {% set options = { items: {'@self.parent':page.url} } %}

      {% for i in page.collection(options) %}
        {% for child in i.collection %}
        {% set active_page = (child.active or child.activeChild) ? 'active' : '' %}
          <li>
            <a href='{{child.url}}' class="{{active_page}}">{{child.title}}</a>
          </li>
          {% set page = child.title %}
        {% endfor %}
      {% endfor %}
    </ul>
  </header>

{% endblock %}

{% block body %}

  <section id="body-wrapper" class="section">
    {% embed 'partials/layout.html.twig' with {blog: page} %}
      {% block item %}
        
        {% for module in page.collection()  %}
            {{ module.content|raw }}
        {% endfor %}

      {% endblock %}
    {% endembed %}
  </section>

{% endblock %}