{"id":4515,"date":"2025-07-15T16:20:16","date_gmt":"2025-07-15T16:20:16","guid":{"rendered":"https:\/\/www.sewabhartihp.org\/?page_id=4515"},"modified":"2025-07-15T16:20:16","modified_gmt":"2025-07-15T16:20:16","slug":"donate-copy-copy-3-copy-copy-2","status":"publish","type":"page","link":"https:\/\/www.sewabhartihp.org\/?page_id=4515","title":{"rendered":"Daily-news"},"content":{"rendered":"\n\n\t\t\t<h4>\n\t\t\t\t\tPhoto Gallery\n\t\t\t\t<\/h4>\n\t    <div class=\"daily-news-section\">\n        <h2>Daily News<\/h2>\n        <div class=\"news-grid\">\n                    <\/div>\n\n        <!-- Lightbox -->\n        <div id=\"news_lightbox\" class=\"news-lightbox\" onclick=\"closeNewsLightbox()\">\n            <div class=\"lightbox-content\" onclick=\"event.stopPropagation()\">\n                <img decoding=\"async\" id=\"lightbox_image\" src=\"\" alt=\"\">\n                <div id=\"lightbox_counter\"><\/div>\n                <div id=\"lightbox_text\"><\/div>\n\n                <div class=\"lightbox-actions\">\n                    <a id=\"lightbox_read\" href=\"#\" target=\"_blank\" class=\"lightbox-btn\">\ud83d\udcd6 Read<\/a>\n                    <a id=\"lightbox_download\" href=\"#\" download class=\"lightbox-btn\">\u2b07\ufe0f Download<\/a>\n                    <button onclick=\"closeNewsLightbox()\" class=\"lightbox-btn\">\u274c Cancel<\/button>\n                <\/div>\n\n                <button onclick=\"prevImage()\" class=\"nav-btn left\">\u2039<\/button>\n                <button onclick=\"nextImage()\" class=\"nav-btn right\">\u203a<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        .daily-news-section {\n            padding: 20px;\n        }\n        .news-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n            gap: 20px;\n        }\n        .news-card {\n            border: 1px solid #ddd;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 0 8px rgba(0,0,0,0.05);\n            cursor: pointer;\n            background: #fff;\n            display: flex;\n            flex-direction: column;\n        }\n        .news-card img {\n            width: 100%;\n            height: 200px;\n            object-fit: cover;\n        }\n        .news-meta {\n            padding: 12px;\n            flex: 1;\n        }\n        .news-meta h3 {\n            font-size: 16px;\n            font-weight: 600;\n            margin: 0 0 6px;\n            height: 3.8em;\n            overflow: hidden;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n        }\n        .news-date {\n            font-size: 12px;\n            color: #777;\n        }\n        .news-snippet {\n            margin-top: 8px;\n            font-size: 14px;\n            color: #444;\n        }\n\n        \/* Lightbox *\/\n        .news-lightbox {\n            display: none;\n            position: fixed;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            background: rgba(0, 0, 0, 0.75);\n            z-index: 9999;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .news-lightbox.active {\n            display: flex;\n        }\n\n        .lightbox-content {\n            width: 90%;\n            max-width: 600px;\n            background: #fff;\n            border-radius: 12px;\n            padding: 20px;\n            box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);\n            position: relative;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .lightbox-content img {\n            max-width: 100%;\n            height: auto;\n            margin-bottom: 15px;\n        }\n\n        .lightbox-actions {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-top: 15px;\n        }\n\n        .lightbox-btn {\n            padding: 10px 16px;\n            background: #0056b3;\n            color: white;\n            border: none;\n            border-radius: 6px;\n            cursor: pointer;\n            text-decoration: none;\n            font-weight: bold;\n        }\n\n        .lightbox-btn:hover {\n            background: #003f7f;\n        }\n\n        .nav-btn {\n            position: absolute;\n            top: 45%;\n            transform: translateY(-50%);\n            background: none;\n            border: none;\n            font-size: 30px;\n            color: black;\n            cursor: pointer;\n        }\n\n        .nav-btn.left {\n            left: 10px;\n        }\n\n        .nav-btn.right {\n            right: 10px;\n        }\n\n        @media (max-width: 768px) {\n            .news-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n    <\/style>\n\n    <script>\n        let currentImages = [];\n        let currentIndex = 0;\n\n        function openNewsLightbox(images, content) {\n            currentImages = images;\n            currentIndex = 0;\n            updateLightbox(content);\n            document.getElementById(\"news_lightbox\").classList.add(\"active\");\n        }\n\n        function closeNewsLightbox() {\n            document.getElementById(\"news_lightbox\").classList.remove(\"active\");\n        }\n\n        function updateLightbox(content) {\n            const img = currentImages[currentIndex];\n            document.getElementById('lightbox_image').src = img;\n            document.getElementById('lightbox_counter').textContent = `${currentIndex + 1} \/ ${currentImages.length}`;\n            document.getElementById('lightbox_text').innerHTML = content;\n\n            document.getElementById('lightbox_read').href = img;\n            document.getElementById('lightbox_download').href = img;\n        }\n\n        function prevImage() {\n            if (currentIndex > 0) {\n                currentIndex--;\n                updateLightbox(document.getElementById('lightbox_text').innerHTML);\n            }\n        }\n\n        function nextImage() {\n            if (currentIndex < currentImages.length - 1) {\n                currentIndex++;\n                updateLightbox(document.getElementById('lightbox_text').innerHTML);\n            }\n        }\n    <\/script>\n    \n\n","protected":false},"excerpt":{"rendered":"<p>Photo Gallery<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-4515","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/pages\/4515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4515"}],"version-history":[{"count":2,"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/pages\/4515\/revisions"}],"predecessor-version":[{"id":4519,"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/pages\/4515\/revisions\/4519"}],"wp:attachment":[{"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}