templates/website/missions.html.twig line 1

Open in your IDE?
  1. {% extends "website/base.html.twig" %}
  2. {% block title %}Missions & Projets{% endblock %}
  3. {% block body %}
  4.     
  5.     
  6.     
  7. <!-- Missions -->
  8. <div class="container missionsmobile">
  9.     <div class="row">
  10.         <div class="col-12">
  11.             <div class="missionsmobile__inner prevention">
  12.                 <h2>Prévention & Suivi Santé</h2>
  13.                 <ul>
  14.                     <li>
  15.                         <h3>Accompagnement et suivi des pathologies chroniques :</h3>
  16.                         <p>Nous offons un accompagnement personnalisé aux personnes atteintes de pathologies chroniques en associant les savoirs scientifiques et les savoirs expérientiels. Ainsi, nous proposons des entretiens individuels de suivi avec :<br><br>- Un médecin bénévole<br>- Une infirmière<br>- Une diététicienne<br>- Un patient expert d’une association partenaire.<br><br>L’objectif est de mieux comprendre sa maladie, d’obtenir une réponse rapide, être informé, orienté dans ses questions du quotidien.<br>Accueil au siège de l’association ou au domicile sur RDV.</p>
  17.                     </li>
  18.                     <li>
  19.                         <h3>Relais de proximité pour les professionnels du médico-social :</h3>
  20.                         <p>Nous mettons nos professionnels de santé et patients ressources à disposition des intervenants opérationnels du médico-social pour toute questions de santé. L’objectif est d’éviter les ruptures de soin et d’amorcer un suivi santé : Entretiens téléphoniques, visio et déplacements possibles.</p>
  21.                     </li>
  22.                     <li>
  23.                         <h3>Aller vers les publics les plus fragiles :</h3>
  24.                         <p>Nous intervenons au plus près des publics fragiles les plus éloignés du système de santé. Nos missions s’étendent de l’information santé, à l’évaluation et au suivi à long terme. Notre approche personnalisée en binôme professionnel/patient ressource et directement au domicile des patients permet de réduire les inégalités d’accès au soin.</p>
  25.                     </li>
  26.                 </ul>
  27.             </div>
  28.         </div>
  29.     </div>
  30. </div>
  31. <div class="container missionsmobile">
  32.     <div class="row">
  33.         <div class="col-12">
  34.             <div class="missionsmobile__inner aidant">
  35.                 <h2>Aide aux Aidants</h2>
  36.                 <ul>
  37.                     <li>
  38.                         <h3>Qui sont-ils ?</h3>
  39.                         <p>Derriere chaque patient atteint de pathologie chronique se cache un aidant. Une personne non professionnelle qui soutien, accompagne la personne malade. Elle fait partie intégrante de l’environnement du patient et permet souvent le maintien à domicile pour les personnes dépendantes. Ce rôle, si naturel pour les proches, est souvent éprouvant et peut avoir des répercutions sur la santé physique et mentale de l’aidant lui-même.</p>
  40.                     </li>
  41.                     <li>
  42.                         <h3>Sensibiliser, Informer, Identifier :</h3>
  43.                         <p>L’un de nos objectifs prioritaire est d’apporter de l’information sur le rôle d’aidant. Nous intervenons en entreprises, collectivités, universités etc.. pour sensibiliser sur la reconnaissance de ce statut. Des solutions existent. Pour bénéficier d’une intervention au sein de votre structure : <a class="missions__contact" href="/contact">Contactez-nous</a>.</p>
  44.                     </li>
  45.                     <li>
  46.                         <h3>Accompagnement, information Santé et groupes de paroles :</h3>
  47.                         <p>Nous proposons aux proches aidants un accompagnement :<br><br>- Accueil, écoute et relai<br>- Entretien Santé (Infirmière ou médecin)<br>- Explication détaillée de la pathologie de la personne aidée<br>- Propositions d’ateliers et groupes de paroles</p>
  48.                     </li>
  49.                     <li>
  50.                         <h3>Répit d’urgence et journées de répit :</h3>
  51.                         <p>Le besoin de répit des aidants est aujourd’hui bien documenté. Il permet de prévenir l’épuisement, de maintenir une santé mentale et physique, d’améliorer la qualité des soins, de garantir une vie sociale et éviter l’isolement. <br><br>Envie de profiter d’un moment de répit ? <a class="missions__contact" href="/contact">Contactez-nous</a>.<br><span onclick="scrollToProjects()">Découvrez ces différents projets</span></p>
  52.                     </li>
  53.                 </ul>
  54.             </div>
  55.         </div>
  56.     </div>
  57. </div>
  58. <div class="container missionsmobile">
  59.     <div class="row">
  60.         <div class="col-12">
  61.             <div class="missionsmobile__inner innovation">
  62.                 <h2>Innovation santé</h2>
  63.                 <ul>
  64.                     <li>
  65.                         <p>L’innovation est un des fondements de La Marguerite. Nous avons à coeur de participer et d’initier différents projets expérimentaux à destination des patients.</p>
  66.                     </li>
  67.                     <li>
  68.                         <h3>Initier des projets de recherche :</h3>
  69.                         <p>L’expérience patient de nos adhérents, premiers bénéficiaires des outils et services du système de Santé, nous permet d’identifier des besoins généraux et spécifiques non résolus. Si aucune solution n’est disponible sur le marché ou en cours d’expérimentation, nous construisons, de manière partenariale, un projet expérimental visant à répondre au besoin exprimé.</p>
  70.                     </li>
  71.                     <li>
  72.                         <h3>Accès facilité aux patients :</h3>
  73.                         <p>Avec une représentation de plus de 3000 patients, nous pouvons faciliter le recrutement et l’engagement de groupes de patients pour des expérimentations, essais cliniques et études de recherche.</p>
  74.                     </li>
  75.                     <li>
  76.                         <h3>Confrontation marché Startups :</h3>
  77.                         <p>Dans une démarche collaborative, nous proposons aux porteurs de projets de confronter leur innovation dans le domaine de la santé directement auprès des patients utilisateurs. Un compte-rendu cette confrontation est délivré et sert intelligement l’évolution et la valorisation du projet.</p>
  78.                     </li>
  79.                 </ul>
  80.                 
  81.             </div>
  82.         </div>
  83.     </div>
  84. </div>
  85. <div id="container_missions" class="container missions">
  86.     <div class="row">
  87.         <div class="col-12 prevention">
  88.             <h1>Prévention & Suivi Santé</h1>
  89.             <ul class="missions__content gap-3">
  90.                 <li>
  91.                     <h2>Accompagnement et suivi des pathologies chroniques :</h2>
  92.                     <p>Nous offons un accompagnement personnalisé aux personnes atteintes de pathologies chroniques en associant les savoirs scientifiques et les savoirs expérientiels. Ainsi, nous proposons des entretiens individuels de suivi avec :<br><br>- Un médecin bénévole<br>- Une infirmière<br>- Une diététicienne<br>- Un patient expert d’une association partenaire.<br><br>L’objectif est de mieux comprendre sa maladie, d’obtenir une réponse rapide, être informé, orienté dans ses questions du quotidien.<br>Accueil au siège de l’association ou au domicile sur RDV.</p>
  93.                 </li>
  94.                 <li>
  95.                     <h2>Relais de proximité pour les professionnels du médico-social :</h2>
  96.                     <p>Nous mettons nos professionnels de santé et patients ressources à disposition des intervenants opérationnels du médico-social pour toute questions de santé. L’objectif est d’éviter les ruptures de soin et d’amorcer un suivi santé : Entretiens téléphoniques, visio et déplacements possibles.</p>
  97.                 </li>
  98.                 <li>
  99.                     <h2>Aller vers les publics les plus fragiles :</h2>
  100.                     <p>Nous intervenons au plus près des publics fragiles les plus éloignés du système de santé. Nos missions s’étendent de l’information santé, à l’évaluation et au suivi à long terme. Notre approche personnalisée en binôme professionnel/patient ressource et directement au domicile des patients permet de réduire les inégalités d’accès au soin.</p>
  101.                 </li>
  102.             </ul>
  103.             <ul class="missions__nav">
  104.                 <li>
  105.                     <button data-id="0" class="mission_btn missions-selected">Prévention Santé</button>
  106.                 </li>
  107.                 <li>
  108.                     <button data-id="1" class="mission_btn">Aide aux Aidants</button>
  109.                 </li>
  110.                 <li>
  111.                     <button data-id="2" class="mission_btn">Innovation Santé</button>
  112.                 </li>
  113.             </ul>
  114.         </div>
  115.     </div>
  116. </div>
  117. <template class="temp__mission" id="template__mission-prevention">
  118.     <div class="row">
  119.         <div class="col-12 prevention">
  120.             <h1>Prévention & Suivi Santé</h1>
  121.             <ul class="missions__content gap-3">
  122.                 <li>
  123.                     <h2>Accompagnement et suivi des pathologies chroniques :</h2>
  124.                     <p>Nous offons un accompagnement personnalisé aux personnes atteintes de pathologies chroniques en associant les savoirs scientifiques et les savoirs expérientiels. Ainsi, nous proposons des entretiens individuels de suivi avec :<br><br>- Un médecin bénévole<br>- Une infirmière<br>- Une diététicienne<br>- Un patient expert d’une association partenaire.<br><br>L’objectif est de mieux comprendre sa maladie, d’obtenir une réponse rapide, être informé, orienté dans ses questions du quotidien.<br>Accueil au siège de l’association ou au domicile sur RDV.</p>
  125.                 </li>
  126.                 <li>
  127.                     <h2>Relais de proximité pour les professionnels du médico-social :</h2>
  128.                     <p>Nous mettons nos professionnels de santé et patients ressources à disposition des intervenants opérationnels du médico-social pour toute questions de santé. L’objectif est d’éviter les ruptures de soin et d’amorcer un suivi santé : Entretiens téléphoniques, visio et déplacements possibles.</p>
  129.                 </li>
  130.                 <li>
  131.                     <h2>Aller vers les publics les plus fragiles :</h2>
  132.                     <p>Nous intervenons au plus près des publics fragiles les plus éloignés du système de santé. Nos missions s’étendent de l’information santé, à l’évaluation et au suivi à long terme. Notre approche personnalisée en binôme professionnel/patient ressource et directement au domicile des patients permet de réduire les inégalités d’accès au soin.</p>
  133.                 </li>
  134.             </ul>
  135.         </div>
  136.     </div>
  137. </template>
  138. <template class="temp__mission" id="template__mission-aidant">
  139.     <div class="row">
  140.         <div class="col-12 aidant">
  141.             <h1>Aide aux Aidants</h1>
  142.             <ul class="missions__content">
  143.                 <li>
  144.                     <h2>Qui sont-ils ?</h2>
  145.                     <p>Derriere chaque patient atteint de pathologie chronique se cache un aidant. Une personne non professionnelle qui soutien, accompagne la personne malade. Elle fait partie intégrante de l’environnement du patient et permet souvent le maintien à domicile pour les personnes dépendantes. Ce rôle, si naturel pour les proches, est souvent éprouvant et peut avoir des répercutions sur la santé physique et mentale de l’aidant lui-même.</p>
  146.                 </li>
  147.                 <li>
  148.                     <h2>Sensibiliser, Informer, Identifier :</h2>
  149.                     <p>L’un de nos objectifs prioritaire est d’apporter de l’information sur le rôle d’aidant. Nous intervenons en entreprises, collectivités, universités etc.. pour sensibiliser sur la reconnaissance de ce statut. Des solutions existent. Pour bénéficier d’une intervention au sein de votre structure : <a class="missions__contact" href="/contact">Contactez-nous</a>.</p>
  150.                 </li>
  151.                 <li>
  152.                     <h2>Accompagnement, information Santé et groupes de paroles :</h2>
  153.                     <p>Nous proposons aux proches aidants un accompagnement :<br><br>- Accueil, écoute et relai<br>- Entretien Santé (Infirmière ou médecin)<br>- Explication détaillée de la pathologie de la personne aidée<br>- Propositions d’ateliers et groupes de paroles</p>
  154.                 </li>
  155.                 <li>
  156.                     <h2>Répit d’urgence et journées de répit :</h2>
  157.                     <p>Le besoin de répit des aidants est aujourd’hui bien documenté. Il permet de prévenir l’épuisement, de maintenir une santé mentale et physique, d’améliorer la qualité des soins, de garantir une vie sociale et éviter l’isolement. <br><br>Envie de profiter d’un moment de répit ? <a class="missions__contact" href="/contact">Contactez-nous</a>.<br><span onclick="scrollToProjects()">Découvrez ces différents projets</span></p>
  158.                 </li>
  159.             </ul>
  160.         </div>
  161.     </div>
  162. </template>
  163. <template class="temp__mission" id="template__mission-innovation">
  164.     <div class="row">
  165.         <div class="col-12 innovation">
  166.             <h1>Innovation en santé</h1>
  167.             <ul class="missions__content gap-4">
  168.                 <li>
  169.                     <p>L’innovation est un des fondements de La Marguerite. Nous avons à coeur de participer et d’initier différents projets expérimentaux à destination des patients.</p>
  170.                 </li>
  171.                 <li>
  172.                     <h2>Initier des projets de recherche :</h2>
  173.                     <p>L’expérience patient de nos adhérents, premiers bénéficiaires des outils et services du système de Santé, nous permet d’identifier des besoins généraux et spécifiques non résolus. Si aucune solution n’est disponible sur le marché ou en cours d’expérimentation, nous construisons, de manière partenariale, un projet expérimental visant à répondre au besoin exprimé.</p>
  174.                 </li>
  175.                 <li>
  176.                     <h2>Accès facilité aux patients :</h2>
  177.                     <p>Avec une représentation de plus de 3000 patients, nous pouvons faciliter le recrutement et l’engagement de groupes de patients pour des expérimentations, essais cliniques et études de recherche.</p>
  178.                 </li>
  179.                 <li>
  180.                     <h2>Confrontation marché Startups :</h2>
  181.                     <p>Dans une démarche collaborative, nous proposons aux porteurs de projets de confronter leur innovation dans le domaine de la santé directement auprès des patients utilisateurs. Un compte-rendu cette confrontation est délivré et sert intelligement l’évolution et la valorisation du projet.</p>
  182.                 </li>
  183.             </ul>
  184.         </div>
  185.     </div>
  186. </template>
  187. <ul id="missions_nav" class="missions__nav nav__none">
  188.     <li>
  189.         <button data-id="0" class="mission_btn">Prévention Santé</button>
  190.     </li>
  191.     <li>
  192.         <button data-id="1" class="mission_btn">Aide aux Aidants</button>
  193.     </li>
  194.     <li>
  195.         <button data-id="2" class="mission_btn">Innovation Santé</button>
  196.     </li>
  197. </ul>
  198. <div id="scroll_projects"></div>
  199. <!-- Projects -->
  200. <div  class="container projects">
  201.     <div class="row">
  202.         <div class="col">
  203.             <h2 class="projects__title">Les projets en cours</h2>
  204.         </div>
  205.     </div>
  206.     <div class="row">
  207.         <div class="col">
  208.             {% set side = false %}
  209.             {% for project in projects %}
  210.                 {% if side == false %}
  211.                     {% set side = true %}
  212.                         <div class="container projectCard">
  213.                             <div class="row">
  214.                                 <div class="col-12 col-lg-8">
  215.                                     <h2>{{project.name}}</h2>
  216.                                     <p>{{project.description|nl2br}}</p>
  217.                                 </div>
  218.                                 <div class="col-12 col-lg-4">
  219.                                     <div class="projectCard__extra">
  220.                                         {% if project.img == null %}
  221.                                         <img src="/website/Assets/logo.png" class="projectCard__defaultImg" alt="image du projet : {{project.name}}"/>
  222.                                         {% else %}
  223.                                         <img src="/assets/images/{{project.img.id}}.{{project.img.extension}}" class="d-block w-100" alt="image du projet : {{project.name}}">
  224.                                         {% endif %}
  225.                                         {% if project.link == null %}
  226.                                         {% else %}
  227.                                         <a href="{{project.link}}"><button class="projectCard__btn">{{project.linkLabel}}</button></a>
  228.                                         {% endif %}
  229.                                     </div>
  230.                                 </div>
  231.                             </div>
  232.                         </div>
  233.                 {% else %}
  234.                     {% set side = false %}
  235.                     <div class="container projectCard">
  236.                         <div class="row">
  237.                             <div class="col-12 col-lg-4">
  238.                                 <div class="projectCard__extra-reverse">
  239.                                     {% if project.img == null %}
  240.                                     <img src="/website/Assets/logo.png" class="projectCard__defaultImg" alt="image du projet : {{project.name}}"/>
  241.                                     {% else %}
  242.                                     <img src="/assets/images/{{project.img.id}}.{{project.img.extension}}" class="d-block w-100" alt="image du projet : {{project.name}}">
  243.                                     {% endif %}
  244.                                     
  245.                                     {% if project.link == null %}
  246.                                     {% else %}
  247.                                     <a href="{{project.link}}"><button class="projectCard__btn">{{project.linkLabel}}</button></a>
  248.                                     {% endif %}
  249.                                 </div>
  250.                             </div>
  251.                             <div class="col-12 col-lg-8">
  252.                                 <h2>{{project.name}}</h2>
  253.                                 <p>{{project.description|nl2br}}</p>
  254.                             </div>
  255.                         </div>
  256.                     </div>
  257.                 {% endif %}
  258.             {% endfor %}
  259.         </div>
  260.     </div>
  261. </div>
  262. {% endblock %}
  263. {% block javascripts %}
  264. <script>
  265.     // If we come frome the home page, using the button of the lightMissions
  266.     if (getCookie('scrollProject') != null) {
  267.         $('html, body').animate({
  268.             scrollTop: $('#scroll_projects').offset().top
  269.         }, 1000);
  270.         deleteCookie('scrollProject');
  271.     }
  272.     // Scroll to projects smoothly
  273.     function scrollToProjects() {
  274.         $('html, body').animate({
  275.             scrollTop: $('#scroll_projects').offset().top
  276.         }, 'slow');
  277.     }
  278.     // Get template, nav & container
  279.     let missions = $('.temp__mission');
  280.     let container = $('#container_missions');
  281.     let nav = $('#missions_nav');
  282.     function handlerMission(ev) {
  283.         // Template the mission using the data-id of the nav
  284.         let target = $(ev.target);
  285.         let id = target.data('id');
  286.         let mission = missions[id];
  287.         container.html(mission.innerHTML);
  288.         // Add Navigation
  289.         var row = container.find('.row');
  290.         nav.removeClass('nav__none');
  291.         row.append(nav);
  292.         // Add style on the clicked btn
  293.         let buttons = $('.mission_btn');
  294.         buttons.each(function() {
  295.             let btn = $(this);
  296.             if (id === btn.data('id')) {
  297.                 btn.addClass('missions-selected');
  298.             }
  299.             else {
  300.                 btn.removeClass('missions-selected');
  301.             }
  302.         });
  303.         listerner();
  304.     }
  305.     function listerner() {
  306.         // If desktop, then we show the desktop version of the missions
  307.         if ($(window).width() > 768) {
  308.             nav.css('display', 'flex');
  309.             let buttons = $('.mission_btn');
  310.             buttons.each(function() {
  311.                 $(this).on("click", handlerMission);
  312.             });
  313.         }
  314.         else {
  315.             nav.css('display', 'none');
  316.         }
  317.     }
  318.     listerner();
  319.     $(window).on('resize', listerner);
  320. </script>
  321. {% endblock %}