{"id":935,"date":"2025-05-22T14:07:07","date_gmt":"2025-05-22T18:07:07","guid":{"rendered":"https:\/\/gmsh.ca\/ressources\/"},"modified":"2025-11-14T13:48:33","modified_gmt":"2025-11-14T18:48:33","slug":"ressources","status":"publish","type":"page","link":"https:\/\/gmsh.ca\/fr\/ressources\/","title":{"rendered":"Ressources"},"content":{"rendered":"\n<!-- Hero Section -->\n<section \n    class=\"w-full px-4 sm:px-8 md:px-16 pt-6 pb-10 lg:pb-0 md:pt-28\" \n    style=\"background-color: var(--wp--preset--color--pink-light);\"\n>\n    <div class=\"max-w-screen-xl mx-auto flex flex-col lg:flex-row items-start justify-between gap-4\">\n        <div class=\"flex-1 space-y-6 text-left py-0 lg:py-28\">\n\n            <!-- Hero Heading -->\n                            <h1 class=\"text-black text-left\">\n                    Ressources                <\/h1>\n            \n            <!-- Description -->\n                            <div class=\"text-black text-lg md:text-xl leading-normal text-left mb-10\">\n                    Nous aimons partager des ressources utiles avec le public.                <\/div>\n            \n            <!-- Filter Component -->\n            <div>\n                \n<!-- AlpineJS Filter Component -->\n<div x-data=\"resourcesFilter()\">\n\n    <!-- Filter Form -->\n    <form class=\"flex flex-col items-start gap-6\" @submit.prevent=\"updateResults\">\n\n        <!-- Filter: Resource Category -->\n        <div class=\"flex flex-col md:flex-row gap-4 md:items-center\">\n            <label for=\"language_select\" class=\"font-extrabold text-black\">\n                Filtrer par th\u00e8me :            <\/label>\n\n            <!-- Category Buttons -->\n            <div class=\"flex flex-row flex-wrap gap-2 md:gap-4\">\n                                    <div class=\"flex relative\">\n\n                        <!-- Hidden Radio Button -->\n                        <input\n                            type=\"radio\"\n                            id=\"all\"\n                            name=\"resource_category\"\n                            value=\"all\"\n                            class=\"absolute opacity-0 peer\"\n                            x-model=\"filters.category\"\n                            @change=\"updateResults()\"\n                        \/>\n\n                        <!-- Styled Label -->\n                        <label\n                            for=\"all\"\n                            class=\"select-none cursor-pointer rounded-full border border-black py-2 px-3 md:py-[10px] md:px-[18px] font-medium text-black transition-colors duration-200 ease-in-out\n                                   hover:bg-white \n                                   peer-checked:bg-primary \n                                   peer-checked:hover:bg-primary \n                                   peer-checked:text-white \n                                   peer-checked:border-primary \n                                   peer-focus:ring-2 \n                                   peer-focus:ring-blue-500 \n                                   peer-focus:ring-offset-2\"\n                        >\n                            Tous                        <\/label>\n                    <\/div>\n                                    <div class=\"flex relative\">\n\n                        <!-- Hidden Radio Button -->\n                        <input\n                            type=\"radio\"\n                            id=\"fiche-dinformation\"\n                            name=\"resource_category\"\n                            value=\"fiche-dinformation\"\n                            class=\"absolute opacity-0 peer\"\n                            x-model=\"filters.category\"\n                            @change=\"updateResults()\"\n                        \/>\n\n                        <!-- Styled Label -->\n                        <label\n                            for=\"fiche-dinformation\"\n                            class=\"select-none cursor-pointer rounded-full border border-black py-2 px-3 md:py-[10px] md:px-[18px] font-medium text-black transition-colors duration-200 ease-in-out\n                                   hover:bg-white \n                                   peer-checked:bg-primary \n                                   peer-checked:hover:bg-primary \n                                   peer-checked:text-white \n                                   peer-checked:border-primary \n                                   peer-focus:ring-2 \n                                   peer-focus:ring-blue-500 \n                                   peer-focus:ring-offset-2\"\n                        >\n                            Fiche d\u2019informations                        <\/label>\n                    <\/div>\n                                    <div class=\"flex relative\">\n\n                        <!-- Hidden Radio Button -->\n                        <input\n                            type=\"radio\"\n                            id=\"publications\"\n                            name=\"resource_category\"\n                            value=\"publications\"\n                            class=\"absolute opacity-0 peer\"\n                            x-model=\"filters.category\"\n                            @change=\"updateResults()\"\n                        \/>\n\n                        <!-- Styled Label -->\n                        <label\n                            for=\"publications\"\n                            class=\"select-none cursor-pointer rounded-full border border-black py-2 px-3 md:py-[10px] md:px-[18px] font-medium text-black transition-colors duration-200 ease-in-out\n                                   hover:bg-white \n                                   peer-checked:bg-primary \n                                   peer-checked:hover:bg-primary \n                                   peer-checked:text-white \n                                   peer-checked:border-primary \n                                   peer-focus:ring-2 \n                                   peer-focus:ring-blue-500 \n                                   peer-focus:ring-offset-2\"\n                        >\n                            Publications                        <\/label>\n                    <\/div>\n                                    <div class=\"flex relative\">\n\n                        <!-- Hidden Radio Button -->\n                        <input\n                            type=\"radio\"\n                            id=\"synthese-de-recherche\"\n                            name=\"resource_category\"\n                            value=\"synthese-de-recherche\"\n                            class=\"absolute opacity-0 peer\"\n                            x-model=\"filters.category\"\n                            @change=\"updateResults()\"\n                        \/>\n\n                        <!-- Styled Label -->\n                        <label\n                            for=\"synthese-de-recherche\"\n                            class=\"select-none cursor-pointer rounded-full border border-black py-2 px-3 md:py-[10px] md:px-[18px] font-medium text-black transition-colors duration-200 ease-in-out\n                                   hover:bg-white \n                                   peer-checked:bg-primary \n                                   peer-checked:hover:bg-primary \n                                   peer-checked:text-white \n                                   peer-checked:border-primary \n                                   peer-focus:ring-2 \n                                   peer-focus:ring-blue-500 \n                                   peer-focus:ring-offset-2\"\n                        >\n                            Synth\u00e8se de recherches                        <\/label>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n    <\/form>\n<\/div>\n\n<!-- AlpineJS Logic -->\n<script>\nfunction resourcesFilter() {\n    return {\n        \/\/ Reactive filter state\n        filters: {\n            category: 'all', \/\/ default category\n        },\n\n        \/**\n         * Initialize component:\n         * - Prefills filters from URL query parameters\n         * - Loads results on page load\n         * - Listens for global reset event\n         *\/\n        init() {\n            const urlParams = new URLSearchParams(window.location.search);\n            this.filters.category = urlParams.get('category') || 'all';\n\n            \/\/ Listen for a global reset event to clear filters\n            window.addEventListener('filters-reset', () => this.reset());\n\n            \/\/ Use setTimeout to ensure all components are initialized before dispatching event\n            setTimeout(() => {\n                this.updateResults();\n            }, 0);\n        },\n\n        \/**\n         * Reset filters to defaults and refresh results\n         *\/\n        reset() {\n            this.filters.category = 'all';\n            this.updateResults();\n        },\n\n        \/**\n         * Update results when filters change:\n         * - Build query object with active filters\n         * - Update browser URL without reload\n         * - Emit global event for results component\n         *\/\n        updateResults() {\n            const activeFilters = {};\n\n            if (this.filters.category) {\n                activeFilters.category = this.filters.category;\n            }\n\n            \/\/ Update browser URL (no reload)\n            const queryString = new URLSearchParams(activeFilters).toString();\n            history.replaceState(null, '', `${window.location.pathname}${queryString ? '?' + queryString : ''}`);\n\n            \/\/ Dispatch event to other Alpine components\n            window.dispatchEvent(new CustomEvent('filters-changed', { detail: activeFilters }));\n        }\n    }\n}\n<\/script>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Featured Resource Section -->\n\n<section class=\"bg-white w-full px-4 sm:px-8 md:px-16 pt-14 md:pt-20 pb-0\">\n    <div class=\"max-w-screen-xl mx-auto flex flex-col gap-4\">\n\n        <!-- Section Heading -->\n                    <h2 class=\"text-black text-left mb-2\">\n                Ressource en vedette            <\/h2>\n        \n        <div id=\"featured-resource\" aria-label=\"Featured Resource\" class=\"w-full p-4 sm:p-8 md:p-14 bg-pink-soft rounded-lg\">\n            <div class=\"max-w-screen-xl mx-auto\">\n                \n                    <div class=\"flex flex-col lg:flex-row items-center gap-8 md:gap-14\">\n                        \n                        <!-- Image -->\n                                                    <div class=\"flex-shrink-0 w-full lg:w-1\/3 rounded-lg overflow-hidden\">\n                                <img decoding=\"async\" \n                                    src=\"https:\/\/gmsh.ca\/wp-content\/uploads\/2026\/10\/GMSH-PrEPPEP-Fact-Sheet-sketch-41-791x1024.png\" \n                                    alt=\"Foire aux questions sur la variole du singe\" \n                                    class=\"w-full h-full object-cover\"\n                                >\n                            <\/div>\n                        \n                        <!-- Text -->\n                        <div class=\"flex flex-col items-start gap-3 lg:w-2\/3\">\n                            <div class=\"flex flex-row items-center gap-4\">\n                                                                    <span class=\"inline-block font-epilogue font-semibold text-black text-xs tracking-widest uppercase bg-white pt-2 pr-2 pb-1 pl-2 rounded-sm\">\n                                        Fiche d\u2019information                                    <\/span>\n                                \n                                <span class=\"font-epilogue font-semibold text-black text-xs tracking-widest uppercase\">\n                                    Oct 13, 2026                                <\/span>\n                            <\/div>\n                            \n\n                            <h3 class=\"text-3xl font-medium text-black leading-tight text-left\">\n                                <a href=\"https:\/\/gmsh.ca\/fr\/resource\/foire-aux-questions-sur-la-variole-du-singe\/\">\n                                    Foire aux questions sur la variole du singe                                <\/a>\n                            <\/h3>\n\n                            <p class=\"text-black font-normal mb-3 text-left\">\n                                Le guide suivant r\u00e9pond \u00e0 vos questions les plus fr\u00e9quentes sur le Mpox. Le Mpox est un virus qui se transmet d\u2019une personne \u00e0 l\u2019autre par contact direct et \u00e9troit (peau \u00e0 peau) et\/ou par le biais de l\u00e9sions infect\u00e9es, de cloques cutan\u00e9es ou de fluides corporels. Il existe deux sous-types (clades) connus de Mpox : le clade I et le clade II. Le type de transmission du Mpox qui a infect\u00e9 les HSH de la r\u00e9gion du Grand Toronto\u2026                            <\/p>\n\n                            <a href=\"https:\/\/gmsh.ca\/fr\/resource\/foire-aux-questions-sur-la-variole-du-singe\/\" class=\"bg-transparent text-black border border-black text-sm md:text-base rounded-md px-6 py-3 font-medium no-underline transition-colors duration-300 ease-in-out hover:bg-black hover:text-white\">\n                                Learn More                            <\/a>\n                        <\/div>\n\n                    <\/div>\n\n                            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Explore (Feed) Section -->\n<section id=\"resources-feed\" class=\"bg-white w-full px-4 sm:px-8 md:px-16 py-20 sm:py-24 md:py-28\">\n    <div class=\"max-w-screen-xl mx-auto flex flex-col gap-4\">\n\n        <!-- Section Heading -->\n                    <h2 class=\"text-black text-left mb-2\">\n                Explorer les ressources            <\/h2>\n        \n        <!-- Feed Template -->\n        \n<div \n    x-data=\"resourcesResults()\" \n    x-init=\"init()\" \n    @filters-changed.window=\"updateFilters($event.detail)\"\n    id=\"resources-feed\"\n    data-language=\"fr\"\n>\n    <!-- Loader -->\n    <div \n        x-show=\"loading\" \n        x-transition.opacity \n        class=\"flex justify-center items-center py-6\"\n    >\n        <svg class=\"animate-spin h-8 w-8 text-gray-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n            <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8v8H4z\"><\/path>\n        <\/svg>\n    <\/div>\n\n    <!-- No results -->\n    <div \n        x-show=\"!loading &#038;&#038; resources.length === 0\" \n        x-transition.opacity \n        class=\"flex flex-col items-center gap-4 text-center py-6 text-black\"\n    >\n        Aucune ressource n&rsquo;a \u00e9t\u00e9 trouv\u00e9e.\n        <button \n            @click=\"resetFilters\"\n            class=\"inline-block w-fit px-4 py-2 bg-black text-white rounded-lg hover:bg-primary transition cursor-pointer\"\n        >\n            R\u00e9initialiser les filtres        <\/button>\n    <\/div>\n\n    <!-- Results Grid -->\n    <template x-if=\"resources.length\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12\">\n            <template x-for=\"resource in resources\" :key=\"resource.id\">\n                <a \n                    :href=\"resource.link\" \n                    class=\"block overflow-hidden transition-transform transform group\"\n                    :aria-label=\"resource.title\"\n                >\n                    <div role=\"article\">\n\n                        <!-- Thumbnail -->\n                        <template x-if=\"resource.thumbnail\">\n                            <div class=\"w-full h-full rounded-lg overflow-hidden mb-6 lg:mb-8\">\n                                <img \n                                    :src=\"resource.thumbnail\" \n                                    :alt=\"resource.title\" \n                                    class=\"w-full h-full md:h-80 lg:h-[524px] object-cover transition-transform duration-300 group-hover:scale-110\"\n                                \/>\n                            <\/div>\n                        <\/template>\n\n                        <div class=\"flex flex-col items-start gap-4\">\n                            <!-- Categories + Date -->\n                            <div class=\"flex flex-row items-center justify-start gap-4\">\n                                <template x-for=\"cat in resource.categories\" :key=\"cat.id\">\n                                    <span \n                                        class=\"font-epilogue font-semibold text-black text-xs tracking-widest uppercase rounded-sm bg-pink-soft pt-2 pr-2 pb-1 pl-2\"\n                                        x-text=\"cat.name\"\n                                    ><\/span>\n                                <\/template>\n                                <span \n                                    class=\"font-epilogue font-semibold text-black text-xs tracking-widest uppercase\"\n                                    x-text=\"new Date(resource.date).toLocaleDateString('fr', { year: 'numeric', month: 'short', day: 'numeric' })\"\n                                ><\/span>\n                            <\/div>\n\n                            <!-- Title + Arrow -->\n                            <div class=\"flex flex-row items-start justify-between gap-4\">\n                                <h3 \n                                    class=\"mb-2 text-2xl font-medium text-black text-left\"\n                                    x-text=\"resource.title\"\n                                ><\/h3>\n\n                                <span class=\"shrink-0 flex items-center justify-center w-8 h-8 pl-[2px] rounded-full border-[1.5px] border-black group-hover:bg-black group-hover:text-white transition-colors duration-300\">\n                                    <svg width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M1.33338 1L9.33337 9L1.33338 17\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n\n                            <!-- Excerpt -->\n                            <p \n                                class=\"text-black text-left font-normal mb-3\"\n                                x-text=\"resource.excerpt\"\n                            ><\/p>\n                        <\/div>\n                    <\/div>\n                <\/a>\n            <\/template>\n        <\/div>\n    <\/template>\n\n    <!-- Load More Button -->\n    <div \n        x-show=\"hasMore &#038;&#038; !loading &#038;&#038; resources.length\" \n        class=\"flex justify-center mt-8\"\n    >\n        <button\n            @click=\"loadMore\"\n            class=\"bg-black text-white cursor-pointer rounded-md px-6 py-3 font-medium no-underline transition-colors duration-300 ease-in-out hover:bg-primary hover:text-white text-sm md:text-base\"\n        >\n            En savoir plus        <\/button>\n    <\/div>\n<\/div>\n\n<script>\nfunction resourcesResults() {\n    return {\n        \/\/ Reactive state\n        resources: [],          \/\/ Array of fetched resources\n        filters: { category: 'all' }, \/\/ Active filters\n        loading: false,         \/\/ Loading state\n        page: 1,\n        per_page: 9,\n        hasMore: true,\n        hasUserInteracted: false,\n        language: '',           \/\/ Current language code\n\n        \/**\n         * Initialize component\n         * - Wait for filters-changed event from filter component\n         * - Filter component will dispatch on init, triggering initial load\n         *\/\n        init() {\n            \/\/ Get language from data attribute on the root element\n            this.language = this.$el?.dataset?.language || 'en';\n            \/\/ Wait for filters-changed event from filter component\n            \/\/ Filter component dispatches this event on init with a setTimeout(0)\n        },\n\n        \/**\n         * Fetch resources from REST API\n         * @param {boolean} append - If true, append new results instead of replacing\n         *\/\n        async loadResources(append = false) {\n            this.loading = true;\n\n            \/\/ Build query parameters\n            const params = new URLSearchParams({\n                page: this.page,\n                per_page: this.per_page,\n                language: this.language,\n            });\n\n            if (this.filters.category) {\n                params.append('category', this.filters.category);\n            }\n\n            try {\n                const res = await fetch(`\/wp-json\/gmsh\/v1\/resources?${params.toString()}`);\n                const data = await res.json();\n                const resources = Array.isArray(data.resources) ? data.resources : [];\n\n                \/\/ Disable load more if fewer results than per_page\n                this.hasMore = resources.length === this.per_page;\n\n                \/\/ Merge or replace results\n                this.resources = append ? [...this.resources, ...resources] : resources;\n\n                \/\/ Smooth scroll to feed after filtering\n                if (!append && this.hasUserInteracted) {\n                    const feedSection = document.querySelector('#resources-feed');\n                    if (feedSection) {\n                        const yOffset = -100; \/\/ adjust for sticky header\n                        const y = feedSection.getBoundingClientRect().top + window.pageYOffset + yOffset;\n                        window.scrollTo({ top: y, behavior: 'smooth' });\n                    }\n                }\n\n            } catch (error) {\n                console.error('Error fetching resources:', error);\n                if (!append) this.resources = [];\n            } finally {\n                this.loading = false;\n            }\n        },\n\n        \/**\n         * Update filters when receiving a global event from the filter form\n         *\/\n        updateFilters(newFilters) {\n            this.filters = { ...this.filters, ...newFilters };\n            this.page = 1;\n            this.hasMore = true;\n            this.hasUserInteracted = true;\n            this.loadResources();\n        },\n\n        \/**\n         * Load next page of results\n         *\/\n        loadMore() {\n            if (!this.hasMore || this.loading) return;\n            this.page++;\n            this.loadResources(true);\n        },\n\n        \/**\n         * Reset all filters and reload\n         *\/\n        resetFilters() {\n            this.filters = { category: 'all' };\n            this.page = 1;\n            this.hasMore = true;\n            this.hasUserInteracted = true;\n            this.loadResources();\n            window.dispatchEvent(new CustomEvent('filters-reset'));\n        }\n    }\n}\n<\/script>\n    <\/div>\n<\/section>\n\n\n<section aria-label=\"Call to Action\" class=\"cta-section py-14 md:py-28\" style=\"background-color: var(--wp--preset--color--pink-primary);\">\n    <div class=\"container mx-auto px-4 sm:px-8 md:px-16\">\n        <div class=\"max-w-3xl mx-auto flex flex-col items-center text-center\">\n                            <h2 class=\"text-black mb-3\">\n                    Vous avez des questions ?  <span>Nous sommes l\u00e0 pour vous aider !<\/span>                 <\/h2>\n            \n                            <div class=\"text-[16px] md:text-[20px] mx-auto leading-normal mb-6 text-black\">\n                    Utilisez notre syst\u00e8me de recherche par chat pour poser vos questions dans l&rsquo;une des langues prises en charge.                 <\/div>\n            \n            <div class=\"flex justify-center\">\n                                    <div class=\"flex justify-start\">\n                        <a href=\"https:\/\/gmsh.ca\/contact\/\"\n                            class=\"bg-black text-white rounded-md px-6 py-3 font-medium no-underline transition-colors duration-300 ease-in-out hover:bg-primary hover:text-white text-sm md:text-base conversational-search-trigger\">\n                            Posez une question                        <\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<section aria-labelledby=\"providers-heading\" class=\"bg-Color-Scheme-1-Background py-14 px-4 sm:px-8 md:px-16\">\n    <div class=\"max-w-screen-xl mx-auto space-y-16\">\n\n        <div class=\"text-left max-w-[100%] md:max-w-[810px] space-y-6\">\n                            <h2 class=\"mb-3 md:mb-6\">\n                    <span>Outils<\/span> suppl\u00e9mentaires                <\/h2>\n            \n                            <div class=\"text-[16px] md:text-[20px] text-black font-normal leading-relaxed\">\n                    D\u00e9couvrez notre calendrier d&rsquo;\u00e9v\u00e9nements, notre outil de recherche de services locaux, ainsi qu&rsquo;une large s\u00e9lection de ressources et de publications con\u00e7ues pour vous tenir inform\u00e9 et connect\u00e9.                <\/div>\n                    <\/div>\n\n                    <div class=\"grid gap-x-12 md:grid-cols-3\">\n                                    <div class=\"group block\">\n                        <article class=\"flex flex-col space-y-6 text-left relative\">\n\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"281\" src=\"https:\/\/gmsh.ca\/wp-content\/uploads\/2025\/09\/GMSH-Icons-07-2-300x281.png\" class=\"w-[176px] h-[177px] object-contain\" alt=\"\" srcset=\"https:\/\/gmsh.ca\/wp-content\/uploads\/2025\/09\/GMSH-Icons-07-2-300x281.png 300w, https:\/\/gmsh.ca\/wp-content\/uploads\/2025\/09\/GMSH-Icons-07-2.png 309w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                            \n                                                            <h3 class=\"text-2xl text-black mb-3 font-medium\">\n                                    Calendrier des \u00e9v\u00e9nements                                <\/h3>\n                            \n                                                            <div class=\"text-base text-black mb-3\">\n                                    Explorez les \u00e9v\u00e9nements en ligne et en personne qui se d\u00e9roulent dans tout l&rsquo;Ontario.                                <\/div>\n                            \n                                                            <div>\n                                    <a href=\"https:\/\/gmsh.ca\/events-section\/\"\n                                        class=\" text-black pb-[2px] border-b border-transparent group-hover:border-black transition font-medium after:absolute after:inset-0 cursor-pointer\">\n                                        Voir les \u00e9v\u00e9nements                                    <\/a>\n                                <\/div>\n                                                    <\/article>\n                    <\/div>\n                                    <div class=\"group block\">\n                        <article class=\"flex flex-col space-y-6 text-left relative\">\n\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/gmsh.ca\/wp-content\/uploads\/2025\/09\/services-300x200.webp\" class=\"w-[176px] h-[177px] object-contain\" alt=\"\" srcset=\"https:\/\/gmsh.ca\/wp-content\/uploads\/2025\/09\/services-300x200.webp 300w, https:\/\/gmsh.ca\/wp-content\/uploads\/2025\/09\/services-1024x683.webp 1024w, https:\/\/gmsh.ca\/wp-content\/uploads\/2025\/09\/services-768x512.webp 768w, https:\/\/gmsh.ca\/wp-content\/uploads\/2025\/09\/services.webp 1536w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                            \n                                                            <h3 class=\"text-2xl text-black mb-3 font-medium\">\n                                    Trouver des services                                <\/h3>\n                            \n                                                            <div class=\"text-base text-black mb-3\">\n                                    D\u00e9couvrez les options \u00e0 proximit\u00e9 ou en ligne pour le d\u00e9pistage, la PrEP, les soins li\u00e9s au VIH et le soutien aux toxicomanes.                                <\/div>\n                            \n                                                            <div>\n                                    <a href=\"https:\/\/gmsh.ca\/find-services\/\"\n                                        class=\" text-black pb-[2px] border-b border-transparent group-hover:border-black transition font-medium after:absolute after:inset-0 cursor-pointer\">\n                                        Trouvez des services locaux                                    <\/a>\n                                <\/div>\n                                                    <\/article>\n                    <\/div>\n                                    <div class=\"group block\">\n                        <article class=\"flex flex-col space-y-6 text-left relative\">\n\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"177\" height=\"177\" src=\"https:\/\/gmsh.ca\/wp-content\/uploads\/2025\/09\/GMSH-Icons-07-1.png\" class=\"w-[176px] h-[177px] object-contain\" alt=\"\" srcset=\"https:\/\/gmsh.ca\/wp-content\/uploads\/2025\/09\/GMSH-Icons-07-1.png 177w, https:\/\/gmsh.ca\/wp-content\/uploads\/2025\/09\/GMSH-Icons-07-1-150x150.png 150w\" sizes=\"auto, (max-width: 177px) 100vw, 177px\" \/>                            \n                                                            <h3 class=\"text-2xl text-black mb-3 font-medium\">\n                                    Ressources                                <\/h3>\n                            \n                                                            <div class=\"text-base text-black mb-3\">\n                                    Consultez nos publications et nos ressources scientifiques pour obtenir des informations fiables et actualis\u00e9es sur la sant\u00e9.                                <\/div>\n                            \n                                                            <div>\n                                    <a href=\"https:\/\/gmsh.ca\/resources\/\"\n                                        class=\" text-black pb-[2px] border-b border-transparent group-hover:border-black transition font-medium after:absolute after:inset-0 cursor-pointer\">\n                                        Explorer les ressources                                    <\/a>\n                                <\/div>\n                                                    <\/article>\n                    <\/div>\n                            <\/div>\n            <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-935","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ressources - SSHG.ca<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gmsh.ca\/fr\/ressources\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ressources - SSHG.ca\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gmsh.ca\/fr\/ressources\/\" \/>\n<meta property=\"og:site_name\" content=\"SSHG.ca\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GMSHAlliance\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-14T18:48:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/gmsh.ca\/wp-content\/uploads\/2026\/04\/gmsh-social-share.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@gmshalliance\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/ressources\\\/\",\"url\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/ressources\\\/\",\"name\":\"Ressources - SSHG.ca\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/#website\"},\"datePublished\":\"2025-05-22T18:07:07+00:00\",\"dateModified\":\"2025-11-14T18:48:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/ressources\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/gmsh.ca\\\/fr\\\/ressources\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/ressources\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ressources\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/\",\"name\":\"Gay Men\u2019s Sexual Health Alliance (GMSH)\",\"description\":\"Favoriser les liens et le bien-\u00eatre des hommes 2EGBTQ+\",\"publisher\":{\"@id\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/#organization\"},\"alternateName\":\"GMSH.ca\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/#organization\",\"name\":\"L\u2019Alliance pour la sant\u00e9 sexuelle des hommes gais (SSHG)\",\"url\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/gmsh.ca\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/gmsh-favicon.png\",\"contentUrl\":\"https:\\\/\\\/gmsh.ca\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/gmsh-favicon.png\",\"width\":340,\"height\":340,\"caption\":\"L\u2019Alliance pour la sant\u00e9 sexuelle des hommes gais (SSHG)\"},\"image\":{\"@id\":\"https:\\\/\\\/gmsh.ca\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/GMSHAlliance\",\"https:\\\/\\\/x.com\\\/gmshalliance\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/gay-men-s-sexual-health-alliance\\\/?originalSubdomain=ca\",\"https:\\\/\\\/www.instagram.com\\\/gaymenssexualhealthalliance\\\/\",\"https:\\\/\\\/www.youtube.com\\\/gaymenssexualhealthalliance\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ressources - SSHG.ca","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/gmsh.ca\/fr\/ressources\/","og_locale":"fr_FR","og_type":"article","og_title":"Ressources - SSHG.ca","og_url":"https:\/\/gmsh.ca\/fr\/ressources\/","og_site_name":"SSHG.ca","article_publisher":"https:\/\/www.facebook.com\/GMSHAlliance","article_modified_time":"2025-11-14T18:48:33+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/gmsh.ca\/wp-content\/uploads\/2026\/04\/gmsh-social-share.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@gmshalliance","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/gmsh.ca\/fr\/ressources\/","url":"https:\/\/gmsh.ca\/fr\/ressources\/","name":"Ressources - SSHG.ca","isPartOf":{"@id":"https:\/\/gmsh.ca\/fr\/#website"},"datePublished":"2025-05-22T18:07:07+00:00","dateModified":"2025-11-14T18:48:33+00:00","breadcrumb":{"@id":"https:\/\/gmsh.ca\/fr\/ressources\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gmsh.ca\/fr\/ressources\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/gmsh.ca\/fr\/ressources\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/gmsh.ca\/fr\/"},{"@type":"ListItem","position":2,"name":"Ressources"}]},{"@type":"WebSite","@id":"https:\/\/gmsh.ca\/fr\/#website","url":"https:\/\/gmsh.ca\/fr\/","name":"Gay Men\u2019s Sexual Health Alliance (GMSH)","description":"Favoriser les liens et le bien-\u00eatre des hommes 2EGBTQ+","publisher":{"@id":"https:\/\/gmsh.ca\/fr\/#organization"},"alternateName":"GMSH.ca","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gmsh.ca\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/gmsh.ca\/fr\/#organization","name":"L\u2019Alliance pour la sant\u00e9 sexuelle des hommes gais (SSHG)","url":"https:\/\/gmsh.ca\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/gmsh.ca\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/gmsh.ca\/wp-content\/uploads\/2026\/01\/gmsh-favicon.png","contentUrl":"https:\/\/gmsh.ca\/wp-content\/uploads\/2026\/01\/gmsh-favicon.png","width":340,"height":340,"caption":"L\u2019Alliance pour la sant\u00e9 sexuelle des hommes gais (SSHG)"},"image":{"@id":"https:\/\/gmsh.ca\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/GMSHAlliance","https:\/\/x.com\/gmshalliance","https:\/\/www.linkedin.com\/company\/gay-men-s-sexual-health-alliance\/?originalSubdomain=ca","https:\/\/www.instagram.com\/gaymenssexualhealthalliance\/","https:\/\/www.youtube.com\/gaymenssexualhealthalliance"]}]}},"_links":{"self":[{"href":"https:\/\/gmsh.ca\/fr\/wp-json\/wp\/v2\/pages\/935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gmsh.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gmsh.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gmsh.ca\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gmsh.ca\/fr\/wp-json\/wp\/v2\/comments?post=935"}],"version-history":[{"count":0,"href":"https:\/\/gmsh.ca\/fr\/wp-json\/wp\/v2\/pages\/935\/revisions"}],"wp:attachment":[{"href":"https:\/\/gmsh.ca\/fr\/wp-json\/wp\/v2\/media?parent=935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}