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