{# templates/base/base_visitor.html.twig #}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{% block title %}{{ config_title }}{% endblock %}</title>
<link href="{{ asset('theme/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('theme/font-awesome/css/font-awesome.css') }}" rel="stylesheet">
<link href="{{ asset('theme/css/animate.css') }}" rel="stylesheet">
<link href="{{ asset('theme/css/style.css') }}" rel="stylesheet">
<link href="{{ asset('theme/css/icod.css') }}" rel="stylesheet">
<link href="{{ asset('theme/css/security.css') }}?ver=2.0" rel="stylesheet">
<link href="{{ asset('libraries/line_awesome/css/line-awesome.min.css') }}" rel="stylesheet">
{# F A V I C O N #}
<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/site.webmanifest') }}">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="{{ asset('favicon/ms-icon-144x144.png') }}">
<meta name="theme-color" content="#ffffff">
{# E N D F A V I C O N #}
{% block stylesheets %}{% endblock %}
</head>
<body>
<section class="security">
<div class="d-flex justify-content-center justify-content-md-between">
<a class="security-logo d-none d-md-block" href="javascript:void(0);">
<img class="img-fluid" src="{{ asset('assets/logo_dvlpr_black.png') }}" alt="Logo Rekapp">
</a>
<div class="security-block">
{% block body %}{% endblock %}
</div>
</div>
<div class="security-footer p-2">
<h4 class="security-footer-appname m-0">La<span>Développerie</span></h4>
<strong>Copyright</strong> So Facile Services {{ 'now' | date('Y') }}
</div>
</section>
<!-- Mainly scripts -->
<script src="{{ asset('theme/js/jquery-3.1.1.min.js') }}"></script>
<script src="{{ asset('theme/js/popper.min.js') }}"></script>
<script src="{{ asset('theme/js/bootstrap.js') }}"></script>
<script>
$(document).ready(function(){
randomImg();
});
// https://awik.io/generate-random-images-unsplash-without-using-api/
function randomImg() {
$('body').css("background-image", "url('https://source.unsplash.com/user/jerrykavan')");
$('body').css("background-image", "url('https://source.unsplash.com/random/?magic')");
$('body').css("background-image", "no-repeat center center fixed");
$('body').css("-webkit-background-size", "cover");
$('body').css("-moz-background-size", "cover");
$('body').css("-o-background-size", "cover");
$('body').css("background-size", "cover");
}
</script>
{% block footer_javascript %}
{% endblock %}
</body>
</html>