{"id":3496,"date":"2026-08-18T10:13:16","date_gmt":"2026-08-18T01:43:16","guid":{"rendered":"https:\/\/depedilocosnorte.com\/sdoin\/?page_id=3496"},"modified":"2026-08-18T14:51:02","modified_gmt":"2026-08-18T06:21:02","slug":"sdoin-code-of-conduct-mental-wellness-and-discipline-for-school-sports-2","status":"publish","type":"page","link":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/resources-2\/sdoin-code-of-conduct-mental-wellness-and-discipline-for-school-sports-2\/","title":{"rendered":"SDOIN Code of Conduct, Mental Wellness, and Discipline for School Sports"},"content":{"rendered":"\n<div class=\"sdoin-doc-wrap\">\n\n<style>\n.sdoin-doc-wrap {\n    max-width: 1100px;\n    margin: 3rem auto;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n}\n\n\n\/* ============================================================\n   DOCUMENT COUNT\n   ============================================================ *\/\n\n.sdoin-doc-count {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.7rem;\n    font-size: 1.4rem;\n    color: #2563eb;\n    font-weight: 800;\n    background: #eff6ff;\n    padding: 0.9rem 1.5rem;\n    border-radius: 999px;\n    margin-bottom: 2rem;\n    box-shadow: 0 3px 10px rgba(37, 99, 235, 0.10);\n}\n\n\n\/* ============================================================\n   CARD GRID\n   ============================================================ *\/\n\n.sdoin-card-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1.75rem;\n}\n\n\n\/* ============================================================\n   DOCUMENT CARD\n   ============================================================ *\/\n\n.sdoin-card {\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    border-radius: 16px;\n    padding: 2.2rem 2.4rem;\n    box-shadow: 0 2px 8px rgba(20, 30, 60, 0.06);\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: box-shadow 0.25s ease, transform 0.25s ease;\n}\n\n\n\/* ============================================================\n   TOP ACCENT\n   ============================================================ *\/\n\n.sdoin-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 7px;\n    background: linear-gradient(90deg, #1a2b6b, #3b4f9e);\n}\n\n\n\/* ============================================================\n   HOVER\n   ============================================================ *\/\n\n.sdoin-card:hover {\n    box-shadow: 0 14px 32px rgba(20, 30, 60, 0.14);\n    transform: translateY(-4px);\n}\n\n\n\/* ============================================================\n   CARD TOP\n   ============================================================ *\/\n\n.sdoin-card-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 1rem;\n    margin-top: 0.6rem;\n}\n\n\n\/* ============================================================\n   MEMO NUMBER\n   ============================================================ *\/\n\n.sdoin-card-memo {\n    font-size: 1.35rem;\n    font-weight: 800;\n    color: #1a2b6b;\n    margin: 0 0 0.9rem 0;\n    letter-spacing: -0.01em;\n    line-height: 1.35;\n}\n\n\n\/* ============================================================\n   YEAR BADGE\n   ============================================================ *\/\n\n.sdoin-card-badge {\n    flex-shrink: 0;\n    background: #f3f4f6;\n    color: #374151;\n    font-size: 1rem;\n    font-weight: 700;\n    padding: 0.45rem 1rem;\n    border-radius: 999px;\n    white-space: nowrap;\n}\n\n\n\/* ============================================================\n   TITLE\n   ============================================================ *\/\n\n.sdoin-card-title {\n    font-size: 1.7rem;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 1.7rem 0;\n    line-height: 1.35;\n    letter-spacing: -0.015em;\n}\n\n\n\/* ============================================================\n   META INFORMATION\n   ============================================================ *\/\n\n.sdoin-card-meta {\n    display: flex;\n    align-items: center;\n    gap: 0.7rem;\n    font-size: 1.2rem;\n    color: #4b5563;\n    margin: 0 0 0.9rem 0;\n    line-height: 1.5;\n}\n\n\n\/* ============================================================\n   META ICON\n   ============================================================ *\/\n\n.sdoin-card-meta svg {\n    width: 23px;\n    height: 23px;\n    fill: #9ca3af;\n    flex-shrink: 0;\n}\n\n\n\/* ============================================================\n   DOWNLOAD PDF BUTTON\n   ============================================================ *\/\n\n.sdoin-download-btn {\n    margin-top: 1.8rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.7rem;\n    background: linear-gradient(135deg, #1a2b6b, #2b3f8f);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-weight: 700;\n    font-size: 1.2rem;\n    padding: 1rem 1.6rem;\n    border-radius: 10px;\n    width: fit-content;\n    box-shadow: 0 4px 12px rgba(26, 43, 107, 0.25);\n    transition: box-shadow 0.25s ease, transform 0.25s ease, background 0.25s ease;\n    cursor: pointer;\n}\n\n\n\/* ============================================================\n   PDF BUTTON HOVER\n   ============================================================ *\/\n\n.sdoin-download-btn:hover {\n    background: linear-gradient(135deg, #101c4a, #1f2f70);\n    box-shadow: 0 8px 20px rgba(26, 43, 107, 0.35);\n    transform: translateY(-2px);\n    color: #ffffff !important;\n}\n\n\n\/* ============================================================\n   PDF BUTTON ICON\n   ============================================================ *\/\n\n.sdoin-download-btn svg {\n    width: 21px;\n    height: 21px;\n    fill: currentColor;\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC SECTION\n   ============================================================ *\/\n\n.sdoin-infographic-section {\n    margin-top: 2.5rem;\n    text-align: center;\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC TITLE\n   ============================================================ *\/\n\n.sdoin-infographic-title {\n    font-size: 1.5rem;\n    font-weight: 800;\n    color: #1a2b6b;\n    margin: 0 0 1rem 0;\n    line-height: 1.4;\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC BOX\n   ============================================================ *\/\n\n.sdoin-infographic-box {\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    border-radius: 16px;\n    padding: 1rem;\n    box-shadow: 0 4px 15px rgba(20, 30, 60, 0.08);\n}\n\n\n\/* ============================================================\n   IMAGE LINK\n   ============================================================ *\/\n\n.sdoin-image-link {\n    display: block;\n    cursor: zoom-in;\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC IMAGE\n   ============================================================ *\/\n\n.sdoin-infographic-box img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    margin: 0 auto;\n    border-radius: 10px;\n    transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n\n\/* ============================================================\n   IMAGE HOVER\n   ============================================================ *\/\n\n.sdoin-image-link:hover img {\n    opacity: 0.93;\n    transform: scale(1.005);\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC DOWNLOAD BUTTON\n   ============================================================ *\/\n\n.sdoin-infographic-download {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.6rem;\n    margin-top: 1.2rem;\n    background: linear-gradient(135deg, #f5a623, #e89412);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-weight: 700;\n    font-size: 1.05rem;\n    padding: 0.85rem 1.4rem;\n    border-radius: 10px;\n    box-shadow: 0 4px 12px rgba(245, 166, 35, 0.25);\n    transition: 0.25s ease;\n    cursor: pointer;\n    border: none;\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC BUTTON HOVER\n   ============================================================ *\/\n\n.sdoin-infographic-download:hover {\n    background: linear-gradient(135deg, #df8c0d, #c97800);\n    color: #ffffff !important;\n    transform: translateY(-2px);\n    box-shadow: 0 7px 18px rgba(245, 166, 35, 0.35);\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC BUTTON ICON\n   ============================================================ *\/\n\n.sdoin-infographic-download svg {\n    width: 21px;\n    height: 21px;\n    fill: currentColor;\n}\n\n\n\/* ============================================================\n   DOWNLOAD STATUS\n   ============================================================ *\/\n\n.sdoin-download-status {\n    display: none;\n    margin-top: 0.8rem;\n    font-size: 0.9rem;\n    color: #6b7280;\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC CAPTION\n   ============================================================ *\/\n\n.sdoin-infographic-caption {\n    font-size: 0.95rem;\n    color: #6b7280;\n    margin: 0.9rem 0 0.2rem 0;\n}\n\n\n\/* ============================================================\n   DESKTOP\n   ============================================================ *\/\n\n@media (min-width: 769px) {\n\n    .sdoin-doc-wrap {\n        max-width: 1200px;\n    }\n\n    .sdoin-card {\n        padding: 2.5rem 2.7rem;\n    }\n\n    .sdoin-card-memo {\n        font-size: 1.45rem;\n    }\n\n    .sdoin-card-badge {\n        font-size: 1.05rem;\n        padding: 0.5rem 1.1rem;\n    }\n\n    .sdoin-card-title {\n        font-size: 1.85rem;\n        line-height: 1.4;\n    }\n\n    .sdoin-card-meta {\n        font-size: 1.25rem;\n    }\n\n    .sdoin-download-btn {\n        font-size: 1.25rem;\n        padding: 1.05rem 1.7rem;\n    }\n\n    .sdoin-infographic-title {\n        font-size: 1.7rem;\n    }\n}\n\n\n\/* ============================================================\n   MOBILE\n   ============================================================ *\/\n\n@media (max-width: 600px) {\n\n    .sdoin-doc-wrap {\n        margin: 2rem 1rem;\n    }\n\n    .sdoin-doc-count {\n        font-size: 1.1rem;\n        padding: 0.7rem 1rem;\n    }\n\n    .sdoin-card-grid {\n        grid-template-columns: 1fr;\n        gap: 1.25rem;\n    }\n\n    .sdoin-card {\n        padding: 1.6rem;\n    }\n\n    .sdoin-card-top {\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n\n    .sdoin-card-memo {\n        font-size: 1.15rem;\n    }\n\n    .sdoin-card-title {\n        font-size: 1.45rem;\n        margin-bottom: 1.3rem;\n    }\n\n    .sdoin-card-meta {\n        font-size: 1rem;\n    }\n\n    .sdoin-download-btn {\n        width: 100%;\n        font-size: 1.05rem;\n    }\n\n    .sdoin-infographic-section {\n        margin-top: 2rem;\n    }\n\n    .sdoin-infographic-title {\n        font-size: 1.3rem;\n    }\n\n    .sdoin-infographic-box {\n        padding: 0.6rem;\n        border-radius: 12px;\n    }\n\n    .sdoin-infographic-box img {\n        border-radius: 8px;\n    }\n\n    .sdoin-infographic-download {\n        width: 100%;\n        font-size: 1rem;\n        padding: 0.9rem 1rem;\n    }\n\n    .sdoin-infographic-caption {\n        font-size: 0.8rem;\n    }\n}\n<\/style>\n\n\n<!-- ============================================================\n     DOCUMENT COUNT\n     ============================================================ -->\n\n<p class=\"sdoin-doc-count\">\n    \ud83d\udcc4 Showing 1 of 1 issuance\n<\/p>\n\n\n<!-- ============================================================\n     DOCUMENT CARD\n     ============================================================ -->\n\n<div class=\"sdoin-card-grid\">\n\n    <div class=\"sdoin-card\">\n\n        <div class=\"sdoin-card-top\">\n\n            <p class=\"sdoin-card-memo\">\n                Division Order No. 1, s. 2026\n            <\/p>\n\n            <span class=\"sdoin-card-badge\">\n                s. 2026\n            <\/span>\n\n        <\/div>\n\n\n        <p class=\"sdoin-card-title\">\n            SDOIN Code of Conduct, Mental Wellness, and Discipline for School Sports\n        <\/p>\n\n\n        <!-- DATE -->\n\n        <p class=\"sdoin-card-meta\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"><\/path>\n            <\/svg>\n\n            Issued: February 6, 2026\n\n        <\/p>\n\n\n        <!-- OFFICE -->\n\n        <p class=\"sdoin-card-meta\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 3L2 9v2h20V9L12 3zM4 13v6h4v-6H4zm6 0v6h4v-6h-4zm6 0v6h4v-6h-4zM2 21h20v2H2v-2z\"><\/path>\n            <\/svg>\n\n            Office of the Schools Division Superintendent\n\n        <\/p>\n\n\n        <!-- DOWNLOAD PDF -->\n\n        <a\n            class=\"sdoin-download-btn\"\n            href=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/Division-Order-No.-1-s.-2026-SDOIN-Code-of-COnduct-Mental-Wellness-and-Discipline-for-School-Spor-1.pdf\"\n            download=\"SDOIN-Code-of-Conduct-Mental-Wellness-and-Discipline-for-School-Sports-Division-Order-No-1-s-2026.pdf\"\n        >\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 16l-6-6h4V4h4v6h4l-6 6zm-8 2h16v2H4v-2z\"><\/path>\n            <\/svg>\n\n            Download PDF\n\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- ============================================================\n     SPORTS INFOGRAPHIC\n     ============================================================ -->\n\n<div class=\"sdoin-infographic-section\">\n\n    <h2 class=\"sdoin-infographic-title\">\n        SDOIN Comprehensive School Based Sports Program Operational Model\n    <\/h2>\n\n\n    <div class=\"sdoin-infographic-box\">\n\n\n        <!-- ====================================================\n             CLICK IMAGE TO VIEW FULL SIZE\n             ==================================================== -->\n\n        <a\n            class=\"sdoin-image-link\"\n            href=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/f0dbfeea-b77e-4482-86d1-6aea147743e2.jpeg\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            aria-label=\"View the SDOIN Comprehensive School Based Sports Program Operational Model infographic in full size\"\n        >\n\n            <img decoding=\"async\"\n                src=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/f0dbfeea-b77e-4482-86d1-6aea147743e2.jpeg\"\n                alt=\"SDOIN Comprehensive School Based Sports Program Operational Model\"\n                loading=\"lazy\"\n            >\n\n        <\/a>\n\n\n        <!-- ====================================================\n             DOWNLOAD INFOGRAPHIC\n             ==================================================== -->\n\n        <a\n            href=\"#\"\n            class=\"sdoin-infographic-download\"\n            onclick=\"sdoinDownloadSportsInfographic(event);\"\n            role=\"button\"\n        >\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 16l-6-6h4V4h4v6h4l-6 6zm-8 2h16v2H4v-2z\"><\/path>\n            <\/svg>\n\n            Download Infographic\n\n        <\/a>\n\n\n        <!-- DOWNLOAD STATUS -->\n\n        <div\n            id=\"sdoin-sports-download-status\"\n            class=\"sdoin-download-status\"\n            aria-live=\"polite\"\n        >\n            Preparing download&#8230;\n        <\/div>\n\n\n        <!-- CAPTION -->\n\n        <p class=\"sdoin-infographic-caption\">\n            Click the image to view it in full size, or download it using the button above.\n        <\/p>\n\n\n    <\/div>\n\n<\/div>\n\n\n<!-- ============================================================\n     INFOGRAPHIC DOWNLOAD JAVASCRIPT\n     ============================================================ -->\n\n<script>\n\nfunction sdoinDownloadSportsInfographic(event) {\n\n    event.preventDefault();\n\n    const imageURL =\n        \"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/f0dbfeea-b77e-4482-86d1-6aea147743e2.jpeg\";\n\n    const fileName =\n        \"SDOIN-Comprehensive-School-Based-Sports-Program-Operational-Model.jpeg\";\n\n    const status =\n        document.getElementById(\n            \"sdoin-sports-download-status\"\n        );\n\n    status.style.display = \"block\";\n\n    status.textContent =\n        \"Preparing download...\";\n\n\n    fetch(imageURL, {\n        method: \"GET\",\n        mode: \"cors\",\n        credentials: \"omit\"\n    })\n\n    .then(function(response) {\n\n        if (!response.ok) {\n\n            throw new Error(\n                \"Unable to download image. Server returned \" +\n                response.status\n            );\n\n        }\n\n        return response.blob();\n\n    })\n\n    .then(function(blob) {\n\n        const blobURL =\n            window.URL.createObjectURL(blob);\n\n        const downloadLink =\n            document.createElement(\"a\");\n\n        downloadLink.href =\n            blobURL;\n\n        downloadLink.download =\n            fileName;\n\n        downloadLink.style.display =\n            \"none\";\n\n        document.body.appendChild(\n            downloadLink\n        );\n\n        downloadLink.click();\n\n        document.body.removeChild(\n            downloadLink\n        );\n\n        setTimeout(function() {\n\n            window.URL.revokeObjectURL(\n                blobURL\n            );\n\n        }, 1000);\n\n\n        status.textContent =\n            \"Download started.\";\n\n\n        setTimeout(function() {\n\n            status.style.display =\n                \"none\";\n\n        }, 2500);\n\n    })\n\n\n    .catch(function(error) {\n\n        console.error(\n            \"SDOIN sports infographic download error:\",\n            error\n        );\n\n\n        status.innerHTML =\n            \"Automatic download was blocked by the server. \" +\n            \"Please right-click the image and choose \" +\n            \"<strong>Save image as...<\/strong>\";\n\n    });\n\n}\n\n<\/script>\n\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcc4 Showing 1 of 1 issuance Division Order No. 1, s. 2026 s. 2026 SDOIN Code of Conduct, Mental Wellness, &hellip; <\/p>\n","protected":false},"author":6,"featured_media":0,"parent":2213,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3496","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/3496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/comments?post=3496"}],"version-history":[{"count":10,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/3496\/revisions"}],"predecessor-version":[{"id":3580,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/3496\/revisions\/3580"}],"up":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2213"}],"wp:attachment":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/media?parent=3496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}