templates/front/layout/base.html.twig line 110

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}BikingMan{% endblock %}</title>
  7.     <!-- Required meta tags always come first -->
  8.     <meta charset="utf-8">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1">
  10.     <meta http-equiv="x-ua-compatible" content="ie=edge">
  11.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('build/images/apple-touch-icon.png') }}">
  12.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('build/images/favicon-32x32.png') }}">
  13.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('build/images/favicon-16x16.png') }}">
  15.     {% block stylesheets %}
  16.         {{ encore_entry_link_tags('app') }}
  17.     {% endblock %}
  18.     {% block javascripts %}
  19.         {{ encore_entry_script_tags('app') }}
  20.         <script>
  21.             $(document).ready(function () {
  22.                 {% for type, messages in app.flashes() %}
  23.                 {% for message in messages %}
  24.                 $.SwalFlashAlert( "{{ type }}", "{{ message }}");
  25.                 {% endfor %}
  26.                 {% endfor %}
  27.             });
  28.         </script>
  29.     {% endblock %}
  31.     <!-- Google tag (gtag.js) -->
  32.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-W30R85L0MT"></script>
  33.     <script>
  34.         window.dataLayer = window.dataLayer || [];
  36.         function gtag() {
  37.             dataLayer.push(arguments);
  38.         }
  40.         gtag('js', new Date());
  42.         gtag('config', 'G-W30R85L0MT');
  43.     </script>
  44.     <script src="https://js.stripe.com/v3/"></script>
  45.     <style>
  46.         /**
  47.          * The CSS shown here will not be introduced in the Quickstart guide, but shows
  48.          * how you can use CSS to style your Element's container.
  49.          */
  50.         .StripeElement {
  51.             box-sizing: border-box;
  52.             height: 40px;
  53.             width: 100%;
  54.             padding: 10px 12px;
  55.             border: 1px solid transparent;
  56.             border-radius: 4px;
  57.             background-color: white;
  58.             box-shadow: 0 1px 3px 0 #e6ebf1;
  59.             -webkit-transition: box-shadow 150ms ease;
  60.             transition: box-shadow 150ms ease;
  61.         }
  63.         .StripeElement--focus {
  64.             box-shadow: 0 1px 3px 0 #cfd7df;
  65.         }
  67.         .StripeElement--invalid {
  68.             border-color: #0A9B01;
  69.         }
  71.         .StripeElement--webkit-autofill {
  72.             background-color: #fefde5 !important;
  73.         }
  74.     </style>
  75.     <link rel="stylesheet" href="//cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css">
  76. </head>
  77. <body class="{% block bodyCssClasses %}page-has-left-panels {% endblock %}">
  78. <!-- Preloader -->
  79. <div id="hellopreloader">
  80.     <div class="preloader">
  81.         <svg width="45" height="45" stroke="#fff">
  82.             <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)">
  83.                 <circle cx="22" cy="22" r="6" stroke="none">
  84.                     <animate attributeName="r" begin="1.5s" calcMode="linear" dur="3s" repeatCount="indefinite"
  85.                              values="6;22"/>
  86.                     <animate attributeName="stroke-opacity" begin="1.5s" calcMode="linear" dur="3s"
  87.                              repeatCount="indefinite" values="1;0"/>
  88.                     <animate attributeName="stroke-width" begin="1.5s" calcMode="linear" dur="3s"
  89.                              repeatCount="indefinite" values="2;0"/>
  90.                 </circle>
  91.                 <circle cx="22" cy="22" r="6" stroke="none">
  92.                     <animate attributeName="r" begin="3s" calcMode="linear" dur="3s" repeatCount="indefinite"
  93.                              values="6;22"/>
  94.                     <animate attributeName="stroke-opacity" begin="3s" calcMode="linear" dur="3s"
  95.                              repeatCount="indefinite" values="1;0"/>
  96.                     <animate attributeName="stroke-width" begin="3s" calcMode="linear" dur="3s" repeatCount="indefinite"
  97.                              values="2;0"/>
  98.                 </circle>
  99.                 <circle cx="22" cy="22" r="8">
  100.                     <animate attributeName="r" begin="0s" calcMode="linear" dur="1.5s" repeatCount="indefinite"
  101.                              values="6;1;2;3;4;5;6"/>
  102.                 </circle>
  103.             </g>
  104.         </svg>
  106.         <div class="text">Loading ...</div>
  107.     </div>
  108. </div>
  109. <!-- ... end Preloader -->
  110. {% block body %}
  112.     {% if app.user %}
  113.         {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_ORGANIZER') %}
  114.             {% embed 'back/layout/section/fixed-sidebar-left.html.twig' %}{% endembed %}
  115.         {% else %}
  116.             {% embed 'front/layout/section/fixed-sidebar-left.html.twig' %}{% endembed %}
  117.         {% endif %}
  118.     {% endif %}
  120.     {% embed 'front/layout/section/header.html.twig' %}{% endembed %}
  122.     {% block content %}{% endblock %}
  123. {% endblock %}
  124. </body>
  125. </html>