{"id":2677,"date":"2026-05-09T12:19:29","date_gmt":"2026-05-09T12:19:29","guid":{"rendered":"https:\/\/hodide.org\/?page_id=2677"},"modified":"2026-06-17T09:16:00","modified_gmt":"2026-06-17T09:16:00","slug":"directory","status":"publish","type":"page","link":"https:\/\/hodide.org\/?page_id=2677","title":{"rendered":"Directory"},"content":{"rendered":"\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 60px; align-items: start;\">\n            \n            <div>\n                <h3 style=\"font-size: 24px; color: #0f172a; font-weight: 800; margin: 0 0 20px 0;\">Quality &amp; Supervision<\/h3>\n                <p style=\"font-size: 16px; line-height: 1.8; color: #475569; margin-bottom: 25px;\">\n                    Our commitment extends far beyond mere establishment. We take pride in ensuring quality education by actively participating in the development and implementation of diverse curricula. \n                <\/p>\n                <p style=\"font-size: 16px; line-height: 1.8; color: #475569;\">\n                    Regular supervision is conducted to maintain exceptional standards in partnership with other stakeholders.\n                <\/p>\n            <\/div>\n\n            <div style=\"background: #11369b; padding: 40px; border-radius: 2px; color: #ffffff;\">\n                <h3 style=\"font-size: 22px; color: #ffffff; font-weight: 800; margin: 0 0 20px 0;\">Evangelization &amp; Future<\/h3>\n                <p style=\"font-size: 15px; line-height: 1.8; color: #bfdbfe; margin-bottom: 20px;\">\n                    We see these schools as more than educational institutions; they provide a unique opportunity for evangelization through the teaching of religion and catechism.\n                <\/p>\n                <p style=\"font-size: 15px; line-height: 1.8; color: #bfdbfe;\">\n                    In light of the growing oil industry, we develop relevant curricula to equip youth with essential skills for a dynamic world.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n        <div style=\"margin-top: 80px; text-align: center; border-top: 1px solid #e2e8f0; padding-top: 40px;\">\n            <p style=\"font-size: 18px; font-style: italic; color: #1e293b; max-width: 800px; margin: 0 auto;\">\n                &#8220;Together, we can create a brighter future for the youth and the entire community.&#8221;\n            <\/p>\n        <\/div>\n\n\n\n<style>\n    :root {\n        --primary-blue: #002347;\n        --accent-red: #d90429;\n        \/* Faint Blueish Overlay Gradient *\/\n        --overlay-gradient: linear-gradient(135deg, #f0f7ff 0%, #e9eff5 100%);\n        --white: #ffffff;\n        --text-main: #2d3436;\n    }\n\n    body { margin: 0; font-family: 'Inter', -apple-system, sans-serif; background-color: var(--white); }\n\n    \/* --- Justified Top Content --- *\/\n    .intro-container {\n        padding: 80px 12% 60px;\n        background-color: var(--white);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .red-divider-header {\n        position: relative;\n        width: 100%;\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .red-divider-header::before {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        height: 2px;\n        background: var(--accent-red);\n        z-index: 1;\n    }\n\n    .red-divider-header h1 {\n        position: relative;\n        z-index: 2;\n        background: var(--white);\n        padding: 0 40px;\n        display: inline-block;\n        color: var(--primary-blue);\n        text-transform: lowercase;\n        font-size: 2.5rem;\n        font-weight: 800;\n        letter-spacing: -1.5px;\n        margin: 0;\n    }\n\n    .justified-text {\n        max-width: 950px;\n        text-align: justify;\n        color: var(--text-main);\n        line-height: 1.9;\n        font-size: 1.15rem;\n        margin-top: 20px;\n    }\n\n    \/* --- Resource Grid with Blueish Overlay --- *\/\n    .resource-section {\n        padding: 80px 10% 120px;\n        background: var(--overlay-gradient); \n        position: relative;\n    }\n\n    .resource-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n        gap: 30px;\n    }\n\n    \/* Modern Card Design *\/\n    .resource-card {\n        background: var(--white);\n        border-radius: 24px;\n        padding: 40px;\n        position: relative;\n        overflow: hidden;\n        border: 1px solid rgba(0, 35, 71, 0.03);\n        box-shadow: 0 10px 40px rgba(0, 35, 71, 0.04);\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n\n    .resource-card:hover {\n        transform: translateY(-12px);\n        box-shadow: 0 25px 50px rgba(0, 35, 71, 0.08);\n        border-color: var(--accent-red);\n    }\n\n    .resource-card h2 {\n        color: var(--primary-blue);\n        font-size: 1.2rem;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        margin-bottom: 30px;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    \/* Bullet Point Styling *\/\n    .document-links {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .document-links li {\n        margin-bottom: 18px;\n        padding-left: 20px;\n        position: relative;\n    }\n\n    \/* Minimalist Red Circle Bullet *\/\n    .document-links li::before {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 6px;\n        height: 6px;\n        background-color: var(--accent-red);\n        border-radius: 50%;\n        transition: all 0.3s ease;\n    }\n\n    .document-links li:hover::before {\n        transform: translateY(-50%) scale(1.4);\n        background-color: var(--primary-blue);\n    }\n\n    .document-links li a {\n        text-decoration: none;\n        color: var(--text-main);\n        font-weight: 500;\n        font-size: 0.95rem;\n        transition: color 0.2s;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .document-links li a:hover {\n        color: var(--accent-red);\n    }\n\n    \/* Subtle Download Icon hint *\/\n    .document-links li a::after {\n        content: \"\u2193\";\n        font-size: 1.1rem;\n        opacity: 0;\n        transition: opacity 0.3s;\n    }\n\n    .document-links li a:hover::after {\n        opacity: 1;\n    }\n\n    .cat-icon { font-size: 1.4rem; opacity: 0.9; }\n\n<\/style>\n\n\n\n\n    <!-- SECTION 2: DOWNLOADABLE CATEGORIES -->\n    <section class=\"resource-section\">\n        <div class=\"resource-grid\">\n            \n            <!-- Category: Circulars -->\n            <div class=\"resource-card\">\n                <h2><span class=\"cat-icon\">\ud83d\udce2<\/span> Circulars<\/h2>\n                <ul class=\"document-links\">\n                    <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/HODIDE-CIRCULAR-END-OF-TERM-1-2024.pdf\" download=\"\">HODIDE-CIRCULAR-END-OF-TERM-1-2024<\/a><\/li>\n                    \n                <\/ul>\n            <\/div>\n\n            <!-- Category: Exams -->\n            <div class=\"resource-card\">\n                <h2><span class=\"cat-icon\">\ud83d\udcdd<\/span> Exams<\/h2>\n                <ul class=\"document-links\">\n                    <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/GENERAL-HODEB-MOCK-PRIMARY-PERFORMACE-2023.pdf\" download=\"\">HODEB-MOCK-PRIMARY-PERFORMACE-2023<\/a><\/li>\n                    \n                <\/ul>\n            <\/div>\n\n            <!-- Category: Resources -->\n            <div class=\"resource-card\">\n                <h2><span class=\"cat-icon\">\ud83d\udcc2<\/span> Resources<\/h2>\n                <ul class=\"document-links\">\n <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/The-Education-Act-2008-2.pdf\" download=\"\">The-Education-Act-2008<\/a><\/li>\n                    <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/EDUCATION-POLICY-1.pdf\" download=\"\">HOIMA DIOCESE  EDUCATION POLICY<\/a><\/li>\n                    <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/CHILD-PROTECTION-HANDBOOK.pdf\" download=\"\">CHILD-PROTECTION-HANDBOOK<\/a><\/li>\n                    \n                <\/ul>\n            <\/div>\n\n            <!-- Category: Governance -->\n            <div class=\"resource-card\">\n                <h2><span class=\"cat-icon\">\u2696\ufe0f<\/span> Governance<\/h2>\n                <ul class=\"document-links\">\n                    <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/ORGANISATIONAL-PROFILE-EDUCATION.pdf\" download=\"\">ORGANISATIONAL-PROFILE-EDUCATION<\/a><\/li>\n                    \n                <\/ul>\n            <\/div>\n\n            <!-- Category: Vacariate schools -->\n            <div class=\"resource-card\">\n                <h2><span class=\"cat-icon\">\ud83d\udc69\u200d\ud83c\udfeb<\/span> Vacariate schools<\/h2>\n                <ul class=\"document-links\">\n                    <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/HOIMA.pdf\" download=\"\">Hoima<\/a><\/li>\n                    <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/MASINDI.pdf\" download=\"\">Masindi<\/a><\/li>\n                    <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/KIBAALE-.pdf\" download=\"\">Kibaale<\/a><\/li>\n                    <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/KIBAALE-.pdf\" download=\"\">Kagadi<\/a><\/li>\n                <\/ul>\n            <\/div> \n\n            <!-- Category: Archives -->\n            <div class=\"resource-card\">\n                <h2><span class=\"cat-icon\">\ud83c\udfdb\ufe0f<\/span> Archives<\/h2>\n                <ul class=\"document-links\">\n                    <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/HODIDE-STRATEGIC-PLAN-PRINTOUT.pdf\" download=\"\">STRATEGIC PLAN 2021-2025<\/a><\/li>\n                    <li><a href=\"https:\/\/hodide.org\/wp-content\/uploads\/2026\/05\/SECOND-TERM-NEWS-LETTER-2019.pdf\" download=\"\">NEWS-LETTER-2019<\/a><\/li>\n                    \n                <\/ul>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n\n<!-- START OF CONTINUOUS FADE-LOOP BACKGROUND LAYER -->\n<div class=\"bg-loop-blend-container\">\n    <style>\n        \/* Scoped wrapper targeting only the background layer elements *\/\n        .bg-loop-blend-container {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100vw;\n            height: 100vh;\n            background: #ffffff; \/* Clean white base canvas *\/\n            z-index: -9999; \/* Keeps it completely behind your website content *\/\n            pointer-events: none; \/* Allows users to click and select text through it *\/\n            overflow: hidden;\n            box-sizing: border-box;\n        }\n\n        .bg-loop-blend-container *, \n        .bg-loop-blend-container *::before, \n        .bg-loop-blend-container *::after {\n            box-sizing: border-box !important;\n        }\n\n        \/* --- GRAPHICS LAYER: Continuous Reappearing & Blue-Dominant Blends --- *\/\n        .bg-loop-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            \n            \/* Global continuous fade-in, fade-out breathing animation loop *\/\n            animation: bgGlobalFadeLoop 14s ease-in-out infinite;\n        }\n\n        .bg-loop-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(70px); \n            \/* Continuous floating motion loop running alongside the fade loop *\/\n            animation: bgLoopFloat 30s infinite ease-in-out;\n        }\n\n        \/* DOMINANT BLUE BLEND: Larger size, higher visibility, placed closer to center *\/\n        .bg-loop-orb.blue-dominant-spread { \n            width: 900px; height: 900px; \n            left: 5%; top: -15%; \n            \/* Enhanced to a richer 24% opacity for strong blue presence *\/\n            background: radial-gradient(circle, rgba(26, 68, 108, 0.24) 0%, rgba(26, 68, 108, 0.08) 50%, rgba(255, 255, 255, 0) 75%);\n            animation-duration: 26s; \n        }\n\n        \/* SUBDUED RED BLEND: Scaled down smaller and kept faint as a secondary accent *\/\n        .bg-loop-orb.red-subdued-spread { \n            width: 600px; height: 600px; \n            right: 15%; bottom: -10%; \n            \/* Maintained at a soft 12% opacity so it does not overpower the blue *\/\n            background: radial-gradient(circle, rgba(163, 29, 51, 0.12) 0%, rgba(163, 29, 51, 0.04) 50%, rgba(255, 255, 255, 0) 75%);\n            animation-duration: 34s; animation-delay: -6s; \n        }\n\n        \/* 1. Continuous Reappearing Loop (Fade In -> Hold -> Fade Out -> Repeat) *\/\n        @keyframes bgGlobalFadeLoop {\n            0% {\n                opacity: 0;\n                transform: scale(0.96);\n            }\n            25% {\n                opacity: 1; \/* Fully visible by 3.5 seconds (25% of 14s) *\/\n                transform: scale(1);\n            }\n            60% {\n                opacity: 1; \/* Holds visibility through the midway point *\/\n                transform: scale(1.02);\n            }\n            100% {\n                opacity: 0; \/* Smoothly fades back to clean white before restarting *\/\n                transform: scale(0.96);\n            }\n        }\n\n        \/* 2. Gentle organic floating movement loop *\/\n        @keyframes bgLoopFloat {\n            0% { transform: translateY(0) scale(1) translate3d(0, 0, 0); }\n            50% { transform: translateY(-25px) scale(1.03) translate3d(15px, 10px, 0); }\n            100% { transform: translateY(0) scale(1) translate3d(0, 0, 0); }\n        }\n\n        \/* Scaling optimizations for smaller mobile displays *\/\n        @media (max-width: 768px) {\n            .bg-loop-orb.blue-dominant-spread { width: 550px; height: 550px; }\n            .bg-loop-orb.red-subdued-spread { width: 380px; height: 380px; }\n            .bg-loop-orb { filter: blur(45px); }\n        }\n    <\/style>\n\n    <!-- The animated wrapper layer executing the continuous fade loop -->\n    <div class=\"bg-loop-particles\">\n        <div class=\"bg-loop-orb blue-dominant-spread\"><\/div>\n        <div class=\"bg-loop-orb red-subdued-spread\"><\/div>\n    <\/div>\n<\/div>\n<!-- END OF CONTINUOUS FADE-LOOP BACKGROUND LAYER -->\n","protected":false},"excerpt":{"rendered":"<p>Quality &amp; Supervision Our commitment extends far beyond mere establishment. We take pride in ensuring quality education by actively participating in the development and implementation of diverse curricula. Regular supervision&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2677","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hodide.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2677"}],"version-history":[{"count":51,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2677\/revisions"}],"predecessor-version":[{"id":3559,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2677\/revisions\/3559"}],"wp:attachment":[{"href":"https:\/\/hodide.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}