templates/FrontBundle/Page/menus-tarifs.html.twig line 1

Open in your IDE?
  1. {% extends 'FrontBundle/layout.html.twig' %}
  3. {% block title %}{{ app_sitename }} - {{ page.metaTitle }}{% endblock %}
  4. {% block description %}{{ page.metaDescription }}{% endblock %}
  5. {% block json_ld %}
  6.     <script type="application/ld+json">
  7.         {
  8.           "@context": "https://schema.org",
  9.           "@type": "ItemList",
  10.           "name": "{{ page.metaTitle | escape('js') }}",
  11.   "description": "{{ page.metaDescription | escape('js') }}",
  12.   "itemListElement": [
  13.     {
  14.       "@type": "ListItem",
  15.       "position": 1,
  16.       "item": {
  17.         "@type": "ImageObject",
  18.         "url": "{{ asset('/front/img/espaces-le-majestic.jpg') | escape('js') }}",
  19.         "thumbnailUrl": "{{ asset('/front/img/espaces-le-majestic.jpg') | escape('js') }}",
  20.         "contentUrl": "{{ asset('/front/img/espaces-le-majestic.jpg') | escape('js') }}",
  21.         "mainEntityOfPage": {
  22.           "@type": "WebPage",
  23.             "@id": "{{ ('/' ~ app.request.locale ~ '/' ~ ('menus-tarifs'|getUrl(app.request.locale)) ~ '/le-majestic') | escape('js') }}"
  24.         }
  25.       }
  26.     },
  27.     {
  28.       "@type": "ListItem",
  29.       "position": 2,
  30.       "item": {
  31.         "@type": "ImageObject",
  32.         "url": "{{ asset('/front/img/espaces-le-versailles.jpg') | escape('js') }}",
  33.         "thumbnailUrl": "{{ asset('/front/img/espaces-le-versailles.jpg') | escape('js') }}",
  34.         "contentUrl": "{{ asset('/front/img/espaces-le-versailles.jpg') | escape('js') }}",
  35.         "mainEntityOfPage": {
  36.           "@type": "WebPage",
  37.           "@id": "{{ ('/' ~ app.request.locale ~ '/' ~ ('menus-tarifs'|getUrl(app.request.locale)) ~ '/le-versailles') | escape('js') }}"
  38.         }
  39.       }
  40.     },
  41.     {
  42.       "@type": "ListItem",
  43.       "position": 3,
  44.       "item": {
  45.         "@type": "ImageObject",
  46.         "url": "{{ asset('/front/img/espaces-spectacle.jpg') | escape('js') }}",
  47.         "thumbnailUrl": "{{ asset('/front/img/espaces-spectacle.jpg') | escape('js') }}",
  48.         "contentUrl": "{{ asset('/front/img/espaces-spectacle.jpg') | escape('js') }}",
  49.         "mainEntityOfPage": {
  50.           "@type": "WebPage",
  51.           "@id": "{{ ('/' ~ app.request.locale ~ '/' ~ ('menus-tarifs'|getUrl(app.request.locale)) ~ '/spectacle') | escape('js') }}"
  52.         }
  53.       }
  54.     }
  55.   ]
  56. }
  57.     </script>
  60. {% endblock %}
  63. {% block body %}
  64.   <h1 class="h1top">{{ page.metaTitle }}</h1>
  65.     <section class="skew p-0">
  66.         <div class="col col1">
  67.             <div class="col-shadow">
  68.                 <div class="col-content">
  69.                     <p class="title">LE MAJESTIC</p>
  70.                     <a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/le-majestic">{{ 'menus_tarifs_btn'|tr(tr)|raw  }} <img src="/front/img/aspaces-arrow-r-w.svg" alt="link" /></a>
  71.           <span>{{ 'menus_tarifs_formule1'|tr(tr)|raw }}</span>
  72.                 </div>
  73.             </div>
  74.         </div>
  75.         <div class="col col2">
  76.             <div class="col-shadow">
  77.                 <div class="col-content gold">
  78.                     <p class="title">LE VERSAILLES</p>
  79.                     <a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/le-versailles">{{ 'menus_tarifs_btn'|tr(tr)|raw  }} <img src="/front/img/aspaces-arrow-r-w.svg" alt="link" /></a>
  80.           <span>{{ 'menus_tarifs_formule1'|tr(tr)|raw }}</span>
  81.                 </div>
  82.             </div>
  83.         </div>
  84.         <div class="col col3">
  85.             <div class="col-shadow">
  86.                 <div class="col-content">
  87.                     <p class="title">
  88.                         {% if app.request.locale == 'de' %}
  89.                             DIE SHOW
  90.                         {% elseif app.request.locale == 'en' %}
  91.                             THE SHOW
  92.                         {% else %}
  93.                             LE SPECTACLE
  94.                         {% endif %}
  95.                     </p>
  96.                     <a href="/{{app.request.locale }}/{{ 'menus-tarifs'|getUrl(app.request.locale) }}/spectacle">{{ 'menus_tarifs_btn2'|tr(tr)|raw  }} <img src="/front/img/aspaces-arrow-r-w.svg" alt="link" /></a>
  97.           <span>{{ 'menus_tarifs_formule2'|tr(tr)|raw }}</span>
  98.                 </div>
  99.             </div>
  100.         </div>
  102.     </section>
  104. {#   <div class="cursor">
  105.     <svg xmlns="http://www.w3.org/2000/svg" width="60.249" height="62.184" viewBox="0 0 60.249 62.184">
  106.       <g id="Group_43" data-name="Group 43" transform="translate(2.5 2.5)">
  107.         <line id="Line_1" data-name="Line 1" y2="57.184" transform="translate(27.624)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-width="5"/>
  108.         <line id="Line_2" data-name="Line 2" y2="55.249" transform="translate(55.249 28.592) rotate(90)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-width="5"/>
  109.       </g>
  110.     </svg>
  111.   </div> #}
  114. {% endblock %}
  116. {% block javascripts %}
  118.   <script src="/front/js/owl.carousel.min.js"></script>
  120.   <script type="text/javascript">
  122.     $( document ).ready(function() {
  124.             $('.skew').css('height', window.innerHeight+'px');
  126.     });
  128.     // const cursor = document.querySelector(".cursor");
  130.     // window.addEventListener("mousemove", (e) => {
  131.     //   cursor.style.left = e.pageX + "px";
  132.     //   cursor.style.top = e.pageY + "px";
  133.     //   cursor.setAttribute("data-fromTop", cursor.offsetTop - scrollY);
  134.     //   // console.log(e)
  135.     // });
  136.     // window.addEventListener("scroll", () => {
  137.     //   const fromTop = cursor.getAttribute("data-fromTop");
  138.     //   cursor.style.top = scrollY + parseInt(fromTop) + "px";
  139.     //   console.log(scrollY);
  140.     // });
  141.     // window.addEventListener("click", () => {
  142.     //   if (cursor.classList.contains("click")) {
  143.     //     cursor.classList.remove("click");
  144.     //     void cursor.offsetWidth; // trigger a DOM reflow
  145.     //     cursor.classList.add("click");
  146.     //   } else {
  147.     //     cursor.classList.add("click");
  148.     //   }
  149.     // });
  151.     </script>
  153. {% endblock %}