{"id":13661,"date":"2024-11-11T12:57:42","date_gmt":"2024-11-11T07:12:42","guid":{"rendered":"https:\/\/www.nfdn.org.np\/?page_id=13661"},"modified":"2025-03-06T16:00:28","modified_gmt":"2025-03-06T10:15:28","slug":"resource-library","status":"publish","type":"page","link":"https:\/\/www.nfdn.org.np\/ne\/resource-library\/","title":{"rendered":"Resource Library"},"content":{"rendered":"    <style>\n\t\t\n        \/* Main container *\/\n        #filter-results.post-grid {\n            display: flex;\n            flex-wrap: wrap;\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 2rem;\n            gap: 2rem;\n        }\n\n        \/* Individual card container *\/\n        #filter-results.post-grid .post-card {\n\t\t\tpadding:20px;\n            display: flex;\n            flex-direction: row;\n            background-color: #fff;\n            border-radius: 8px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            text-decoration: none;\n            color: #333;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            width: calc(50% - 1.34rem); \/* Account for gap *\/\n        }\n\n        #filter-results.post-grid .post-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);\n        }\n\n        \/* Thumbnail styling - book spine look *\/\n        #filter-results.post-grid .post-thumbnail-filter {\n            width: 40%;\n            min-height: 220px;\n            background-color: #f5f5f5;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            border-right: 4px solid #e0e0e0;\n            flex-shrink: 0;\n        }\n\n        #filter-results.post-grid .post-thumbnail-filter img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n        }\n\n        #filter-results.post-grid .post-card:hover .post-thumbnail-filter img {\n            transform: scale(1.05);\n        }\n\n        \/* Content styling *\/\n        #filter-results.post-grid .post-content {\n            width: 70%;\n            padding: 1.5rem;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        #filter-results.post-grid .post-date {\n            color: #666;\n            font-size: 0.9rem;\n            margin-bottom: 0.5rem;\n            display: flex;\n            align-items: center;\n        }\n\n        #filter-results.post-grid .calendar-icon {\n            margin-right: 0.5rem;\n        }\n\n        #filter-results.post-grid .post-title {\n            margin: 0;\n            font-size: 1rem;\n            line-height: 1.4;\n            font-weight: 600;\n            color: #333;\n            transition: color 0.3s ease;\n        }\n\n        #filter-results.post-grid .post-card:hover .post-title {\n            color: #0066cc;\n        }\n\n        \/* Responsive styles *\/\n        \/* Tablet: 2 cards per row *\/\n        @media (max-width: 992px) {\n            #filter-results.post-grid .post-card {\n                width: calc(50% - 1rem); \/* 2 cards per row on tablet *\/\n            }\n            \n            #filter-results.post-grid .post-title {\n                font-size: 0.95rem;\n            }\n        }\n\n        \/* Mobile: 1 card per row *\/\n        @media (max-width: 576px) {\n            #filter-results.post-grid .post-card {\n                width: 100%; \/* Full width on mobile *\/\n                flex-direction: column;\n            }\n            \n            #filter-results.post-grid .post-thumbnail-filter {\n                width: 100%;\n                min-height: 180px;\n                border-right: none;\n                border-bottom: 4px solid #e0e0e0;\n            }\n            \n            #filter-results.post-grid .post-content {\n                width: 100%;\n                padding: 1.2rem;\n            }\n        }\n\n        \/* Filter form styling *\/\n        #custom-filter {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n            margin-bottom: 2rem;\n            max-width: 1200px;\n            margin: 0 auto 2rem auto;\n            padding: 0 2rem;\n        }\n\n        #custom-filter .filter-input,\n        #custom-filter .filter-select {\n            padding: 0.5rem 1rem;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            flex: 1;\n            min-width: 150px;\n        }\n\t\t #custom-filter .filter-input:focus,\n\t\t#custom-filter .filter-select:focus{\n\t\t\toutline:1px solid #000;\n\t\t}\n\n        #custom-filter .filter-button {\n            padding: 0.5rem 1.5rem;\n            background-color: var(--global-palette1);\n            color: white;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n        }\n\n        #custom-filter .filter-button:hover {\n            background-color: #0052a3;\n        }\n\n        \/* Pagination styling *\/\n        #pagination {\n            margin-top: 2rem;\n            text-align: center;\n            max-width: 1200px;\n            margin: 2rem auto;\n            padding: 0 2rem;\n        }\n\n        #pagination .pagination {\n            display: flex;\n            justify-content: center;\n            gap: 0.5rem;\n            flex-wrap: wrap;\n        }\n\n        #pagination .pagination a {\n            padding: 0.5rem 1rem;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            text-decoration: none;\n            color: #333;\n            transition: background-color 0.3s ease;\n        }\n\n        #pagination .pagination a:hover {\n            background-color: #f5f5f5;\n        }\n\n        #pagination .pagination .current {\n            padding: 0.5rem 1rem;\n            background-color: var(--global-palette1);\n            color: white;\n            border-radius: 4px;\n        }\n    <\/style>\n\n    <form id=\"custom-filter\" class=\"custom-filter\" method=\"post\" action=\"https:\/\/www.nfdn.org.np\/wp-admin\/admin-ajax.php\">\n        <label for=\"search\" class=\"screen-reader-text\">Search<\/label>\n        <input type=\"text\" id=\"search\" name=\"search\" class=\"filter-input\" placeholder=\"Search...\" aria-label=\"Search posts\">\n        \n        <label for=\"category\" class=\"screen-reader-text\">Category<\/label>\n        <select id=\"category\" name=\"category\" class=\"filter-select\" aria-label=\"Filter by category\">\n            <option value=\"\">All Categories<\/option>\n            <option value=\"72\">Covid-19 Response<\/option><option value=\"81\">\u0968\u0967\u0914\u0901 \u0935\u093e\u0930\u094d\u0937\u093f\u0915 \u0938\u093e\u0927\u093e\u0930\u0923 \u0938\u092d\u093e \u0924\u0925\u093e \u096f\u0914\u0901 \u092e\u093e\u0939\u093e\u0927\u093f\u0935\u0947\u0936\u0928<\/option><option value=\"56\">accessibility<\/option><option value=\"12\">Advocacy Documents<\/option><option value=\"85\">Articles<\/option><option value=\"36\">audio<\/option><option value=\"75\">Case Stories<\/option><option value=\"47\">definition-and-classification<\/option><option value=\"45\">Disability Resources<\/option><option value=\"30\">Disability Statistics<\/option><option value=\"49\">education<\/option><option value=\"53\">employment<\/option><option value=\"57\">empowerment<\/option><option value=\"86\">expert-article<\/option><option value=\"31\">External Resources<\/option><option value=\"80\">Featured<\/option><option value=\"52\">health<\/option><option value=\"48\">identification<\/option><option value=\"32\">International Policies<\/option><option value=\"46\">introduction-to-resource-book<\/option><option value=\"59\">legal<\/option><option value=\"55\">mobility<\/option><option value=\"15\">National Policies<\/option><option value=\"7\">News<\/option><option value=\"87\">Notice<\/option><option value=\"3\">Organization<\/option><option value=\"10\">Organizational Documents<\/option><option value=\"76\">Past Vacancy<\/option><option value=\"11\">Presentations<\/option><option value=\"6\">Press Release<\/option><option value=\"60\">programs<\/option><option value=\"74\">Projects<\/option><option value=\"14\">Publications<\/option><option value=\"8\">Rupantaran<\/option><option value=\"50\">scholarships<\/option><option value=\"84\">Shadows to Spotlight<\/option><option value=\"51\">special-education<\/option><option value=\"58\">sports<\/option><option value=\"9\">Studies And Surveys<\/option><option value=\"54\">training<\/option><option value=\"1\">Uncategorized<\/option><option value=\"37\">Vacancy<\/option><option value=\"33\">Video<\/option>        <\/select>\n        \n        <label for=\"year\" class=\"screen-reader-text\">Year<\/label>\n        <select id=\"year\" name=\"year\" class=\"filter-select\" aria-label=\"Filter by year\">\n            <option value=\"\">All Years<\/option>\n            <option value=\"2026\">2026<\/option><option value=\"2025\">2025<\/option><option value=\"2024\">2024<\/option><option value=\"2023\">2023<\/option><option value=\"2022\">2022<\/option><option value=\"2021\">2021<\/option><option value=\"2020\">2020<\/option><option value=\"2019\">2019<\/option><option value=\"2018\">2018<\/option><option value=\"2017\">2017<\/option><option value=\"2016\">2016<\/option><option value=\"2015\">2015<\/option><option value=\"2014\">2014<\/option><option value=\"2013\">2013<\/option><option value=\"2012\">2012<\/option><option value=\"2005\">2005<\/option>        <\/select>\n        \n        <button type=\"submit\" id=\"filter-submit\" class=\"filter-button\">Filter<\/button>\n    <\/form>\n    \n    <div id=\"filter-results\" class=\"post-grid\" aria-live=\"polite\"><\/div>\n    <div id=\"pagination\"><\/div>\n    \n    <script>\n        jQuery(document).ready(function($) {\n            function fetchPosts(page = 1) {\n                let formData = $('#custom-filter').serialize() + '&action=filter_posts&page=' + page;\n                $.post('https:\/\/www.nfdn.org.np\/wp-admin\/admin-ajax.php', formData, function(response) {\n                    $('#filter-results').html(response.posts).hide().fadeIn(300);\n                    $('#pagination').html(response.pagination).hide().fadeIn(300);\n                }, 'json');\n            }\n            \n            $('#custom-filter').on('submit', function(e) {\n                e.preventDefault();\n                fetchPosts();\n            });\n            \n            $(document).on('click', '.pagination a', function(e) {\n                e.preventDefault();\n                let page = $(this).attr('data-page').match(\/paged=(\\d+)\/);\n                page = page ? page[1] : 1;\n                fetchPosts(page);\n            });\n            \n            fetchPosts();\n        });\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"url":"","client":"","location":"","start_date":"","end_date":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"normal","_kad_post_sidebar_id":"","_kad_post_content_style":"boxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-13661","page","type-page","status-publish","hentry"],"translation":{"provider":"WPGlobus","version":"3.0.2","language":"ne","enabled_languages":["en","ne"],"languages":{"en":{"title":true,"content":true,"excerpt":false},"ne":{"title":false,"content":false,"excerpt":false}}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"NFDN Admin","author_link":"https:\/\/www.nfdn.org.np\/ne\/author\/boeingtunisian\/"},"comment_info":"","_links":{"self":[{"href":"https:\/\/www.nfdn.org.np\/ne\/wp-json\/wp\/v2\/pages\/13661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nfdn.org.np\/ne\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nfdn.org.np\/ne\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nfdn.org.np\/ne\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nfdn.org.np\/ne\/wp-json\/wp\/v2\/comments?post=13661"}],"version-history":[{"count":16,"href":"https:\/\/www.nfdn.org.np\/ne\/wp-json\/wp\/v2\/pages\/13661\/revisions"}],"predecessor-version":[{"id":13910,"href":"https:\/\/www.nfdn.org.np\/ne\/wp-json\/wp\/v2\/pages\/13661\/revisions\/13910"}],"wp:attachment":[{"href":"https:\/\/www.nfdn.org.np\/ne\/wp-json\/wp\/v2\/media?parent=13661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}