templates/FrontBundle/Page/nos-espaces.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 ~ '/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 ~ '/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-lounge-club.jpg') | escape('js') }}",
  47.         "thumbnailUrl": "{{ asset('/front/img/espaces-lounge-club.jpg') | escape('js') }}",
  48.         "contentUrl": "{{ asset('/front/img/espaces-lounge-club.jpg') | escape('js') }}",
  49.         "mainEntityOfPage": {
  50.           "@type": "WebPage",
  51.           "@id": "{{ ('/' ~ app.request.locale ~ '/lounge-club') | escape('js') }}"
  52.         }
  53.       }
  54.     },
  55.     {
  56.       "@type": "ListItem",
  57.       "position": 4,
  58.       "item": {
  59.         "@type": "ImageObject",
  60.         "url": "{{ asset('/front/img/espaces-spectacle.jpg') | escape('js') }}",
  61.         "thumbnailUrl": "{{ asset('/front/img/espaces-spectacle.jpg') | escape('js') }}",
  62.         "contentUrl": "{{ asset('/front/img/espaces-spectacle.jpg') | escape('js') }}",
  63.         "mainEntityOfPage": {
  64.           "@type": "WebPage",
  65.           "@id": "{{ ('/' ~ app.request.locale ~ '/la-salle') | escape('js') }}"
  66.         }
  67.       }
  68.     }
  69.   ]
  70. }
  71.     </script>
  74. {% endblock %}
  78. {% block body %}
  80.   <h1 class="h1top">{{ 'espaces_h1'|tr(tr)|raw }}</h1>
  82.     <section class="skew p-0">
  83.         <div class="col col1">
  84.             <div class="col-shadow">
  85.                 <div class="col-content">
  86.                     <p class="title">LE MAJESTIC</p>
  87.                     <a href="/{{app.request.locale }}/le-majestic">{{ 'menus_tarifs_decouvrir'|tr(tr)|upper|raw }} <img src="/front/img/aspaces-arrow-r-w.svg" alt="link" /></a>
  88.                 </div>
  89.             </div>
  90.         </div>
  91.         <div class="col col2">
  92.             <div class="col-shadow">
  93.                 <div class="col-content gold">
  94.                     <p class="title">LE VERSAILLES</p>
  95.                     <a href="/{{app.request.locale }}/le-versailles">{{ 'menus_tarifs_decouvrir'|tr(tr)|upper|raw }} <img src="/front/img/aspaces-arrow-r-w.svg" alt="link" /></a>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.         <div class="col col3">
  100.             <div class="col-shadow">
  101.                 <div class="col-content purple">
  102.                     <p class="title">LOUNGE CLUB</p>
  103.                     <a href="/{{app.request.locale }}/lounge-club">{{ 'menus_tarifs_decouvrir'|tr(tr)|upper|raw }} <img src="/front/img/aspaces-arrow-r-w.svg" alt="link" /></a>
  104.                 </div>
  105.             </div>
  106.         </div>
  107.         <div class="col col4">
  108.             <div class="col-shadow">
  109.                 <div class="col-content">
  110.                     <p class="title">{{ 'espaces_salle'|tr(tr)|raw }}</p>
  111.                     <a href="/{{app.request.locale }}/la-salle">{{ 'menus_tarifs_decouvrir'|tr(tr)|upper|raw }} <img src="/front/img/aspaces-arrow-r-w.svg" alt="link" /></a>
  112.                 </div>
  113.             </div>
  114.         </div>
  116.     </section>
  117. {#   <div class="cursor">
  118.     <svg xmlns="http://www.w3.org/2000/svg" width="60.249" height="62.184" viewBox="0 0 60.249 62.184">
  119.       <g id="Group_43" data-name="Group 43" transform="translate(2.5 2.5)">
  120.         <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"/>
  121.         <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"/>
  122.       </g>
  123.     </svg>
  124.   </div>
  125.  #}
  131. {% endblock %}
  133. {% block javascripts %}
  135.   <script src="/front/js/owl.carousel.min.js"></script>
  137.   <script type="text/javascript">
  139.     $( document ).ready(function() {
  142.             $('.skew').css('height', window.innerHeight+'px');
  145.     });
  147.     // const cursor = document.querySelector(".cursor");
  149.     // window.addEventListener("mousemove", (e) => {
  150.     //   cursor.style.left = e.pageX + "px";
  151.     //   cursor.style.top = e.pageY + "px";
  152.     //   cursor.setAttribute("data-fromTop", cursor.offsetTop - scrollY);
  153.     //   // console.log(e)
  154.     // });
  155.     // window.addEventListener("scroll", () => {
  156.     //   const fromTop = cursor.getAttribute("data-fromTop");
  157.     //   cursor.style.top = scrollY + parseInt(fromTop) + "px";
  158.     //   console.log(scrollY);
  159.     // });
  160.     // window.addEventListener("click", () => {
  161.     //   if (cursor.classList.contains("click")) {
  162.     //     cursor.classList.remove("click");
  163.     //     void cursor.offsetWidth; // trigger a DOM reflow
  164.     //     cursor.classList.add("click");
  165.     //   } else {
  166.     //     cursor.classList.add("click");
  167.     //   }
  168.     // });
  171.     </script>
  174. {% endblock %}