app/Resources/views/base.html.twig line 1

Open in your IDE?
  1. {% extends 'base_body.html.twig' %}
  2. {% use "includes/blocks/blocks.html.twig" %}
  3. {% block title %}{{ title|default('') }}{% endblock %}
  4. {% block head %}
  5.     <meta name="keywords" content="{{ seoKeywords|default('') }}"/>
  6.     <meta name="description" content="{{ seoDescription|default('') }}"/>
  7. {% endblock %}
  8. {% block body %}
  9.     <body class="max-w-full overflow-x-hidden overflow-y-auto">
  10.         <!-- Google Tag Manager (noscript) -->
  11.         <noscript>
  12.             <iframe src="https://sst.funradio.sk/ns.html?id=GTM-T582SND"
  13.                   height="0" width="0" style="display:none;visibility:hidden"></iframe>
  14.         </noscript>
  15.         <!-- End Google Tag Manager (noscript) -->
  16.         <div id="funPageApp" class="flex flex-col">
  17.             {# DECORATIONS #}
  18.             {% if app.request.attributes.get('_route') != 'homepage' %}
  19.                 <img src="{{ asset('vue/decor/square-purple.svg', 'img') }}"
  20.                      class="absolute top-[10px] sm:top-[-50px] lg:top-[-70px] left-1/2 -translate-x-1/2 rotate-90 z-10 w-[12vw] max-w-[100px] min-w-[50px]" alt=""
  21.                 />
  22.                 <img src="{{ asset('vue/decor/big-yellow.webp', 'img') }}"
  23.                      class="absolute top-[100px] left-0 w-[12vw] max-w-[300px] min-w-[100px] z-10" alt=""
  24.                 />
  25.                 <img src="{{ asset('vue/decor/triangle-yellow.svg', 'img') }}"
  26.                      class="hidden lg:block lg:absolute top-[850px] w-[12vw] max-w-[120px] min-w-[80px] right-0 z-10" alt=""
  27.                 />
  28.                 <img src="{{ asset('vue/decor/header-line.svg', 'img') }}"
  29.                      class="hidden lg:block lg:absolute top-[2100px] left-[-70px] w-[12vw] max-w-[200px] min-w-[120px] scale-x-[-1]" alt=""
  30.                 />
  31.             {% endif %}
  32.             <header class="header-bar fixed top-0 left-0 w-full top-0 z-40 items-center">
  33.                 {{ esi_wrapper('esiHeaderMenu') }}
  34.             </header>
  35.             <main class="pt-[80px]">
  36.             {% if slider is defined and slider != null %}
  37.                 <banner-carousel :slides="[
  38.                     {% for item in slider %}
  39.                         {
  40.                             desktopImage: '{{ asset(get_correct_image_path(item.uploadPath ~ "slider_lg.webp", "jpg"), "static") }}?v={{ item.updatedAt|date("d-m-Y-h-i-s") }}',
  41.                             tabletImage: '{{ asset(get_correct_image_path(item.uploadPath ~ 'slider_md.webp', 'jpg'), 'static') }}?v={{ item.updatedAt|date('d-m-Y-h-i-s') }}',
  42.                             link: '{{ item.url }}',
  43.                             target: '{{ item.target }}',
  44.                         },
  45.                     {% endfor %}
  46.                 ]"></banner-carousel>
  47.             {% endif %}
  48.             {% block content %}{% endblock %}
  49.             <bottom-radio-player
  50.                 v-cloak
  51.             ></bottom-radio-player>
  52.             </main>
  53.             {{ esi_wrapper('esiFooter') }}
  54.         </div>
  55.         <script type="module" src="{{ asset('vue/index.js', 'js') }}?v={{ cache_busting }}"></script>
  56.     </body>
  57. {% endblock %}