templates/home/index.html.twig line 1

Open in your IDE?
  2. {% extends 'society_dashboard.html.twig' %}
  3. {% block main %}
  4.   <main class="bg-gray-200 flex flex-col overflow-y-hidden w-full absolute overflow-x-hidden overflow-y-auto right-0 min-h-screen text-white max-w-8xl">
  5.   <div class="text-center">
  6.     <p class="my-0 text-lg text-gray-600">Système de Management  de l’Excellence Opérationnelle</p>
  7.   </div>
  8.     <div class="px-4 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8">
  9.  
  10.   <div class="grid max-w-md gap-10 row-gap-8 lg:max-w-screen-lg sm:row-gap-10 lg:grid-cols-3 xl:max-w-screen-lg sm:mx-auto">
  11.     <div class="flex flex-col">
  13.       <div class="relative w-full h-44">
  14.         {# <img src="https://images.pexels.com/photos/3184305/pexels-photo-3184305.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=75s0&amp;w=1260" class="object-cover w-full h-full rounded-t" alt="Plan" />#}
  15.         <img class="w-full h-full -mb-16" src="{{asset('assets/img/restitution.jpg')}}" alt="">
  16.        
  17.       </div>
  19.       <div class="flex flex-col p-8 border border-t-0 rounded-b bg-gray-300">
  20.         <div> 
  21.           <p class="text-sm text-gray-900">
  22.            Recherche par mot, thème, type de document,…
  24.           </p>
  25.         </div>
  26.         <a
  27.           href="{{ path('app_portail_restitution') }}"
  28.           class="bg-white inline-flex items-center justify-center w-full h-12 px-6 font-medium tracking-wide text-black transition duration-200 rounded shadow-md  hover:text-white  hover:bg-blue-500"style="font-weight:bold; font-size: 16px;"
  29.         >
  30.         Accès aux données
  31.  
  32.         </a>
  33.       </div>
  34.     </div>
  35.     <div class="flex flex-col">
  36.       <div class="relative w-full h-44">
  37.         {#<img src="https://images.pexels.com/photos/3183181/pexels-photo-3183181.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=750&amp;w=1260" class="object-cover w-full h-full rounded-t" alt="Plan" /> graphic-design-outsourcing-preview.jpg#}
  38.         <img class="w-full h-full -mb-16" src="{{asset('assets/img/gestion.jpeg')}}" alt="">
  39.       </div>
  40.       <div class="flex flex-col p-8 border border-t-0 rounded-b bg-gray-300">
  41.         <div>
  42.           <p class="text-sm text-gray-900">
  43.             Paramétrage de l’application
  45.           </p>
  46.         </div>
  47.         <a
  48.           href="{{ path('app_portail_administration') }}"
  49.           class="bg-white inline-flex items-center justify-center w-full h-12 px-6 font-medium tracking-wide text-black transition duration-200 rounded shadow-md hover:bg-blue-500 hover:text-white"style="font-weight:bold; font-size: 16px;"
  50.         >
  51.          Administration du Site
  53.         </a>
  54.         
  55.       </div>
  56.     </div>
  57.     <div class="flex flex-col">
  58.       <div class="relative w-full h-44">
  59.         {#<img src="https://images.pexels.com/photos/3182743/pexels-photo-3182743.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=750&amp;w=1260" class="object-cover w-full h-full rounded-t" alt="Plan" />#}
  60.          <img class="w-full h-full -mb-16" src="{{asset('assets/img/graphic-design-outsourcing-preview.jpg')}}" alt="">
  61.       </div>
  62.       <div class="flex flex-col p-8 border border-t-0 rounded-b bg-gray-300">
  63.         <div>
  64.           <p class="text-sm text-gray-900">
  65.             Back office thématique
  67.           </p>
  68.         </div>
  69.         <a
  70.           href="{{ path('app_portail_thematique') }}"
  71.           class="bg-white inline-flex items-center justify-center w-full h-12 px-6 font-medium tracking-wide text-black transition duration-200 rounded shadow-md hover:bg-blue-500  hover:text-white"style="font-weight:bold; font-size: 16px;"
  72.         >
  73.          Accès thématiques
  75.         </a>
  76.       </div>
  77.     </div>
  78.   </div>
  79. </div>
  80.     
  81.   </main>
  82.   {% block javascripts %}
  83.     <script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
  84.     <script> 
  85.       $(document).ready(function(){
  86.         //
  87.         function chargePage(name){
  88.           $.ajax({
  89.           url: name,
  90.           method: 'GET',
  91.           data: {name: name }
  92.           }).done(function (response) {
  93.           $('body').html(response);
  94.         })
  95.         }
  96.         
  97.         $(".prt_page").click(function(){
  98.           let name = '{{ path('app_portail_restitution') }}';
  99.           chargePage(name);
  100.         });
  102.         $(".prt_all").click(function(){
  103.           let name = '{{ path('app_portail_administration') }}';
  104.           chargePage(name);
  105.         });
  107.         $(".prt_task").click(function(){
  108.           let name = '{{ path('app_portail_thematique') }}';
  109.           chargePage(name);
  110.         });
  111.       });
  112.     </script>
  113.   {% endblock %}
  114. {% endblock %}