<!doctype html>
<html lang="{{ app.request.locale }}">
<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 %}Demo Big Youth{% endblock title %}</title>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,400i,600,600i,700,700i" rel="stylesheet">
{% block stylesheet %}
<link rel="stylesheet" href="{{ asset('static/back/styles.css') }}" >
{% if versionData is defined and versionData is not null %}
<link rel="stylesheet" href="{{ asset('static/back/theme/version.css') }}" >
{% elseif releaseMode is defined and releaseMode == true %}
<link rel="stylesheet" href="{{ asset('static/back/theme/release.css') }}" >
{% elseif app.user.theme is defined and app.user.theme is not null %}
<link rel="stylesheet" href="{{ asset('static/back/theme/'~ app.user.theme ~'.css') }}" >
{% else %}
<link rel="stylesheet" href="{{ asset('static/back/theme/'~ (settings('theme')|default('default')) ~'.css') }}" >
{% endif %}
{% endblock stylesheet %}
<style>
@font-face {
font-weight: normal;
font-family: 'font awesome';
font-style: normal;
font-display: swap;
src:
url('/assets/back/icons/webfonts/fa-solid-900.woff2') format('woff2');
}
</style>
<script src="https://kit.fontawesome.com/3cfa5b8e03.js" crossorigin="anonymous"></script>
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/back/favicon/client/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/back/favicon/client/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/back/favicon/client/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('assets/back/favicon/client/site.webmanifest') }}" crossorigin="use-credentials">
<link rel="mask-icon" href="{{ asset('assets/back/favicon/client/safari-pinned-tab.svg') }}" color="#5bbad5">
<link rel="shortcut icon" href="{{ asset('assets/back/favicon/client/favicon.ico') }}">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="{{ asset('assets/back/favicon/client/browserconfig.xml') }}">
<meta name="theme-color" content="#ffffff">
</head>
<body class="font-source-sans font-normal text-black leading-normal relative" {% if locale is defined and locale is not null %}data-locale="{{ locale }}"{% endif %} data-page-status="{{ page.status|default('') }}">
<div class="flex">
<div class="app w-full bg-grey-lighter xxl:bg-white">
{% block layout %}
{% endblock layout %}
</div>
<div class="app-preview hidden">
{% block preview %}
{% endblock preview %}
</div>
</div>
{% block javascript %}
<script type="text/javascript" src="{{ asset('js/back/external/jquery/jquery-3.3.1.min.js') }}"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/locale/{% if app.request.locale == 'en' %}en-gb{% else %}{{ app.request.locale }}{% endif %}.js" charset="UTF-8"></script>
<script type="text/javascript" src="{{ asset('js/back/polyfills/css-variables.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/back/external/intersection-observer/intersection-observer.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/back/external/details-element-polyfill/details-element-polyfill.js') }}"></script>
{% endblock javascript %}
{% block modal %}
{% endblock modal %}
</body>
</html>