<!DOCTYPE html>
<html lang="{{app.request.locale}}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="57x57" href="{{ asset('/favicon/apple-icon-57x57.png') }}">
<link rel="apple-touch-icon" sizes="60x60" href="{{ asset('/favicon/apple-icon-60x60.png') }}">
<link rel="apple-touch-icon" sizes="72x72" href="{{ asset('/favicon/apple-icon-72x72.png') }}">
<link rel="apple-touch-icon" sizes="76x76" href="{{ asset('/favicon/apple-icon-76x76.png') }}">
<link rel="apple-touch-icon" sizes="114x114" href="{{ asset('/favicon/apple-icon-114x114.png') }}">
<link rel="apple-touch-icon" sizes="120x120" href="{{ asset('/favicon/apple-icon-120x120.png') }}">
<link rel="apple-touch-icon" sizes="144x144" href="{{ asset('/favicon/apple-icon-144x144.png') }}">
<link rel="apple-touch-icon" sizes="152x152" href="{{ asset('/favicon/apple-icon-152x152.png') }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/favicon/apple-icon-180x180.png') }}">
<link rel="icon" type="image/png" sizes="192x192" href="{{ asset('/favicon/android-icon-192x192.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="96x96" href="{{ asset('/favicon/favicon-96x96.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('/favicon/manifest.json') }}">
<meta name="msapplication-TileColor" content="#2667ff">
<meta name="msapplication-TileImage" content="{{ asset('/favicon/ms-icon-144x144.png') }}">
<meta name="theme-color" content="#2667ff">
<meta property="og:type" content="page"/>
<meta property="og:title" content="{{"Is your content gender balanced?" |trans}}"/>
<meta property="og:description" content="{{"Check how gender balanced is your content and what you need to change, and improve. It’s a free tool for media organisations, journalists, editors, and everyone else. Know it to change it!" |trans}}"/>
<meta property="og:image" content="{{ app.request.scheme ~'://' ~ app.request.httpHost ~ asset('/uploads/default/gbt.jpg') }}"/>
<meta property="og:image:width" content="500"/>
<meta property="og:image:height" content="500"/>
<meta name="twitter:card" content="summary"/>
<meta property="og:title" content="{{"Is your content gender balanced?" |trans}}"/>
<meta property="og:description" content="{{"Check how gender balanced is your content and what you need to change, and improve. It’s a free tool for media organisations, journalists, editors, and everyone else. Know it to change it!" |trans}}"/>
<meta property="og:image" content="{{ app.request.scheme ~'://' ~ app.request.httpHost ~ asset('/uploads/default/gbt.jpg') }}"/>
<title>
{% block title %}
{{'gender_balance_tool'|trans}}
{% endblock %}
</title>
{% block stylesheets %}
{{ encore_entry_link_tags('front') }}
{% endblock %}
{% if app.environment != "dev" %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-14CW2ZQNMF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-14CW2ZQNMF');
</script>
{% endif %}
</head>
{% set lang = app.request.locale %}
<body class="{{ lang == 'ar' ? 'rtl' : lang }}">
{% block header %}
{% include 'front/parts/_header.html.twig' %}
{% endblock %}
<div class="loader">
<img src="{{ asset('images/logos/wanifra-white.png') }}" class="w-100"/>
<svg version="1.1" id="L7" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path fill="#fff" d="M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3
c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z">
<animateTransform
attributeName="transform"
attributeType="XML"
type="rotate"
dur="2s"
from="0 50 50"
to="360 50 50"
repeatCount="indefinite" />
</path>
<path fill="#fff" d="M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7
c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z">
<animateTransform
attributeName="transform"
attributeType="XML"
type="rotate"
dur="1s"
from="0 50 50"
to="-360 50 50"
repeatCount="indefinite" />
</path>
<path fill="#fff" d="M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5
L82,35.7z">
<animateTransform
attributeName="transform"
attributeType="XML"
type="rotate"
dur="2s"
from="0 50 50"
to="360 50 50"
repeatCount="indefinite" />
</path>
</svg>
<span>Request processing - please wait.</span>
<span>Thank you for your patience.</span>
</div>
{# <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ar'})) }}">AR</a>
<a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'})) }}">EN</a> #}
<main class="gbt-content-wrapper"> {% block body %}{% endblock %}
</main>
{% for message in app.flashes('success') %}
<div class='--alertify --success d-none'>
{{ message }}
</div>
{% endfor %}
{% for message in app.flashes('error') %}
<div class='--alertify d-none'>
{{ message }}
</div>
{% endfor %}
{% block footer %}
{% include 'front/parts/_footer.html.twig' %}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('front') }}
{% endblock %}
</body>
</html>