{% set homepage = false %}
{% set large_column_size = large_column_size ?? 4 %}
{% set medium_column_size = medium_column_size ?? 6 %}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{% block title %}Decostars{{ app.request.attributes.get('_route') != 'app_homepage' ? ' | Decostars' }}{% endblock %}</title>
<link rel="shortcut icon" href="{{ asset('assets/images/favicons/favicon.ico') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/images/favicons/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/images/favicons/favicon-16x16.png') }}">
<link rel="stylesheet" href="{{ preload(asset('assets/app.css'), {as: 'style'}) }}">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
{% block stylesheets %}{% endblock %}
<script src="{{ preload(asset('assets/app.js'), {as: 'script'}) }}" defer></script>
{% block javascripts %}{% endblock %}
</head>
<body>
{% for label, messages in app.flashes %}
{% include 'Layout/includes/_flash_message.html.twig' %}
{% endfor %}
<div class="off-canvas-wrapper">
<div class="off-canvas position-left" id="offCanvas" data-off-canvas data-transition="overlap">
</div>
<div class="off-canvas-content" data-off-canvas-content>
<main class="l-main l-security {% block main_class %}{% endblock %}">
<header class="light-gray-background with-kraft-on-top">
{% include 'components/Spacer/index.twig' with {
height: 30,
mediumHeight: 50,
className: "small-12"
} %}
<div class="column block-grid align-center align-middle">
<a href="/" class="menu-logo-security"><img src="{{ asset('/assets/images/logo-decostars_2x.png') }}" alt="Logo Decostars"></a>
</div>
</header>
<div class="light-gray-background with-background-cut">
{% include 'components/Spacer/index.twig' with {
height: 30,
mediumHeight: 50,
} %}
</div>
<div class="row align-center">
<div class="column small-12 medium-{{ medium_column_size }} large-{{ large_column_size }}">
<div class="block-shadow white-background with-kraft-on-left">
<div class="block-content full-width">
{% block body %}{% endblock %}
</div>
</div>
</div>
</div>
{% block footer %}{% endblock %}
{% include 'components/Spacer/index.twig' with {
height: 30,
mediumHeight: 50,
largeHeight: 100,
} %}
</main>
</div>
</div>
</body>
</html>