{"id":188,"date":"2025-12-13T18:55:49","date_gmt":"2025-12-13T17:55:49","guid":{"rendered":"https:\/\/www.malisig.ml\/?page_id=188"},"modified":"2025-12-14T23:40:30","modified_gmt":"2025-12-14T22:40:30","slug":"editions","status":"publish","type":"page","link":"https:\/\/www.malisig.ml\/index.php\/editions\/","title":{"rendered":"Archive"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"188\" class=\"elementor elementor-188\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9dae78c e-con-full e-flex e-con e-parent\" data-id=\"9dae78c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d28d139 elementor-widget elementor-widget-malisig_editions\" data-id=\"d28d139\" data-element_type=\"widget\" data-widget_type=\"malisig_editions.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <style>\r\n            \/* Scoped Styles for fidelity to mockup *\/\r\n            .ms-section-title {\r\n                font-family: 'Inter', sans-serif;\r\n                font-weight: 900;\r\n                line-height: 1.1;\r\n                margin-bottom: 0.5rem;\r\n            }\r\n\r\n            .ms-section-desc {\r\n                font-family: 'Inter', sans-serif;\r\n                line-height: 1.5;\r\n                margin: 0 auto;\r\n                max-width: 42rem;\r\n            }\r\n\r\n            .ms-filter-group {\r\n                border: 1px solid #dae0e7;\r\n                border-radius: 0.5rem;\r\n                background-color: #ffffff;\r\n                overflow: hidden;\r\n                margin-bottom: 1rem;\r\n            }\r\n\r\n            .dark .ms-filter-group {\r\n                border-color: rgba(255, 255, 255, 0.1);\r\n                background-color: #0f1923;\r\n            }\r\n\r\n            .group[open] .ms-filter-icon {\r\n                transform: rotate(180deg);\r\n            }\r\n\r\n            .ms-card {\r\n                display: flex;\r\n                flex-direction: column;\r\n                overflow: hidden;\r\n                border: 1px solid #dae0e7;\r\n                \/* Default fallback *\/\r\n                background-color: #ffffff;\r\n                transition: all 0.2s ease-in-out;\r\n                position: relative;\r\n                \/* For Overlay *\/\r\n            }\r\n\r\n            .dark .ms-card {\r\n                border-color: rgba(255, 255, 255, 0.1);\r\n                background-color: #0f1923;\r\n            }\r\n\r\n            .ms-card:hover {\r\n                transform: translateY(-2px);\r\n            }\r\n\r\n            .ms-card-overlay {\r\n                position: absolute;\r\n                inset: 0;\r\n                z-index: 1;\r\n                pointer-events: none;\r\n            }\r\n\r\n            .ms-card-content,\r\n            .ms-card-footer {\r\n                position: relative;\r\n                z-index: 2;\r\n                \/* Above overlay *\/\r\n            }\r\n\r\n            .ms-card-footer {\r\n                \/* Border top color handled by control *\/\r\n                border-top-width: 1px;\r\n                border-top-style: solid;\r\n            }\r\n\r\n            .ms-card-year {\r\n                font-size: 1.5rem;\r\n                font-weight: 700;\r\n                line-height: 1.2;\r\n                margin-bottom: 0.5rem;\r\n            }\r\n\r\n            .ms-card-badge {\r\n                display: inline-block;\r\n                padding: 0.25rem 0.75rem;\r\n                border-radius: 9999px;\r\n                font-size: 0.875rem;\r\n                font-weight: 500;\r\n            }\r\n\r\n            .ms-card-btn {\r\n                display: flex;\r\n                width: 100%;\r\n                align-items: center;\r\n                justify-content: center;\r\n                padding: 0.625rem 1rem;\r\n                \/* Fallback *\/\r\n                border-radius: 0.5rem;\r\n                font-size: 0.875rem;\r\n                font-weight: 700;\r\n                transition: opacity 0.2s;\r\n                text-decoration: none;\r\n                border: none;\r\n                cursor: pointer;\r\n            }\r\n\r\n            .ms-card-btn:hover {\r\n                opacity: 0.9;\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"malisig-editions-widget w-full\">\r\n            <div class=\"flex flex-col gap-12\">\r\n                <!-- Header -->\r\n                <div class=\"text-center px-4\">\r\n                    <h1 class=\"ms-section-title text-3xl md:text-5xl lg:text-5xl\">\r\n                        Archives des \u00c9ditions Pass\u00e9es                    <\/h1>\r\n                    <p class=\"ms-section-desc text-base\">\r\n                        Explorez l&#039;historique de nos \u00e9v\u00e9nements, consultez les th\u00e8mes abord\u00e9s et acc\u00e9dez aux ressources de chaque \u00e9dition.                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 gap-8 lg:grid-cols-12 lg:gap-12 px-4\">\r\n\r\n                    <!-- Sidebar Filters -->\r\n                    <aside class=\"lg:col-span-3\">\r\n                        <div class=\"sticky top-24 space-y-6\">\r\n                            <div class=\"flex items-center justify-between\">\r\n                                <h2 class=\"text-lg font-bold text-dark-neutral dark:text-white ms-filter-title\">Filtres<\/h2>\r\n                                <button type=\"button\" id=\"reset-filters\"\r\n                                    class=\"text-sm font-medium text-primary hover:underline bg-transparent border-none p-0 cursor-pointer\">R\u00e9initialiser<\/button>\r\n                            <\/div>\r\n\r\n                            <!-- Year Filter -->\r\n                            <details class=\"group ms-filter-group\" open>\r\n                                <summary class=\"flex cursor-pointer list-none items-center justify-between p-4 bg-transparent\">\r\n                                    <p\r\n                                        class=\"text-sm font-medium text-dark-neutral dark:text-neutral-light m-0 ms-filter-title\">\r\n                                        Filtrer par Ann\u00e9e<\/p>\r\n                                    <span\r\n                                        class=\"material-symbols-outlined text-gray-500 transition-transform duration-300 ms-filter-icon\">expand_more<\/span>\r\n                                <\/summary>\r\n                                <div class=\"border-t border-gray-200 dark:border-white\/10 px-4 pb-2\">\r\n                                                                                <label class=\"flex cursor-pointer items-center gap-x-3 py-3 filter-label\">\r\n                                                <input\r\n                                                    class=\"filter-year h-5 w-5 rounded border-gray-300 text-primary focus:ring-primary\"\r\n                                                    type=\"checkbox\" value=\"2024\" \/>\r\n                                                <span\r\n                                                    class=\"text-base text-gray-600 dark:text-gray-300\">2024<\/span>\r\n                                            <\/label>\r\n                                                                                    <label class=\"flex cursor-pointer items-center gap-x-3 py-3 filter-label\">\r\n                                                <input\r\n                                                    class=\"filter-year h-5 w-5 rounded border-gray-300 text-primary focus:ring-primary\"\r\n                                                    type=\"checkbox\" value=\"2023\" \/>\r\n                                                <span\r\n                                                    class=\"text-base text-gray-600 dark:text-gray-300\">2023<\/span>\r\n                                            <\/label>\r\n                                                                                    <label class=\"flex cursor-pointer items-center gap-x-3 py-3 filter-label\">\r\n                                                <input\r\n                                                    class=\"filter-year h-5 w-5 rounded border-gray-300 text-primary focus:ring-primary\"\r\n                                                    type=\"checkbox\" value=\"2022\" \/>\r\n                                                <span\r\n                                                    class=\"text-base text-gray-600 dark:text-gray-300\">2022<\/span>\r\n                                            <\/label>\r\n                                                                                    <label class=\"flex cursor-pointer items-center gap-x-3 py-3 filter-label\">\r\n                                                <input\r\n                                                    class=\"filter-year h-5 w-5 rounded border-gray-300 text-primary focus:ring-primary\"\r\n                                                    type=\"checkbox\" value=\"2020\" \/>\r\n                                                <span\r\n                                                    class=\"text-base text-gray-600 dark:text-gray-300\">2020<\/span>\r\n                                            <\/label>\r\n                                                                        <\/div>\r\n                            <\/details>\r\n\r\n                            <!-- Theme Filter (Placeholder\/Static as per mockup logic if no dynamic taxonomies populated yet) -->\r\n                            <details class=\"group ms-filter-group\" open>\r\n                                <summary class=\"flex cursor-pointer list-none items-center justify-between p-4 bg-transparent\">\r\n                                    <p\r\n                                        class=\"text-sm font-medium text-dark-neutral dark:text-neutral-light m-0 ms-filter-title\">\r\n                                        Filtrer par Th\u00e8me<\/p>\r\n                                    <span\r\n                                        class=\"material-symbols-outlined text-gray-500 transition-transform duration-300 ms-filter-icon\">expand_more<\/span>\r\n                                <\/summary>\r\n                                <div class=\"border-t border-gray-200 dark:border-white\/10 px-4 pb-2\">\r\n                                    <label class=\"flex cursor-pointer items-center gap-x-3 py-3 filter-label\">\r\n                                        <input\r\n                                            class=\"filter-theme h-5 w-5 rounded border-gray-300 text-primary focus:ring-primary\"\r\n                                            type=\"checkbox\" value=\"sante\" \/>\r\n                                        <span class=\"text-base text-gray-600 dark:text-gray-300\">G\u00e9omatique et Sant\u00e9<\/span>\r\n                                    <\/label>\r\n                                    <label class=\"flex cursor-pointer items-center gap-x-3 py-3 filter-label\">\r\n                                        <input\r\n                                            class=\"filter-theme h-5 w-5 rounded border-gray-300 text-primary focus:ring-primary\"\r\n                                            type=\"checkbox\" value=\"agriculture\" \/>\r\n                                        <span class=\"text-base text-gray-600 dark:text-gray-300\">G\u00e9omatique et\r\n                                            Agriculture<\/span>\r\n                                    <\/label>\r\n                                <\/div>\r\n                            <\/details>\r\n                        <\/div>\r\n                    <\/aside>\r\n\r\n                    <!-- Main Grid -->\r\n                    <section class=\"grid gap-8 ms-editions-grid lg:col-span-9\" style=\"display: grid;\">\r\n                                                                                    <div class=\"ms-card\" data-year=\"2024\" style=\"background-image: url(https:\/\/www.malisig.ml\/wp-content\/uploads\/2025\/12\/DM_20251222195711_001.jpg); background-size: cover; background-position: center;\">\r\n                                                                            <div class=\"ms-card-overlay\"><\/div>\r\n                                    \r\n                                    <div class=\"ms-card-content flex flex-col gap-4 p-6 flex-grow\">\r\n                                        <h3 class=\"ms-card-year\">2024<\/h3>\r\n                                        <span class=\"ms-card-badge\">\r\n                                            #MALISIG 5\u00e8me \u00e9dition 2024                                        <\/span>\r\n                                    <\/div>\r\n                                    <div class=\"ms-card-footer mt-auto p-6\">\r\n                                        <a href=\"https:\/\/www.malisig.ml\/index.php\/archives\/malisig-5eme-edition-2024\/\" class=\"ms-card-btn\">\r\n                                            Voir le D\u00e9tail et les Ressources\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"ms-card\" data-year=\"2023\" style=\"background-image: url(https:\/\/www.malisig.ml\/wp-content\/uploads\/2025\/12\/DM_20251221165050_001.jpg); background-size: cover; background-position: center;\">\r\n                                                                            <div class=\"ms-card-overlay\"><\/div>\r\n                                    \r\n                                    <div class=\"ms-card-content flex flex-col gap-4 p-6 flex-grow\">\r\n                                        <h3 class=\"ms-card-year\">2023<\/h3>\r\n                                        <span class=\"ms-card-badge\">\r\n                                            #MALISIG 4\u00e8me \u00e9dition 2023                                        <\/span>\r\n                                    <\/div>\r\n                                    <div class=\"ms-card-footer mt-auto p-6\">\r\n                                        <a href=\"https:\/\/www.malisig.ml\/index.php\/archives\/malisig-4eme-edition-2023\/\" class=\"ms-card-btn\">\r\n                                            Voir le D\u00e9tail et les Ressources\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"ms-card\" data-year=\"2022\" style=\"\">\r\n                                                                            <div class=\"ms-card-overlay\"><\/div>\r\n                                    \r\n                                    <div class=\"ms-card-content flex flex-col gap-4 p-6 flex-grow\">\r\n                                        <h3 class=\"ms-card-year\">2022<\/h3>\r\n                                        <span class=\"ms-card-badge\">\r\n                                            Troisi\u00e8me Edition\u00a0de\u00a0#MaliSIG 2022                                        <\/span>\r\n                                    <\/div>\r\n                                    <div class=\"ms-card-footer mt-auto p-6\">\r\n                                        <a href=\"https:\/\/www.malisig.ml\/index.php\/archives\/troisieme-edition-de-malisig-2022\/\" class=\"ms-card-btn\">\r\n                                            Voir le D\u00e9tail et les Ressources\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"ms-card\" data-year=\"2020\" style=\"background-image: url(https:\/\/www.malisig.ml\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2021-11-13-at-21.45.47.jpg); background-size: cover; background-position: center;\">\r\n                                                                            <div class=\"ms-card-overlay\"><\/div>\r\n                                    \r\n                                    <div class=\"ms-card-content flex flex-col gap-4 p-6 flex-grow\">\r\n                                        <h3 class=\"ms-card-year\">2020<\/h3>\r\n                                        <span class=\"ms-card-badge\">\r\n                                            MaliSIG 2020                                        <\/span>\r\n                                    <\/div>\r\n                                    <div class=\"ms-card-footer mt-auto p-6\">\r\n                                        <a href=\"https:\/\/www.malisig.ml\/index.php\/archives\/sig-gouvernance-internet-politiques-numeriques\/\" class=\"ms-card-btn\">\r\n                                            Voir le D\u00e9tail et les Ressources\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                                        <\/section>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            jQuery(document).ready(function ($) {\r\n                function filterEditions() {\r\n                    var selectedYears = $('.filter-year:checked').map(function () { return $(this).val(); }).get();\r\n                    var $cards = $('.ms-card');\r\n\r\n                    if (selectedYears.length === 0) {\r\n                        $cards.parent().show(); \/\/ Ensure container if hidden\r\n                        $cards.show();\r\n                    } else {\r\n                        $cards.hide();\r\n                        $cards.filter(function () {\r\n                            return selectedYears.includes($(this).data('year').toString());\r\n                        }).show();\r\n                    }\r\n                }\r\n\r\n                $('.filter-year').on('change', filterEditions);\r\n\r\n                $('#reset-filters').on('click', function () {\r\n                    $('.filter-year').prop('checked', false);\r\n                    filterEditions();\r\n                });\r\n            });\r\n        <\/script>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Archives des \u00c9ditions Pass\u00e9es Explorez l&#039;historique de nos \u00e9v\u00e9nements, consultez les th\u00e8mes abord\u00e9s et acc\u00e9dez aux ressources de chaque \u00e9dition. Filtres R\u00e9initialiser Filtrer par Ann\u00e9e expand_more 2025 2023 Filtrer par Th\u00e8me expand_more G\u00e9omatique et Sant\u00e9 G\u00e9omatique et Agriculture 2025 MALI SIG 2025 Voir le D\u00e9tail et les Ressources 2023 SIG, Gouvernance Internet, Politiques num\u00e9riques Voir [&hellip;]<\/p>\n","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-188","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/pages\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":34,"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/pages\/188\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/pages\/188\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/www.malisig.ml\/index.php\/wp-json\/wp\/v2\/media?parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}