{"id":854,"date":"2024-09-29T13:50:13","date_gmt":"2024-09-29T13:50:13","guid":{"rendered":"http:\/\/champs-new.lndo.site\/?page_id=854"},"modified":"2024-10-29T20:36:31","modified_gmt":"2024-10-29T20:36:31","slug":"events","status":"publish","type":"page","link":"https:\/\/champshealth.org\/events\/","title":{"rendered":"Events"},"content":{"rendered":"\n<div class=\"wp-block-cover page-header\" style=\"min-height:460px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-70 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" class=\"wp-block-cover__image-background wp-image-187\" alt=\"\" src=\"http:\/\/champs-new.lndo.site\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-1-scaled.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-1-scaled.jpg 2560w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-1-300x200.jpg 300w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-1-1024x683.jpg 1024w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-1-768x512.jpg 768w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-1-1536x1024.jpg 1536w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-1-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center\">CHAMPS Events<\/h2>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group pad-5\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n\n\n<style type=\"text\/css\">\n    \n\n    .news-image {\n\n        background-size: cover;\n        background-position: center;\n        background-repeat: none;\n        height: 375px;\n        position: relative;\n        border-top-right-radius: 35px;\n    }\n\n    .news-image::before {\n  content: \"\";\n  position: absolute;\n  top: -35px;     \/* vertical offset *\/\n  right: -35px;    \/* horizontal offset *\/\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n    background: hsla(148, 100%, 29%, 1);\n        border-top-right-radius: 35px;\n\nbackground: linear-gradient(45deg, hsla(148, 100%, 29%, 1) 0%, hsla(56, 97%, 56%, 1) 100%);\n\nbackground: -moz-linear-gradient(45deg, hsla(148, 100%, 29%, 1) 0%, hsla(56, 97%, 56%, 1) 100%);\n\nbackground: -webkit-linear-gradient(45deg, hsla(148, 100%, 29%, 1) 0%, hsla(56, 97%, 56%, 1) 100%);\n\nfilter: progid: DXImageTransform.Microsoft.gradient( startColorstr=\"#009245\", endColorstr=\"#FCEE21\", GradientType=1 );\n}  \n\n\n.news-featured {\n\n    margin-bottom: 50px;\n}\n.news-date {\n\n    font-size: 20px;\n    text-align:  right;\n}\n\n.feat-exc p {\n\n    width: 85%;\n    margin-left: 10%;\n    color: black;\n    font-size: 15px;\n    margin-top: 20px;\n}\n\n.featured-tag {\n\n      background: hsla(148, 100%, 29%, 1);\n        border-top-left-radius: 25px;\n        border-bottom-right-radius: 25px;\n\nbackground: linear-gradient(45deg, hsla(148, 100%, 29%, 1) 0%, hsla(56, 97%, 56%, 1) 100%);\n\nbackground: -moz-linear-gradient(45deg, hsla(148, 100%, 29%, 1) 0%, hsla(56, 97%, 56%, 1) 100%);\n\nbackground: -webkit-linear-gradient(45deg, hsla(148, 100%, 29%, 1) 0%, hsla(56, 97%, 56%, 1) 100%);\n\nposition: absolute;\ntop:  5%;\nleft: 5%;\ncolor: white;\nfont-family: Lato;\nfont-size: 22px;\nfont-weight: 600;\npadding: 15px;\n}\n\n.navbar-brand img {\n\n    filter:   brightness(0) invert(1);\n}\n\n.event-details {\n    text-align: right;\n}\n\n.event-details i {\n\n    color: #4c9c2e;\n}\n\n.news-featured .card-read-more {\n\n    float: right;\n    font-size: 20px;\n    margin-right: 20px;\n}\n\n.news-featured .card-read-more a {\n\n    font-size: 20px;\n}\n\n.news-featured h3 {\n\n    padding: 10px;\n}\n<\/style>\n<div class=\"news-featured\"> \n\n\n        <div class=\"row\"> \n\n            <div class=\"col-md-8 news-image\" style=\"background-image: url(https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/ESPID-1.jpg);\">\n\n<div class=\"featured-tag\">FEATURED <\/div>\n             <\/div>\n\n\n                <div class=\"col-md-4 news-meta\">\n\n<div class=\"event-details\"> \n<div class=\"event-bg\"> <\/div>\n\n\n<div class=\"event-date\">\n  <i class=\"fa fa-calendar\"> <\/i>\n  <span class=\"event-bold\">Date:<\/span>\n  May 17, 2023<\/div>\n\n<div class=\"event-time\"> <i class=\"fa fa-clock\"> <\/i> <span class=\"event-bold\">Time: <\/span>8:00 AM EST<\/div>\n\n<\/div>                    <h3> CHAMPS Scientists Present at PAS2023, ESPID2023 and the 2nd Global Forum on Childhood Pneumonia <\/h3>\n\n                    <div class=\"feat-exc\">                             <p>CHAMPS not only generates data on child mortality, but we also share our findings to empower prevention strategies. Our team members frequently share CHAMPS data and lessons learned with the wider global health community through international conferences and forums. In the last few months, CHAMPS scientists presented at the Pediatric Academic Societies Meeting, European Society [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/champshealth.org\/event\/champs-scientists-present-at-pas2023-espid2023-and-the-2nd-global-forum-on-childhood-pneumonia\/\">Read More&#8230;<span class=\"screen-reader-text\"> from CHAMPS Scientists Present at PAS2023, ESPID2023 and the 2nd Global Forum on Childhood Pneumonia<\/span><\/a><\/p>\n \n<\/div>\n\n   <div class=\"card-read-more\">\n                                <a href=\"https:\/\/champshealth.org\/event\/champs-scientists-present-at-pas2023-espid2023-and-the-2nd-global-forum-on-childhood-pneumonia\/\">Read more\n                                    <img decoding=\"async\" src=\"https:\/\/champshealth.org\/wp-content\/uploads\/img\/arrow-circle-right.png\"\/>\n                                <\/a>\n                            <\/div>\n             <\/div>\n        <\/div>\n\n\n        \n\n<\/div>\n<!-- Custom Country Dropdown (Site Filtering) -->\n<div class=\"custom-select-container\">\n    <div class=\"custom-select-trigger\">Select Country<\/div>\n    <div class=\"custom-options\">\n        <span class=\"custom-option\" data-value=\"\">All Countries<\/span>\n                                    <span class=\"custom-option\" data-value=\"1085\">Ethiopia<\/span>\n                        <\/div>\n    <!-- Hidden Select Element -->\n    <select id=\"country-filter\" class=\"custom-select\" aria-hidden=\"true\">\n        <option value=\"\">All Countries<\/option>\n                    <option value=\"1085\">Ethiopia<\/option>\n            <\/select>\n<\/div>\n\n<div class=\"row pad-5-sides\" id=\"post-container\"> \n\n\n\n\n        <div class=\"news-item col-md-4\">\n            <div class=\"col-inner\">\n                <div class=\"col-inner-inner\">\n                    <div class=\"image-top-container\">\n                        <div class=\"image-top img-bg\" style=\"background-image:url(https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/ESPID-1.jpg)\"> \n                            <div class=\"resource-tag\">EVENT<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"card-bottom\">\n                        <p class=\"publication-date\"><\/p>\n                        <p class=\"card-title\">CHAMPS Scientists Present at PAS2023, ESPID2023 and the 2nd Global Forum on Childhood Pneumonia<\/p>\n                        <div class=\"news-excerpt\">\n                            <p>CHAMPS not only generates data on child mortality, but we also share our findings to empower prevention strategies. Our team members frequently share CHAMPS data and lessons learned with the wider global health community through international conferences and forums. In the last few months, CHAMPS scientists presented at the Pediatric Academic Societies Meeting, European Society [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/champshealth.org\/event\/champs-scientists-present-at-pas2023-espid2023-and-the-2nd-global-forum-on-childhood-pneumonia\/\">Read More&#8230;<span class=\"screen-reader-text\"> from CHAMPS Scientists Present at PAS2023, ESPID2023 and the 2nd Global Forum on Childhood Pneumonia<\/span><\/a><\/p>\n \n                        <\/div>\n                    \n                        <div class=\"card-bottom-link\">\n                            <hr>\n                            <div class=\"card-read-more\">\n                                <a href=\"https:\/\/champshealth.org\/event\/champs-scientists-present-at-pas2023-espid2023-and-the-2nd-global-forum-on-childhood-pneumonia\/\">Read more\n                                    <img decoding=\"async\" src=\"https:\/\/champshealth.org\/wp-content\/uploads\/img\/arrow-circle-right.png\"\/>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<!-- Load more button -->\n<div class=\"load-more-container\">\n    <button id=\"load-more\">Load More<\/button>\n<\/div>\n\n<script type=\"text\/javascript\">\n    var load_more_params = {\n        ajaxurl: 'https:\/\/champshealth.org\/wp-admin\/admin-ajax.php'\n    };\n<\/script>\n\n<script type=\"text\/javascript\">\njQuery(function($){\n    var page = 1;\n    var isLoadingMore = false;\n\n    function loadPosts() {\n        var country = $('#country-filter').val(); \/\/ Retaining country filter\n\n        $.ajax({\n            url : load_more_params.ajaxurl,\n            type : 'POST',\n            data : {\n                action : 'load_more_events', \/\/ Changed to 'load_more_news'\n                page : page,\n                country: country \/\/ Pass country filter value\n            },\n            success : function(response){\n                if (isLoadingMore) {\n                    $('#post-container').append(response); \/\/ Append new posts when loading more\n                } else {\n                    $('#post-container').html(response); \/\/ Replace posts when filtering\n                }\n            }\n        });\n    }\n\n    \/\/ Trigger filtering when the select element changes\n    $('#country-filter').on('change', function(){\n        page = 1; \/\/ Reset to first page\n        isLoadingMore = false; \/\/ Not loading more, it's a filter request\n        loadPosts(); \/\/ Load filtered posts\n    });\n\n    \/\/ Load more button\n    $('#load-more').on('click', function(){\n        page++;\n        isLoadingMore = true; \/\/ We're loading more posts\n        loadPosts(); \/\/ Load next page of filtered posts\n    });\n});\n<\/script>\n\n\n\n<style> \n.event-bold {\n\n    font-weight: 600;\n}\n.image-top {\n\n    min-height: 250px;\n}\n.custom-select-container {\n    position: relative;\n    width: 100%;\n    max-width: 300px;\n    margin-bottom: 20px;\n}\n\n.custom-select-trigger {\n    background-color: white;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    padding: 10px 15px;\n    font-size: 16px;\n    color: black;\n    cursor: pointer;\n    font-family: Lato;\n    font-weight: 700;\n}\n\n.custom-options {\n    position: absolute;\n    background-color: white;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    width: 100%;\n    top: 100%;\n    left: 0;\n    display: none;\n    z-index: 10;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.custom-option {\n    padding: 10px 15px;\n    font-size: 16px;\n    cursor: pointer;\n    border-bottom: 1px solid #ddd;\n    width: 100%;\n    display: block;\n}\n\n.custom-option:hover {\n    background-color: #eee;\n}\n\n.custom-select-container.active .custom-options {\n    display: block;\n}\n\n.custom-select {\n    display: none;\n}\n\n.resource-tag {\n\n    background-color: #06A7E0;\n}\n\n.featured-resource .col-inner .col-inner-inner{\n\n    display: flex;\n    box-shadow: rgba(0,0,0,.24) 0 3px 8px;\n    flex-direction: row;\n}\n\n.featured-resource .image-top-container{\n\n    flex-basis: 45%;\n    background-color: transparent;\n}\n\n.featured-resource .card-bottom {\n\n    flex: 1;\n}\n\n.featured-resource .card-bottom {\n\n    border-top-right-radius: 25px;\n}\n.featured-resource .image-top {\n\n    border-top-right-radius: 25px;\n    border-bottom-left-radius: 25px;\n}\n\n.featured-resource .card-read-more {\n\n    float: right;\n}\n\n.custom-select-container {\n\n    margin: 0 auto;\n    margin-bottom: 26px;\n    background-color: white;\n    font-weight: 700;\n    color: black;\n}\n\n.custom-select-trigger {\n\n    background-color: white;\n}\n\n.custom-select-container.active .custom-options {\n    display: flex;\n    flex-direction: column;\n}\n\n.news-excerpt {\n\n    font-size: 12px;\n}\n<\/style>\n\n\n\n\n<script type=\"text\/javascript\">\n    \n    document.querySelectorAll(\".custom-select-container\").forEach(function(container) {\n    const select = container.querySelector(\".custom-select\");\n    const trigger = container.querySelector(\".custom-select-trigger\");\n    const optionsContainer = container.querySelector(\".custom-options\");\n\n    \/\/ Toggle dropdown\n    trigger.addEventListener(\"click\", function() {\n        container.classList.toggle(\"active\");\n    });\n\n    \/\/ Handle option click\n    optionsContainer.querySelectorAll(\".custom-option\").forEach(function(option) {\n        option.addEventListener(\"click\", function() {\n            \/\/ Update trigger text\n            trigger.textContent = option.textContent;\n\n            \/\/ Update hidden select value\n            select.value = option.getAttribute(\"data-value\");\n\n            \/\/ Close the dropdown\n            container.classList.remove(\"active\");\n\n            \/\/ Trigger change event on the hidden select (in case you need AJAX to fire)\n            var event = new Event('change');\n            select.dispatchEvent(event);\n        });\n    });\n\n    \/\/ Close dropdown if clicked outside\n    window.addEventListener(\"click\", function(e) {\n        if (!container.contains(e.target)) {\n            container.classList.remove(\"active\");\n        }\n    });\n});\n\n<\/script>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p> [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/champshealth.org\/events\/\">Read More&#8230;<span class=\"screen-reader-text\"> from Events<\/span><\/a><\/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-854","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/pages\/854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/comments?post=854"}],"version-history":[{"count":4,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/pages\/854\/revisions"}],"predecessor-version":[{"id":2094,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/pages\/854\/revisions\/2094"}],"wp:attachment":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/media?parent=854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}