{"id":5282,"date":"2026-07-21T00:57:19","date_gmt":"2026-07-20T22:57:19","guid":{"rendered":"https:\/\/omra-cles-en-main.com\/?page_id=5282"},"modified":"2026-08-05T15:36:38","modified_gmt":"2026-08-05T13:36:38","slug":"aid-2026-a-makkah","status":"publish","type":"page","link":"https:\/\/omra-cles-en-main.com\/en\/aid-2026-a-makkah\/","title":{"rendered":"A\u00efd 2026 \u00e0 Makkah"},"content":{"rendered":"<div class=\"aid-video-page\">\n\n    <div class=\"aid-phone\">\n\n        <div class=\"aid-phone-island\"><\/div>\n\n        <div class=\"aid-phone-screen\">\n\n            <button\n                class=\"aid-video-preview\"\n                type=\"button\"\n                aria-label=\"Watch the Aid 2026 video\">\n\n                <img decoding=\"async\"\n                    data-src=\"https:\/\/omra-cles-en-main.com\/wp-content\/uploads\/2026\/05\/makkah-4.jpg\"\n                    alt=\"Aid 2026 a Makkah\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1920;\">\n\n                <div class=\"aid-overlay-title\">\n                    <div class=\"aid-overlay-main-title\">\n                        AID 2026\n                    <\/div>\n\n                    <div class=\"aid-overlay-badge\">\n                        A MAKKAH\n                    <\/div>\n                <\/div>\n\n                <span class=\"aid-play-button\" aria-hidden=\"true\">\n                    <span class=\"aid-play-icon\"><\/span>\n                <\/span>\n\n            <\/button>\n\n            <video\n                class=\"aid-video\"\n                controls\n playsinline\n preload=\"metadata\"\n                poster=\"https:\/\/omra-cles-en-main.com\/wp-content\/uploads\/2026\/05\/makkah-4.jpg\">\n\n                <source\n                    src=\"https:\/\/omra-cles-en-main.com\/videos\/aid-2026.mp4\"\n                    type=\"video\/mp4\">\n\n                Your browser does not support playing this video.\n\n            <\/video>\n\n        <\/div>\n\n        <div class=\"aid-phone-bar\"><\/div>\n\n    <\/div>\n\n    <div class=\"aid-video-content\">\n\n        <p class=\"aid-video-instruction\">\n            Click on the video to watch it in full size\n        <\/p>\n\n        <p class=\"aid-video-message\">\n            May Allah accept your sadaqa\n            <br>\n            Participate now in our next distribution\n        <\/p>\n\n        <a\n            class=\"aid-donation-button\"\n            href=\"https:\/\/omra-cles-en-main.com\/en\/product\/60-bouteilles-deau-5-ruptures-de-jeune-2-repas-chauds-3ilm\/\">\n\n            Participate in the next sadaqa\n\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n<style>\n\n.aid-video-page,\n.aid-video-page * {\n    box-sizing: border-box;\n}\n\n.aid-video-page {\n    width: 100%;\n    min-height: 100vh;\n    min-height: 100svh;\n\n    padding: 42px 15px;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    background:\n        linear-gradient(\n            rgba(0, 0, 0, 0.32),\n            rgba(0, 0, 0, 0.72)\n        ),\n        url(\"https:\/\/omra-cles-en-main.com\/wp-content\/uploads\/2026\/05\/makkah-1.jpg\");\n\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n}\n\n.aid-phone {\n    position: relative;\n\n    width: min(365px, 88vw);\n    aspect-ratio: 9 \/ 18.3;\n\n    padding: 6px;\n\n    border: 2px solid rgba(125, 125, 125, 0.85);\n    border-radius: 42px;\n\n    background: #101010;\n\n    box-shadow:\n        0 18px 45px rgba(0, 0, 0, 0.52),\n        inset 0 0 0 1px rgba(255, 255, 255, 0.13);\n}\n\n.aid-phone-screen {\n    position: relative;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: hidden;\n\n    border-radius: 35px;\n    background: #000;\n}\n\n.aid-phone-island {\n    position: absolute;\n    z-index: 20;\n\n    top: 14px;\n    left: 50%;\n\n    width: 87px;\n    height: 25px;\n\n    transform: translateX(-50%);\n\n    border-radius: 999px;\n\n    background: #050505;\n\n    pointer-events: none;\n}\n\n.aid-phone-bar {\n    position: absolute;\n    z-index: 20;\n\n    bottom: 14px;\n    left: 50%;\n\n    width: 92px;\n    height: 5px;\n\n    transform: translateX(-50%);\n\n    border-radius: 999px;\n\n    background: rgba(255, 255, 255, 0.92);\n\n    pointer-events: none;\n}\n\n.aid-video-preview {\n    position: absolute;\n    z-index: 5;\n\n    inset: 0;\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    padding: 0;\n    border: 0;\n\n    overflow: hidden;\n\n    cursor: pointer;\n    background: #000;\n}\n\n.aid-video-preview img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n}\n\n.aid-overlay-title {\n    position: absolute;\n    z-index: 8;\n\n    top: 12%;\n    left: 50%;\n\n    width: 100%;\n    padding: 0 15px;\n\n    transform: translateX(-50%);\n\n    text-align: center;\n\n    pointer-events: none;\n}\n\n.aid-overlay-main-title {\n    margin: 0;\n\n    color: #fff;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 43px;\n    font-weight: 500;\n    line-height: 1.1;\n    letter-spacing: 4px;\n\n    text-shadow:\n        0 3px 4px rgba(0, 0, 0, 0.95),\n        0 0 12px rgba(0, 0, 0, 0.65);\n}\n\n.aid-overlay-badge {\n    display: inline-block;\n\n    margin-top: 14px;\n    padding: 9px 22px;\n\n    border-radius: 9px;\n\n    background: rgba(185, 138, 30, 0.93);\n    color: #fff;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 23px;\n    font-weight: 500;\n    line-height: 1.1;\n    letter-spacing: 3px;\n\n    box-shadow:\n        0 5px 14px rgba(0, 0, 0, 0.38);\n}\n\n.aid-play-button {\n    position: absolute;\n    z-index: 9;\n\n    top: 50%;\n    left: 50%;\n\n    width: 82px;\n    height: 82px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    transform: translate(-50%, -50%);\n\n    border: 4px solid rgba(255, 255, 255, 0.96);\n    border-radius: 50%;\n\n    background: #dc282e;\n\n    box-shadow:\n        0 9px 25px rgba(0, 0, 0, 0.48);\n\n    transition:\n        transform 0.2s ease,\n        background 0.2s ease;\n}\n\n.aid-video-preview:hover .aid-play-button {\n    transform: translate(-50%, -50%) scale(1.07);\n    background: #bd171d;\n}\n\n.aid-play-icon {\n    width: 0;\n    height: 0;\n\n    margin-left: 7px;\n\n    border-top: 15px solid transparent;\n    border-bottom: 15px solid transparent;\n    border-left: 25px solid #fff;\n}\n\n.aid-video {\n    position: absolute;\n    z-index: 4;\n\n    inset: 0;\n\n    display: none;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: contain;\n\n    background: #000;\n}\n\n.aid-video.is-active {\n    display: block;\n}\n\n.aid-video-content {\n    width: min(680px, 100%);\n    margin-top: 30px;\n\n    text-align: center;\n}\n\n.aid-video-instruction {\n    margin: 0 0 24px;\n\n    color: #fff;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 25px;\n    font-weight: 400;\n    line-height: 1.45;\n\n    text-shadow:\n        0 2px 7px rgba(0, 0, 0, 0.95);\n}\n\n.aid-video-message {\n    margin: 0 0 28px;\n\n    color: #fff;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 24px;\n    font-weight: 400;\n    line-height: 1.55;\n\n    text-shadow:\n        0 2px 7px rgba(0, 0, 0, 0.95);\n}\n\n.aid-donation-button {\n    display: block;\n\n    width: min(670px, 100%);\n    margin: 0 auto;\n    padding: 20px 18px;\n\n    border-radius: 18px;\n\n    background: #df2e32;\n    color: #fff !important;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 1.3;\n\n    text-align: center;\n    text-decoration: none;\n\n    box-shadow:\n        0 10px 28px rgba(0, 0, 0, 0.38);\n\n    transition:\n        transform 0.2s ease,\n        background 0.2s ease;\n}\n\n.aid-donation-button:hover {\n    transform: translateY(-2px);\n\n    background: #bd171d;\n    color: #fff !important;\n}\n\n@media screen and (max-width: 549px) {\n\n    .aid-video-page {\n        min-height: auto;\n        padding: 22px 12px 35px;\n    }\n\n    .aid-phone {\n        width: min(340px, 91vw);\n\n        padding: 5px;\n\n        border-width: 1px;\n        border-radius: 38px;\n    }\n\n    .aid-phone-screen {\n        border-radius: 32px;\n    }\n\n    .aid-phone-island {\n        top: 12px;\n\n        width: 78px;\n        height: 22px;\n    }\n\n    .aid-phone-bar {\n        bottom: 12px;\n    }\n\n    .aid-overlay-title {\n        top: 13%;\n    }\n\n    .aid-overlay-main-title {\n        font-size: 38px;\n        letter-spacing: 3px;\n    }\n\n    .aid-overlay-badge {\n        margin-top: 12px;\n        padding: 8px 18px;\n\n        font-size: 20px;\n        letter-spacing: 2px;\n    }\n\n    .aid-play-button {\n        width: 76px;\n        height: 76px;\n    }\n\n    .aid-video-content {\n        margin-top: 25px;\n    }\n\n    .aid-video-instruction {\n        margin-bottom: 22px;\n\n        font-size: 22px;\n        line-height: 1.45;\n    }\n\n    .aid-video-message {\n        margin-bottom: 25px;\n\n        font-size: 21px;\n        line-height: 1.5;\n    }\n\n    .aid-donation-button {\n        padding: 19px 12px;\n\n        border-radius: 17px;\n\n        font-size: 21px;\n    }\n}\n\n<\/style>\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const preview = document.querySelector(\".aid-video-preview\");\n    const video = document.querySelector(\".aid-video\");\n\n    if (!preview || !video) {\n        return;\n    }\n\n    preview.addEventListener(\"click\", function () {\n\n        preview.style.display = \"none\";\n        video.classList.add(\"is-active\");\n\n        const playPromise = video.play();\n\n        if (playPromise !== undefined) {\n\n            playPromise.catch(function () {\n                video.controls = true;\n            });\n\n        }\n\n    });\n\n});\n\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank-landingpage.php","meta":{"footnotes":""},"class_list":["post-5282","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/omra-cles-en-main.com\/en\/wp-json\/wp\/v2\/pages\/5282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/omra-cles-en-main.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/omra-cles-en-main.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/omra-cles-en-main.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/omra-cles-en-main.com\/en\/wp-json\/wp\/v2\/comments?post=5282"}],"version-history":[{"count":13,"href":"https:\/\/omra-cles-en-main.com\/en\/wp-json\/wp\/v2\/pages\/5282\/revisions"}],"predecessor-version":[{"id":5505,"href":"https:\/\/omra-cles-en-main.com\/en\/wp-json\/wp\/v2\/pages\/5282\/revisions\/5505"}],"wp:attachment":[{"href":"https:\/\/omra-cles-en-main.com\/en\/wp-json\/wp\/v2\/media?parent=5282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}