{"id":840,"date":"2026-09-23T18:33:10","date_gmt":"2026-09-23T18:33:10","guid":{"rendered":"https:\/\/dpup.dpo-bangladesh.org\/?page_id=840"},"modified":"2026-09-23T18:55:15","modified_gmt":"2026-09-23T18:55:15","slug":"th","status":"publish","type":"page","link":"https:\/\/dpup.dpo-bangladesh.org\/index.php\/th\/","title":{"rendered":"th"},"content":{"rendered":"\n<style>\n\n\/* ================================\n   BIRD IMAGE SLIDER\n================================ *\/\n\n.bird-slider {\n    width: 100%;\n    max-width: 1200px;\n    height: 450px;\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n    border-radius: 12px;\n}\n\n\/* Slider Track *\/\n\n.bird-slider-track {\n    display: flex;\n    width: 300%;\n    height: 100%;\n    animation: birdSlide 3s infinite ease-in-out;\n}\n\n\/* Individual Slide *\/\n\n.bird-slide {\n    width: 33.333333%;\n    height: 100%;\n    flex-shrink: 0;\n    overflow: hidden;\n}\n\n\/* Images *\/\n\n.bird-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n\n\/* ================================\n   SMOOTH SLIDE ANIMATION\n================================ *\/\n\n@keyframes birdSlide {\n\n    \/* Image 1 *\/\n    0% {\n        transform: translateX(0);\n    }\n\n    27% {\n        transform: translateX(0);\n    }\n\n    \/* Move to Image 2 *\/\n    33.333% {\n        transform: translateX(-33.333333%);\n    }\n\n    \/* Image 2 *\/\n    60% {\n        transform: translateX(-33.333333%);\n    }\n\n    \/* Move to Image 3 *\/\n    66.666% {\n        transform: translateX(-66.666666%);\n    }\n\n    \/* Image 3 *\/\n    93% {\n        transform: translateX(-66.666666%);\n    }\n\n    \/* Back to Image 1 *\/\n    100% {\n        transform: translateX(0);\n    }\n}\n\n\n\/* ================================\n   SLOW ZOOM EFFECT\n================================ *\/\n\n.bird-slide img {\n    animation: birdZoom 3s infinite ease-in-out;\n}\n\n@keyframes birdZoom {\n\n    0% {\n        transform: scale(1);\n    }\n\n    50% {\n        transform: scale(1.05);\n    }\n\n    100% {\n        transform: scale(1);\n    }\n}\n\n\n\/* ================================\n   MOBILE\n================================ *\/\n\n@media (max-width: 768px) {\n\n    .bird-slider {\n        height: 280px;\n        border-radius: 8px;\n    }\n\n}\n\n\n\/* ================================\n   SMALL MOBILE\n================================ *\/\n\n@media (max-width: 480px) {\n\n    .bird-slider {\n        height: 220px;\n        border-radius: 6px;\n    }\n\n}\n\n<\/style>\n\n\n<!-- ================================\n     SLIDER HTML\n================================ -->\n\n<div class=\"bird-slider\">\n\n    <div class=\"bird-slider-track\">\n\n\n        <!-- =========================\n             IMAGE 1\n        ========================== -->\n\n        <div class=\"bird-slide\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/poknok.art\/uploads\/posts\/2022-11\/1667745219_5-poknok-art-p-ptitsi-na-fone-krasivoi-prirodi-foto-5.jpg\"\n                alt=\"Beautiful Bird\">\n\n        <\/div>\n\n\n        <!-- =========================\n             IMAGE 2\n        ========================== -->\n\n        <div class=\"bird-slide\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/www.wwt.org.uk\/uploads\/images\/2025-10-10\/king_of_fishers_2_1024x682_1613314561.jpg\"\n                alt=\"Kingfisher Bird\">\n\n        <\/div>\n\n\n        <!-- =========================\n             IMAGE 3\n        ========================== -->\n\n        <div class=\"bird-slide\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/i.pinimg.com\/736x\/86\/60\/b7\/8660b7db76823e7996ca21d8b3e94823.jpg\"\n                alt=\"Colorful Bird\">\n\n        <\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">DPUP is working as an assistive force and development partner with Bangladesh Government for the advancement of persons with disabilities and vulnerable communities in Bangladesh. Serving as a <strong>National Disabled People&#8217;s Organization (DPO)<\/strong> in Bangladesh for the development and empowerment of the disability community and works for inclusive development. Our Mission is Empowering persons with disabilities and vulnerable communities through <strong>inclusion, rights, education, rehabilitation, livelihood development and equal opportunities.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">RECENT NEWS<\/h2>\n\n\n\n<!-- =========================================\n     DPUP BLOG POST GRID\n     ONLY CATEGORY: BLOG\n========================================= -->\n\n<style>\n\n.dpup-post-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    width: 100%;\n}\n\n.dpup-post-card {\n    background: #fff;\n    border: 1px solid #e5e5e5;\n    border-radius: 8px;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.dpup-post-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 25px rgba(0,0,0,0.10);\n}\n\n.dpup-post-image {\n    width: 100%;\n    height: 220px;\n    overflow: hidden;\n}\n\n.dpup-post-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease;\n}\n\n.dpup-post-card:hover .dpup-post-image img {\n    transform: scale(1.05);\n}\n\n.dpup-post-content {\n    padding: 20px;\n}\n\n.dpup-post-title {\n    margin: 0 0 12px;\n    font-size: 20px;\n    line-height: 1.4;\n    font-weight: 700;\n}\n\n.dpup-post-title a {\n    color: #222;\n    text-decoration: none;\n}\n\n.dpup-post-title a:hover {\n    color: #0073aa;\n}\n\n.dpup-post-meta {\n    display: flex;\n    gap: 15px;\n    flex-wrap: wrap;\n    margin-bottom: 14px;\n    font-size: 13px;\n    color: #777;\n}\n\n.dpup-post-excerpt {\n    color: #555;\n    font-size: 15px;\n    line-height: 1.7;\n    margin-bottom: 18px;\n}\n\n.dpup-read-more {\n    display: inline-block;\n    padding: 9px 18px;\n    background: #0073aa;\n    color: #fff !important;\n    text-decoration: none !important;\n    border-radius: 5px;\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.dpup-read-more:hover {\n    background: #005a87;\n}\n\n.dpup-loading {\n    text-align: center;\n    padding: 25px;\n    color: #777;\n}\n\n.dpup-load-more-wrapper {\n    text-align: center;\n    margin: 40px 0 20px;\n}\n\n#dpup-load-more {\n    padding: 12px 30px;\n    border: none;\n    border-radius: 5px;\n    background: #0073aa;\n    color: #fff;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n}\n\n#dpup-load-more:hover {\n    background: #005a87;\n}\n\n#dpup-load-more:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n@media (max-width: 1024px) {\n    .dpup-post-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 767px) {\n    .dpup-post-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .dpup-post-image {\n        height: 210px;\n    }\n}\n\n<\/style>\n\n\n<!-- POST GRID -->\n\n<div id=\"dpup-post-grid\" class=\"dpup-post-grid\">\n<\/div>\n\n\n<!-- LOADING -->\n\n<div id=\"dpup-loading\" class=\"dpup-loading\">\n\n    Loading Blog posts&#8230;\n\n<\/div>\n\n\n<!-- LOAD MORE -->\n\n<div class=\"dpup-load-more-wrapper\">\n\n    <button id=\"dpup-load-more\" type=\"button\">\n\n        Load More Posts\n\n    <\/button>\n\n<\/div>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    \/* =====================================\n       SETTINGS\n    ===================================== *\/\n\n    const postsPerPage = 9;\n\n    let currentPage = 1;\n\n    const apiURL = \"\/wp-json\/wp\/v2\/posts\";\n\n\n    const grid =\n        document.getElementById(\n            \"dpup-post-grid\"\n        );\n\n    const loading =\n        document.getElementById(\n            \"dpup-loading\"\n        );\n\n    const loadMoreButton =\n        document.getElementById(\n            \"dpup-load-more\"\n        );\n\n\n    \/* =====================================\n       FIND BLOG CATEGORY\n    ===================================== *\/\n\n    let blogCategoryID = null;\n\n\n    async function getBlogCategory() {\n\n        try {\n\n            const response =\n                await fetch(\n                    \"\/wp-json\/wp\/v2\/categories?search=Blog\"\n                );\n\n            const categories =\n                await response.json();\n\n\n            \/*\n             * Find category named exactly \"Blog\"\n             *\/\n\n            const blogCategory =\n                categories.find(\n                    category =>\n                        category.name.toLowerCase()\n                        === \"blog\"\n                );\n\n\n            if (blogCategory) {\n\n                blogCategoryID =\n                    blogCategory.id;\n\n            } else {\n\n                throw new Error(\n                    \"Blog category not found\"\n                );\n\n            }\n\n        }\n        catch (error) {\n\n            loading.innerHTML =\n                \"Blog category not found.\";\n\n            loadMoreButton.style.display =\n                \"none\";\n\n        }\n\n    }\n\n\n    \/* =====================================\n       CLEAN CONTENT\n    ===================================== *\/\n\n    function cleanText(html) {\n\n        const temp =\n            document.createElement(\"div\");\n\n        temp.innerHTML = html;\n\n        return (\n            temp.textContent ||\n            temp.innerText ||\n            \"\"\n        );\n\n    }\n\n\n    \/* =====================================\n       100 CHARACTER CONTENT\n    ===================================== *\/\n\n    function createExcerpt(content) {\n\n        let text =\n            cleanText(content)\n            .replace(\/\\s+\/g, \" \")\n            .trim();\n\n\n        if (text.length > 100) {\n\n            text =\n                text.substring(0, 100)\n                .trim() + \"...\";\n\n        }\n\n\n        return text;\n\n    }\n\n\n    \/* =====================================\n       CREATE POST\n    ===================================== *\/\n\n    function createPost(post) {\n\n        let image =\n            \"https:\/\/via.placeholder.com\/800x500?text=No+Image\";\n\n\n        if (\n            post._embedded &&\n            post._embedded[\"wp:featuredmedia\"] &&\n            post._embedded[\"wp:featuredmedia\"][0]\n        ) {\n\n            image =\n                post._embedded\n                    [\"wp:featuredmedia\"][0]\n                    .source_url;\n\n        }\n\n\n        let author = \"Admin\";\n\n\n        if (\n            post._embedded &&\n            post._embedded.author &&\n            post._embedded.author[0]\n        ) {\n\n            author =\n                post._embedded.author[0].name;\n\n        }\n\n\n        const date =\n            new Date(post.date)\n            .toLocaleDateString(\n                \"en-GB\",\n                {\n                    day: \"2-digit\",\n                    month: \"short\",\n                    year: \"numeric\"\n                }\n            );\n\n\n        const card =\n            document.createElement(\"article\");\n\n\n        card.className =\n            \"dpup-post-card\";\n\n\n        card.innerHTML = `\n\n            <div class=\"dpup-post-image\">\n\n                <a href=\"${post.link}\">\n\n                    <img decoding=\"async\"\n                        src=\"${image}\"\n                        alt=\"${post.title.rendered}\"\n                        loading=\"lazy\"\n                    >\n\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"dpup-post-content\">\n\n                <h3 class=\"dpup-post-title\">\n\n                    <a href=\"${post.link}\">\n\n                        ${post.title.rendered}\n\n                    <\/a>\n\n                <\/h3>\n\n\n                <div class=\"dpup-post-meta\">\n\n                    <span>\n                        \ud83d\udcc5 ${date}\n                    <\/span>\n\n                    <span>\n                        \ud83d\udc64 ${author}\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"dpup-post-excerpt\">\n\n                    ${createExcerpt(\n                        post.content.rendered\n                    )}\n\n                <\/div>\n\n\n                <a\n                    href=\"${post.link}\"\n                    class=\"dpup-read-more\">\n\n                    Read More\n\n                <\/a>\n\n            <\/div>\n\n        `;\n\n\n        return card;\n\n    }\n\n\n    \/* =====================================\n       LOAD POSTS\n    ===================================== *\/\n\n    async function loadPosts(page) {\n\n        if (!blogCategoryID) {\n            return;\n        }\n\n\n        loading.style.display =\n            \"block\";\n\n        loadMoreButton.disabled =\n            true;\n\n\n        try {\n\n            const response =\n                await fetch(\n\n                    apiURL +\n                    \"?per_page=\" +\n                    postsPerPage +\n                    \"&page=\" +\n                    page +\n                    \"&categories=\" +\n                    blogCategoryID +\n                    \"&_embed\"\n\n                );\n\n\n            if (!response.ok) {\n\n                throw new Error(\n                    \"No more posts\"\n                );\n\n            }\n\n\n            const posts =\n                await response.json();\n\n\n            posts.forEach(\n                function(post) {\n\n                    grid.appendChild(\n                        createPost(post)\n                    );\n\n                }\n            );\n\n\n            const totalPages =\n                parseInt(\n                    response.headers.get(\n                        \"X-WP-TotalPages\"\n                    )\n                );\n\n\n            if (\n                page >= totalPages\n            ) {\n\n                loadMoreButton.style.display =\n                    \"none\";\n\n            } else {\n\n                loadMoreButton.style.display =\n                    \"inline-block\";\n\n            }\n\n\n            currentPage++;\n\n\n        }\n        catch (error) {\n\n            if (page === 1) {\n\n                loading.innerHTML =\n                    \"No Blog posts found.\";\n\n            }\n\n            loadMoreButton.style.display =\n                \"none\";\n\n        }\n\n\n        loading.style.display =\n            \"none\";\n\n        loadMoreButton.disabled =\n            false;\n\n    }\n\n\n    \/* =====================================\n       START\n    ===================================== *\/\n\n    async function start() {\n\n        await getBlogCategory();\n\n        if (blogCategoryID) {\n\n            loadPosts(currentPage);\n\n        }\n\n    }\n\n\n    start();\n\n\n    \/* =====================================\n       LOAD MORE\n    ===================================== *\/\n\n    loadMoreButton.addEventListener(\n        \"click\",\n        function () {\n\n            loadPosts(currentPage);\n\n        }\n    );\n\n});\n\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">KEY STAFF MEMBERS<\/h2>\n\n\n\n<style>\n\/* =========================\n   STAFF GRID\n========================= *\/\n\n.staff-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 25px;\n    width: 100%;\n    margin: 0 auto;\n}\n\n\/* =========================\n   STAFF CARD\n========================= *\/\n\n.staff-card {\n    background: #ffffff;\n    border: 1px solid #e5e5e5;\n    border-radius: 10px;\n    overflow: hidden;\n    text-align: center;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n}\n\n.staff-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 25px rgba(0,0,0,0.14);\n}\n\n\/* =========================\n   PHOTO\n========================= *\/\n\n.staff-photo {\n    width: 100%;\n    height: 240px;\n    overflow: hidden;\n    background: #f3f3f3;\n}\n\n.staff-photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.5s ease;\n}\n\n.staff-card:hover .staff-photo img {\n    transform: scale(1.05);\n}\n\n\/* =========================\n   CONTENT\n========================= *\/\n\n.staff-content {\n    padding: 18px;\n}\n\n.staff-name {\n    margin: 0 0 6px;\n    font-size: 20px;\n    line-height: 1.3;\n    font-weight: 700;\n    color: #222;\n}\n\n.staff-designation {\n    margin-bottom: 10px;\n    font-size: 15px;\n    font-weight: 600;\n    color: #555;\n}\n\n.staff-description {\n    font-size: 14px;\n    line-height: 1.55;\n    color: #666;\n    margin-bottom: 12px;\n}\n\n\/* =========================\n   DATE + AUTHOR\n========================= *\/\n\n.staff-meta {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 16px;\n    font-size: 12px;\n    color: #777;\n}\n\n.staff-meta span {\n    display: inline-block;\n}\n\n\/* =========================\n   BUTTON\n========================= *\/\n\n.staff-button {\n    display: inline-block;\n    padding: 10px 20px;\n    background: #0073aa;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    border-radius: 5px;\n    font-size: 14px;\n    font-weight: 600;\n    transition: background 0.3s ease;\n}\n\n.staff-button:hover {\n    background: #005177;\n}\n\n\/* =========================\n   LOAD MORE\n========================= *\/\n\n.load-more-wrapper {\n    text-align: center;\n    margin-top: 35px;\n}\n\n#loadMoreStaff {\n    padding: 12px 30px;\n    border: 0;\n    border-radius: 5px;\n    background: #0073aa;\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 600;\n    cursor: pointer;\n}\n\n#loadMoreStaff:hover {\n    background: #005177;\n}\n\n#loadMoreStaff:disabled {\n    opacity: 0.6;\n    cursor: wait;\n}\n\n\/* =========================\n   LOADING\n========================= *\/\n\n.staff-loading {\n    grid-column: 1 \/ -1;\n    text-align: center;\n    padding: 40px;\n    color: #666;\n}\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (max-width: 1024px) {\n\n    .staff-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media (max-width: 600px) {\n\n    .staff-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n\n    .staff-photo {\n        height: 280px;\n    }\n\n}\n<\/style>\n\n\n<!-- =========================\n     STAFF GRID\n========================= -->\n\n<div id=\"staffGrid\" class=\"staff-grid\">\n\n    <div class=\"staff-loading\">\n        Loading staff&#8230;\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================\n     LOAD MORE\n========================= -->\n\n<div class=\"load-more-wrapper\">\n\n    <button id=\"loadMoreStaff\" style=\"display:none;\">\n        Load More\n    <\/button>\n\n<\/div>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const categorySlug = \"kem\";\n\n    \/* 12 posts = 4 columns \u00d7 3 rows *\/\n    const postsPerPage = 12;\n\n    let currentPage = 1;\n\n    let totalPages = 1;\n\n    let categoryID = null;\n\n    const grid = document.getElementById(\"staffGrid\");\n\n    const loadMoreButton =\n        document.getElementById(\"loadMoreStaff\");\n\n\n    \/* =========================\n       FIND FIRST IMAGE IN CONTENT\n    ========================= *\/\n\n    function getFirstContentImage(post) {\n\n        const content = post.content.rendered;\n\n        const tempDiv = document.createElement(\"div\");\n\n        tempDiv.innerHTML = content;\n\n        const firstImage =\n            tempDiv.querySelector(\"img\");\n\n        if (firstImage) {\n\n            return (\n                firstImage.getAttribute(\"src\") ||\n                firstImage.getAttribute(\"data-src\") ||\n                \"\"\n            );\n\n        }\n\n        return \"\";\n    }\n\n\n    \/* =========================\n       LOAD CATEGORY\n    ========================= *\/\n\n    async function getCategory() {\n\n        const response = await fetch(\n            \"\/wp-json\/wp\/v2\/categories?slug=\" +\n            categorySlug\n        );\n\n        const categories =\n            await response.json();\n\n        if (!categories.length) {\n\n            throw new Error(\n                \"Category 'kem' was not found.\"\n            );\n\n        }\n\n        return categories[0].id;\n    }\n\n\n    \/* =========================\n       LOAD POSTS\n    ========================= *\/\n\n    async function loadPosts(page) {\n\n        const url =\n            \"\/wp-json\/wp\/v2\/posts\" +\n            \"?categories=\" + categoryID +\n            \"&per_page=\" + postsPerPage +\n            \"&page=\" + page +\n            \"&orderby=date\" +\n            \"&order=desc\" +\n            \"&_embed\";\n\n        const response =\n            await fetch(url);\n\n        if (!response.ok) {\n\n            throw new Error(\n                \"Unable to load posts.\"\n            );\n\n        }\n\n        totalPages =\n            parseInt(\n                response.headers.get(\n                    \"X-WP-TotalPages\"\n                )\n            );\n\n        const posts =\n            await response.json();\n\n        renderPosts(posts);\n\n\n        \/* =========================\n           LOAD MORE BUTTON\n        ========================= *\/\n\n        if (currentPage < totalPages) {\n\n            loadMoreButton.style.display =\n                \"inline-block\";\n\n            loadMoreButton.disabled = false;\n\n        } else {\n\n            loadMoreButton.style.display =\n                \"none\";\n\n        }\n\n    }\n\n\n    \/* =========================\n       DISPLAY POSTS\n    ========================= *\/\n\n    function renderPosts(posts) {\n\n        if (currentPage === 1) {\n\n            grid.innerHTML = \"\";\n\n        }\n\n\n        posts.forEach(function (post) {\n\n            \/* =========================\n               FIRST IMAGE FROM CONTENT\n            ========================= *\/\n\n            let image =\n                getFirstContentImage(post);\n\n\n            \/* Fallback to featured image *\/\n\n            if (!image) {\n\n                if (\n                    post._embedded &#038;&#038;\n                    post._embedded[\n                        \"wp:featuredmedia\"\n                    ] &#038;&#038;\n                    post._embedded[\n                        \"wp:featuredmedia\"\n                    ][0]\n                ) {\n\n                    image =\n                        post._embedded[\n                            \"wp:featuredmedia\"\n                        ][0].source_url;\n\n                }\n\n            }\n\n\n            \/* Final fallback *\/\n\n            if (!image) {\n\n                image =\n                    \"https:\/\/via.placeholder.com\/600x600?text=Staff\";\n\n            }\n\n\n            \/* =========================\n               NAME\n            ========================= *\/\n\n            const name =\n                post.title.rendered;\n\n\n            \/* =========================\n               DESCRIPTION\n            ========================= *\/\n\n            const temp =\n                document.createElement(\"div\");\n\n            temp.innerHTML =\n                post.excerpt.rendered;\n\n            let description =\n                temp.textContent ||\n                temp.innerText ||\n                \"\";\n\n            description =\n                description.trim();\n\n\n            \/* Exactly maximum 100 characters *\/\n\n            if (description.length > 100) {\n\n                description =\n                    description.substring(0, 100)\n                    .trim() + \"...\";\n\n            }\n\n\n            \/* =========================\n               DESIGNATION\n            ========================= *\/\n\n            let designation =\n                \"Staff Member\";\n\n            if (\n                post.acf &&\n                post.acf.designation\n            ) {\n\n                designation =\n                    post.acf.designation;\n\n            }\n\n\n            \/* =========================\n               POST DATE\n            ========================= *\/\n\n            const postDate =\n                new Date(post.date)\n                .toLocaleDateString(\n                    \"en-GB\",\n                    {\n                        day: \"2-digit\",\n                        month: \"short\",\n                        year: \"numeric\"\n                    }\n                );\n\n\n            \/* =========================\n               AUTHOR\n            ========================= *\/\n\n            let author = \"Author\";\n\n            if (\n                post._embedded &&\n                post._embedded.author &&\n                post._embedded.author[0]\n            ) {\n\n                author =\n                    post._embedded.author[0].name;\n\n            }\n\n\n            \/* =========================\n               CREATE CARD\n            ========================= *\/\n\n            const card =\n                document.createElement(\"div\");\n\n            card.className =\n                \"staff-card\";\n\n\n            card.innerHTML = `\n\n                <div class=\"staff-photo\">\n\n                    <img decoding=\"async\"\n                        src=\"${image}\"\n                        alt=\"${name}\"\n                        loading=\"lazy\"\n                    >\n\n                <\/div>\n\n\n                <div class=\"staff-content\">\n\n                    <h3 class=\"staff-name\">\n                        ${name}\n                    <\/h3>\n\n\n                    <div class=\"staff-designation\">\n                        ${designation}\n                    <\/div>\n\n\n                    <div class=\"staff-description\">\n                        ${description}\n                    <\/div>\n\n\n                    <div class=\"staff-meta\">\n\n                        <span>\n                            \ud83d\udcc5 ${postDate}\n                        <\/span>\n\n                        <span>\n                            \ud83d\udc64 ${author}\n                        <\/span>\n\n                    <\/div>\n\n\n                    <a\n                        href=\"${post.link}\"\n                        class=\"staff-button\"\n                    >\n                        Full Profile\n                    <\/a>\n\n                <\/div>\n\n            `;\n\n\n            grid.appendChild(card);\n\n        });\n\n    }\n\n\n    \/* =========================\n       LOAD MORE\n    ========================= *\/\n\n    loadMoreButton.addEventListener(\n        \"click\",\n        async function () {\n\n            currentPage++;\n\n            loadMoreButton.disabled =\n                true;\n\n            loadMoreButton.innerText =\n                \"Loading...\";\n\n\n            try {\n\n                await loadPosts(\n                    currentPage\n                );\n\n            } catch (error) {\n\n                console.error(error);\n\n            }\n\n\n            loadMoreButton.innerText =\n                \"Load More\";\n\n        }\n    );\n\n\n    \/* =========================\n       START\n    ========================= *\/\n\n    getCategory()\n\n        .then(function (id) {\n\n            categoryID = id;\n\n            return loadPosts(\n                currentPage\n            );\n\n        })\n\n        .catch(function (error) {\n\n            console.error(error);\n\n            grid.innerHTML = `\n\n                <div class=\"staff-loading\">\n\n                    Unable to load staff posts.\n\n                <\/div>\n\n            `;\n\n        });\n\n});\n\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>DPUP is working as an assistive force and development partner with Bangladesh Government for the advancement of persons with disabilities and vulnerable communities in Bangladesh. Serving as a National Disabled People&#8217;s Organization (DPO) in Bangladesh for the development and empowerment of the disability community and works for inclusive development. Our Mission is Empowering persons with disabilities and vulnerable communities through inclusion, rights, education, rehabilitation, livelihood development and equal opportunities. RECENT NEWS Loading Blog posts&#8230; Load More Posts KEY STAFF MEMBERS Loading staff&#8230; Load More<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"class_list":["post-840","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"tarek","author_link":"https:\/\/dpup.dpo-bangladesh.org\/index.php\/author\/tarek\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"DPUP is working as an assistive force and development partner with Bangladesh Government for the advancement of persons with disabilities and vulnerable communities in Bangladesh. Serving as a National Disabled People&#8217;s Organization (DPO) in Bangladesh for the development and empowerment of the disability community and works for inclusive development. Our Mission is Empowering persons with&hellip;","_links":{"self":[{"href":"https:\/\/dpup.dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/pages\/840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dpup.dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dpup.dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dpup.dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dpup.dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/comments?post=840"}],"version-history":[{"count":9,"href":"https:\/\/dpup.dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/pages\/840\/revisions"}],"predecessor-version":[{"id":855,"href":"https:\/\/dpup.dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/pages\/840\/revisions\/855"}],"wp:attachment":[{"href":"https:\/\/dpup.dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/media?parent=840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}