templates/website/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="description" content="La Marguerite est une association qui soutient les patients atteints de maladies chroniques, ainsi que les personnes aidantes. Nous valorisons l'expérience des patients.">
  6.         <meta name="keywords" content="association, limoges, landouge, patients, malades, chronique, soutient, aidants, ateliers, détente, bien-être, santé, nutrition, prévention, accompagnement, aide">
  7.         <meta name="robots" content="index, follow">
  8.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.         <meta name="author" content="La Marguerite">
  10.         <link rel="canonical" href="https://www.lamargueriteasso.com">
  12.         <meta property="og:title" content="La Marguerite">
  13.         <meta property="og:description" content="La Marguerite est une association qui soutient les malades chroniques & aidants.">
  14.         <meta property="og:url" content="https://www.lamargueriteasso.com">
  15.         <meta property="og:type" content="website">
  18.         <title>La Marguerite - {{ block('title') }}</title>
  24.         <link rel="icon" href="/website/Assets/logo.png">
  26.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
  28.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  29.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
  30.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
  31.         <link rel="stylesheet" href="/website/main.css">
  33.         
  34.     </head>
  35.     <body>
  37.         <!-- Header -->    
  38.         
  39.         <nav class="header fixed-top">
  40.             <div class="container">
  41.                 <div class="row align-items-center">
  42.                     <div class="col-2">
  44.                         <img class="header__logo" src="/website/Assets/logo_sans_fond.png" alt="Logo de la marguerite">
  45.                         
  46.                     </div>
  48.                     <div class="col-10 d-flex align-items-end">
  50.                         <input type="checkbox" id="burger" class="header__burger">
  51.                         <label for="burger" class="mb-0 header__burger-icon">☰</label>
  52.                         <div id="menu" class="header__menu">
  53.                             <ul>
  54.                                 {% if app.request.get('_route') == 'home' %}
  55.                                 <li class="selected"><a href="/">Accueil</a></li>
  56.                                 {% else %}
  57.                                 <li><a href="/">Accueil</a></li>
  58.                                 {% endif %}
  60.                                 {% if app.request.get('_route') == 'missions' %}
  61.                                 <li class="selected"><a href="/missions">Nos missions</a></li>
  62.                                 {% else %}
  63.                                 <li><a href="/missions">Nos missions</a></li>
  64.                                 {% endif %}
  66.                                 {% if app.request.get('_route') == 'adherents' %}
  67.                                 <li class="selected"><a href="/adherents">Associations Adhérentes</a></li>
  68.                                 {% else %}
  69.                                 <li><a href="/adherents">Associations Adhérentes</a></li>
  70.                                 {% endif %}
  72.                                 {% if app.request.get('_route') == 'ateliers' %}
  73.                                 <li class="selected"><a href="/ateliers">Ateliers</a></li>
  74.                                 {% else %}
  75.                                 <li><a href="/ateliers">Ateliers</a></li>
  76.                                 {% endif %}
  78.                                 {% if app.request.get('_route') == 'actualites' %}
  79.                                 <li class="selected"><a href="/actualites">Actualités</a></li>
  80.                                 {% else %}
  81.                                 <li><a href="/actualites">Actualités</a></li>
  82.                                 {% endif %}
  84.                                 {% if app.request.get('_route') == 'adhesions' %}
  85.                                 <li class="selected"><a href="/adhesions">Adhésion & dons</a></li>
  86.                                 {% else %}
  87.                                 <li><a href="/adhesions">Adhésion & dons</a></li>
  88.                                 {% endif %}
  90.                                 {% if app.request.get('_route') == 'contact' %}
  91.                                 <li class="selected"><a href="/contact">Contact</a></li>
  92.                                 {% else %}
  93.                                 <li><a href="/contact">Contact</a></li>
  94.                                 {% endif %}
  96.                             </ul>
  97.                         </div>
  99.                     </div>
  100.                 </div>
  101.             </div>
  102.         </nav>
  104.         
  106.         
  107.         <main class="main">
  109.         <!-- Background IMGs -->
  110.     
  111.             <img class="bg__top" src="/website/Assets/bg-top.svg" alt="Image de fond haut">
  112.             {# <img class="bg__bottom" src="/website/Assets/bg-btm.svg" alt="Image de fond bas"> #}
  114.             {% if app.request.get('_route') == 'home' %}
  116.                 {% if notification %}
  118.                     <div id="notification" class="container notification">
  119.                         <label for="notification_cross">X</label>
  120.                         <input type="checkbox" id="notification_cross">
  121.                         <div class="row">
  122.                             <div class="col">
  123.                                 <div class="notification__inner">
  124.                                     <h2 id="notification_title">{{notification.title}}</h2>
  125.                                     <p id="notification_text">{{notification.text}}</p>
  126.                                 </div>
  127.                             </div>
  128.                         </div>
  129.                     </div>
  131.             {% else %}
  133.             {% endif %}
  135.             {% endif %}
  136.     
  137.     
  138.             <h1>La Marguerite - <strong>{{ block('title') }} </strong></h1>
  139.         
  140.             {% block body %}
  141.             {% endblock %}
  144.         </main>
  145.         
  148.     <!-- Footer -->
  150.         <footer class="footer">
  152.             <div class="container footer__haut">
  153.                 <div class="row">
  154.         
  155.                     <div class="col-4">
  156.                         <ul>
  157.                             <li><h3>Centre Associatif</h3></li>
  158.                             <li><h4>Pour les malades & leurs aidants.</h4></li>
  159.                             <li><h4>Reconnu d'utilité publique.</h4></li>
  160.                             <li><h4><a href="/legal" class="footer__legal">Mentions légales</a></h4></li>
  161.                         </ul>
  162.                     </div>
  163.                     <div class="col-4">
  164.                         <ul>
  165.                             <li><h3>Prendre Contact</h3></li>
  166.                             <li><h4>La Marguerite&#8203; 95 rue Abbé Pierre&#8203; 87100 Limoges.</h4></li>
  167.                             <li><h4>Mail : contact@&#8203;lamargueriteasso&#8203;.fr</h4></li>
  168.                             <li><h4>Tel : 05 55 01 35 94</h4></li>
  169.                         </ul>
  170.                     </div>
  171.                     <div class="col-4">
  172.                         <ul>
  173.                             <li><h3>Nos Réseaux</h3></li>
  174.                             <li><a href="https://www.facebook.com/LaMargueriteAsso"><img src="/website/Assets/facebook.png" alt="Logo de Facebook"><h4>LaMarguerite&#8203;Asso</h4></a></li>
  175.                             <li><a href="https://www.linkedin.com/company/lamarguerite/"><img src="/website/Assets/linkedin.png" alt="Logo de Linkedin"><h4>La Marguerite</h4></a></li>
  176.                             <li><a href="https://www.youtube.com/channel/UC0qMyPw3YZ_N-wYHXkeC1jg"><img src="/website/Assets/youtube.png" alt="Logo de Youtube"><h4>La Marguerite</h4></a></li>
  177.         
  178.                         </ul>
  179.                     </div>
  180.         
  181.                 </div>
  182.             </div>
  183.         
  184.             <div class="container footer__bas">
  185.         
  186.                 <div class="row">
  187.                     
  188.                     <div class="col-12 footer__carrousel">
  189.                         <h3>La Marguerite remercie ses Financeurs</h3>
  190.                         <div id="carouselExample" class="owl-carousel owl-theme footer__carrouselInner">
  192.                             {% for partner in partners %}
  193.                                 <div class="item">
  194.                                     <a href="{{partner.url}}"><img src="/assets/images/{{partner.img.id}}.{{partner.img.extension}}" class="d-block w-100" alt="logo de {{partner.name}}"></a>
  195.                                 </div>
  196.                             {% endfor %}
  197.                             
  198.                             <!-- Ajoutez plus d'items de carrousel ici -->
  199.                         </div>
  200.                     </div>
  201.         
  202.                 </div>
  203.         
  204.             </div>
  206.         </footer>
  207.         
  209.         
  212.         <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  213.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
  215.         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  216.         <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  219.         
  221.         <script>
  223.         {# Carousel footer #}
  224.         $(document).ready(function(){
  225.             $("#carouselExample").owlCarousel({
  226.                 items: 3,
  227.                 loop: true,
  228.                 margin: 0,
  229.                 dots : false,
  230.                 nav: true,
  231.                 navText: ["<div class='nav-btn prev-slide'></div>", "<div class='nav-btn next-slide'></div>"],
  232.                 slideBy: 1, // Nombre d'items à déplacer lors de la navigation
  233.                 autoplay: true, // Active le défilement automatique
  234.                 autoplayTimeout: 3000, // Définit le délai de défilement automatique à 2 secondes
  235.                 responsive: {
  236.                     0: {
  237.                         items: 1
  238.                     },
  239.                     600: {
  240.                         items: 3
  241.                     },
  242.                     1000: {
  243.                         items: 3
  244.                     }
  245.                 }
  246.             });
  247.         });
  250.         {# Responsive Header #}
  251.         $(window).scroll(function() {
  252.             var header = $('.header');
  253.             header.toggleClass('sticky', $(window).scrollTop() >= 50);
  254.         });
  258.         {# Cookie #}
  260.         function setCookie(name, value, days) {
  261.             const date = new Date();
  262.             date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
  263.             const expires = "expires=" + date.toUTCString();
  264.             document.cookie = name + "=" + value + ";" + expires + ";path=/";
  265.         }
  267.         function getCookie(name) {
  268.             const nameEQ = name + "=";
  269.             const ca = document.cookie.split(';');
  270.             for (let i = 0; i < ca.length; i++) {
  271.                 let c = ca[i];
  272.                 while (c.charAt(0) == ' ') c = c.substring(1, c.length);
  273.                 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
  274.             }
  275.             return null;
  276.         }
  278.         function deleteCookie(name) {
  279.             document.cookie = name + '=; Max-Age=0; path=/';
  280.         }
  282.         
  283.         </script>
  285.         {% block javascripts %}
  286.             {{ encore_entry_script_tags('app') }}
  287.         {% endblock %}
  289.     </body>
  290. </html>