templates/home/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.     <link rel="icon" href="{{ asset('/images/logo_mdv_2022.webp') }}">
  7.     <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('images/template-img/apple-icon.png') }}">
  9.     {% block stylesheets %}
  10.         <link rel="preconnect" href="https://fonts.googleapis.com">
  11.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  12.         <!-- Fonts and icons -->
  13.         <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
  14.         <link href="https://fonts.googleapis.com/css2?family=Numans&display=swap" rel="stylesheet">
  15.         <!-- Nucleo Icons -->
  16.         <link href="{{ asset('css/nucleo-icons.css') }}" rel="stylesheet" />
  17.         <!-- Font Awesome Icons -->
  18.         <script src="https://kit.fontawesome.com/d50175b8a9.js" crossorigin="anonymous" type="text/javascript"></script>
  19.         <!-- CSS -->
  20.         <link href="{{ asset('css/lib/bootstrap.min.css') }}" rel="stylesheet" type="text/css">
  21.         <link href="{{ asset('css/lib/bootstrap-material-datetimepicker.css') }}" rel="stylesheet" type="text/css">
  22.         <link href="{{ asset('icone/material_icon/material-icons.css') }}" rel="stylesheet" type="text/css">
  23.         <link href="{{ asset('bundles/fosckeditor/contents.css') }}" rel="stylesheet" type="text/css">
  24.         <link href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.0/dist/semantic.min.css" rel="stylesheet" type="text/css">
  26.         <script src="{{ asset('js/lib/moment.js') }}" type="text/javascript"></script>
  27.         <script src="{{ asset('js/lib/locale_fr.min.js') }}" type="text/javascript"></script>
  28.         <script src="{{ asset('js/lib/jquery.min.js') }}" type="text/javascript"></script>
  29.         <script src="{{ asset('js/lib/jquery-widget.min.js') }}" type="text/javascript"></script>
  30.         <script src="{{ asset('js/lib/jquery.mask.min.js') }}" type="text/javascript"></script>
  31.         <script src="{{ asset('js/lib/bootstrap.min.js') }}" type="text/javascript"></script>
  32.         <script src="{{ asset('js/lib/bootstrap-material-datetimepicker.js') }}" type="text/javascript"></script>
  33.         <script src="{{ asset('js/lib/semantic.min.js') }}" type="text/javascript"></script>
  35.         <style>
  36.             html, body {
  37.                 height: 100% !important;
  38.                 padding: 0 !important;
  39.                 margin: 0 !important;
  40.             }
  42.             span.required::after,
  43.             div.required::after,
  44.             label.required::after,
  45.             legend.required::after,
  46.             .required_label::after {
  47.                 content: ' *';
  48.                 color: #eb3b5a;
  49.             }
  50.         </style>
  51.     {% endblock %}
  53.     {% block head %}{% endblock %}
  55.     <title>{% block title %}Les motards du viaduc !{% endblock %}</title>
  56. </head>
  58. {% if '/reservation/new/' in app.request.pathInfo %}
  59.     {% set styleByPage = 'backdrop-filter: sepia(1) brightness(.4) blur(8px);' %}
  60. {% else %}
  61.     {% set styleByPage = 'blur(3px);'%}
  62. {% endif %}
  64. <body style="background: no-repeat center/cover url({{ asset('images/image_video_background.webp') }}) fixed;">
  65. {% block body %}
  67.     {% block header %}{% endblock %}
  69.     <main id="home_main">
  70.         {% block main %}{% endblock %}
  71.     </main>
  73.     <footer id="home_footer" style="min-height: 50px;">
  74.         {% block footer %}{% endblock %}
  75.     </footer>
  77. {% endblock %}
  79. {% block javascripts %}{% endblock %}
  80. </body>
  81. </html>