{% set compress = theme_var('production-mode') ? '.min.css' : '.css' %}
<!DOCTYPE html>
<html lang="{{ grav.language.getActive ?: grav.config.site.default_lang }}">
<head>
{% block head %}
    <meta charset="utf-8" />
    <title>{% if header.title %}{{ header.title|e('html') }} | {% endif %}{{ site.title|e('html') }}</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {% include 'partials/metadata.html.twig' %}

    <link rel="icon" type="image/png" href="{{ url('theme://images/favicon.png') }}" />
    <link rel="canonical" href="{{ page.url(true, true) }}" />

    {% block stylesheets %}
        {% do assets.addCss('theme://css-compiled/theme'~compress) %}
    {% endblock %}
    {{ assets.css()|raw }}

    {% block javascripts %}
        {% do assets.addJs('jquery', 101) %}
        {% do assets.addJs('theme://js/jquery.treemenu.js', {group:'bottom'}) %}
        {% do assets.addJs('theme://js/jquery.bxslider.min.js', {group:'bottom'}) %}
        {% do assets.addJs('theme://js/scritps.js', {group:'bottom'}) %}
        {% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
    {% endblock %}
    {{ assets.js()|raw }}

{% endblock head %}
</head>
<body id="top">


{% block header %}
<section class="header">

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

    <div class="title">
      <h1><a href="{{ home_url }}">{{site.title}}</a></h1>
      <div class="filet"></div>
    </div>

    <section class="logo">

      <section id="user">
        <div class="name">
          <p>{{ theme_config.profile.name | default(site.author.name) }}</p>
        </div>

        <div class="pro">
          <p>{{ site.author.profession }}</p>
        </div>
      </section>

      {% include 'partials/logo.html.twig' %}

      {% for module in page.find('/home').children.order('date', 'desc') %}
        <section class="why_lsdo close">
          {{module.content}}
          <svg>
            <path d="M 5,0 100,5 0,35 Z" style="fill:#964587" />
          </svg>
        </section>
      {% endfor %}

    </section>

    <div class="mobile-menu">
      <div class="button_container" id="toggle">
        <span class="top"></span>
        <span class="middle"></span>
        <span class="bottom"></span>
      </div>
    </div>

</section>
{% endblock %}

  <section id="start">
    {% block body %}{% endblock %}
  </section>

  {% block footer %}
      {% include 'partials/footer.html.twig' %}
  {% endblock %}

  {% block bottom %}
    {{ assets.js('bottom')|raw }}
  {% endblock %}

</body>
</html>
