templates/security/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <meta charset="utf-8">
  6.         <title>{% block title %}{{ parametres.structure ? parametres.structure.name : company_name }} - Administration!{% endblock %}</title>
  7.         <link rel="shortcut icon" href="{{ asset('assetics/assets/images/favicon.ico') }}"/>
  8.         <!-- include the style -->
  9.         <link href="{{ asset('bundles/mercuryseriesflashy/css/flashy.css') }}" rel="stylesheet">
  10.         <link rel="stylesheet" href="{{ asset('bundles/alertifyjs/build/css/alertify.min.css') }}" />
  11.         <!-- include a theme -->
  12.         <link rel="stylesheet" href="{{ asset('bundles/alertifyjs/build/css/themes/bootstrap.min.css') }}" />
  13.         <style>
  14.             #background-slide{
  15.                 position: absolute;
  16.                 top: 0;
  17.                 right: 0;
  18.                 left: 0;
  19.                 bottom: 0;
  20.                 width: 100%;
  21.                 height: 100vh;
  22.                 background-position: center center;
  23.                 background-size: cover;
  24.                 background-repeat: no-repeat;
  25.                 animation: slideBg 30s ease-in-out infinite;
  26.                 background-image: url({{ asset('assetics/assets/images/bg-intro.png') }});
  27.                 z-index: 0;
  28.             }
  29.             #feedback{
  30.                 position: absolute;
  31.                 top: 0;
  32.                 right: 0;
  33.                 left: 0;
  34.                 bottom: 0;
  35.                 width: 100%;
  36.                 height: 100vh;
  37.                 z-index: 1;
  38.                 background: rgba(0,0,0,0.3);
  39.             }
  41.             @keyframes slideBg {
  42.                 0%,100%{
  43.                     background-image: url({{ asset('assetics/assets/images/bg-intro.png') }});
  44.                 }
  45.                 50%{
  46.                     background-image: url({{ asset('assetics/assets/images/slide1.jpg') }});
  47.                 }
  48.                 100%{
  49.                     background-image: url({{ asset('assetics/assets/images/slide2.jpg') }});
  50.                 }
  51.             }
  52.         </style>
  53.         {{ encore_entry_link_tags('app') }}
  54.         {% include 'admin/partials/__style.html.twig' %}
  55.     </head>
  56.     <body>
  57.     <div id="loading">
  58.         <div class="spinner">
  59.             <div class="bounce1"></div>
  60.             <div class="bounce2"></div>
  61.             <div class="bounce3"></div>
  62.         </div>
  63.     </div>
  65.     <style type="text/css">
  67.         html,body {
  68.             height: 100%;
  69.             background: #fafafa;
  70.         }
  72.     </style>
  74.     <div class="center-vertical">
  75.         <div class="center-content row">
  76.             <div id="background-slide"></div>
  77.             <div id="feedback"></div>
  78.             <div class="col-md-8 col-lg-6 clearfix center-margin" style="position: relative; z-index: 10">
  79.                 <div class="row">
  80.                     <div class="col-md-5">
  81.                         {% if parametres.structure and parametres.structure.filename %}
  82.                             <img src="{{ vich_uploader_asset(parametres.structure, 'imageFile') | imagine_filter('logo') }}" alt="{{ parametres.structure ? parametres.structure.name : company_name }}">
  83.                         {% else %}
  84.                             <img src="{{ asset('assetics/assets/images/logo.png') }}" alt="{{ parametres.structure ? parametres.structure.name : company_name }}">
  85.                         {% endif %}
  86.                         <div class="divider"></div>
  87.                          <a style="color: #fff;text-shadow: 0px 0px 3px #000;" href="{{ path('home') }}" title="{{ parametres.structure.name ?? company_name }}">Retoruner à la page d'Accueil</a>
  88.                         <br>
  89.                     </div>
  91.                     <div class="col-md-7">
  92.                         {% block body %}{% endblock %}
  93.                     </div>
  94.                 </div>
  95.             </div>
  97.         </div>
  98.     </div>
  99.     {% include 'admin/partials/__script.html.twig' %}
  100.     <script src="{{ asset('bundles/mercuryseriesflashy/js/flashy.js') }}"></script>
  101.     <script src="{{ asset('bundles/alertifyjs/build/alertify.min.js') }}"></script>
  102.     <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  103.     <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  104.     {{ encore_entry_script_tags('app') | replace({'src=':'defer src='}) | raw }}
  105.     {{ include('@MercurySeriesFlashy/flashy.html.twig') }}
  106.     </body>
  107. </html>