{"id":2630,"date":"2026-02-17T14:42:27","date_gmt":"2026-02-17T14:42:27","guid":{"rendered":"https:\/\/almanee.lbp-support.com\/?page_id=2630"},"modified":"2026-02-17T15:31:26","modified_gmt":"2026-02-17T15:31:26","slug":"ramadan-card","status":"publish","type":"page","link":"https:\/\/almanee.lbp-support.com\/en\/ramadan-card\/","title":{"rendered":"Ramadan card"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#000000&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/almanee.lbp-support.com\/wp-content\/uploads\/2026\/02\/Ramadan2026.webp&#8221; alt=&#8221;Happy Eid&#8221; title_text=&#8221;Ramadan2026&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;500px&#8221; width_tablet=&#8221;500px&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_button button_text=&#8221;Create your own congratulations&#8221; button_alignment=&#8221;center&#8221; module_id=&#8221;create-your-celebration-btn&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;17px&#8221; button_text_color=&#8221;#F6F6F6&#8243; button_font=&#8221;&#8211;et_global_body_font||||||||&#8221; background_layout=&#8221;dark&#8221; custom_css_free_form=&#8221;#create-your-celebration-btn{||  direction: ltr;||}&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_css_free_form=&#8221;.container-card {||    background: rgba(0, 0, 0, 0.2);||    padding: 30px;||    border-radius: 10px;||    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.2);||    max-width: 400px;||    margin: auto;||    text-align: center;||    font-family: &#8216;IBM Plex Sans Arabic&#8217;, sans-serif;||}||canvas {||    display: none;||}||#nameInput{||  border-color: RGBA(255, 255, 255, 0) RGBA(255, 255, 255, 0) rgba(152, 152, 152, 0.6) RGBA(255, 255, 255, 0);||    border-bottom-width: 1px;||    background-color: RGBA(255, 255, 255, 0);||    margin-bottom: 1em !important;||    padding-top: 0.8em !important;||    padding-right: 1em !important;||    padding-bottom: 0.8em !important;||    padding-left: 1em !important;||  color: white;||}||.color-white{||  color: white;||}||.button-submit-eid-card{||      border-width: 1px;||    border-color: #B5985A;||    ||    color: #F6F6F6 !important;||    line-height: 1.4em !important;||    background-color: RGBA(255, 255, 255, 0);||    margin-top: 1.5em !important;||    padding-top: 0.7em !important;||    padding-right: 2em !important;||    padding-bottom: 0.7em !important;||    padding-left: 2em !important;||      cursor: pointer;||      direction: ltr;||      font-size: 14px !important;||}||.button-submit-eid-card:hover {||    background-color: #B5985A;||}||.font-monteserrat{||  font-family: &#8216;Montserrat-Arabic-Light&#8217;,Helvetica,Arial,Lucida,sans-serif!important||}&#8221; global_colors_info=&#8221;{}&#8221;]<!-- Name Input Form --><!-- [et_pb_line_break_holder] --><\/p>\n<div style=\"display: none;\" class=\"container-card\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<h2 class=\"mb-4 text-center color-white font-monteserrat\">Enter your name<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/h2>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<form id=\"nameForm\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"mb-3\"><!-- [et_pb_line_break_holder] -->            <input type=\"text\" id=\"nameInput\" class=\"form-control text-center\" placeholder=\"Enter name\" required=\"\"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --><input type=\"text\" name=\"honeypot\" id=\"honeypot\" style=\"display:none\"><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <button type=\"submit\" class=\"btn btn-light btn-lg w-100 button-submit-eid-card\">Continue<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/button><!-- [et_pb_line_break_holder] -->    <\/form>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Hidden Canvas for Image Generation --><!-- [et_pb_line_break_holder] --><canvas id=\"canvas\"><\/canvas><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->    jQuery(document).ready(function($) {<!-- [et_pb_line_break_holder] -->\t\t\t$(\"#create-your-celebration-btn\").attr(\"href\", \"javascript:void(0);\");<!-- [et_pb_line_break_holder] -->\t\t\t $(\"#create-your-celebration-btn\").click(function(event) {<!-- [et_pb_line_break_holder] -->\t\t\t\t  event.preventDefault(); <!-- [et_pb_line_break_holder] -->\t\t\t\t     event.stopPropagation();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\t\t\t\t $(\".container-card\").show();<!-- [et_pb_line_break_holder] -->\t\t\t\t $(\"html, body\").animate({<!-- [et_pb_line_break_holder] -->            scrollTop: $(\".container-card\").offset().top -150<!-- [et_pb_line_break_holder] -->        }, 0);<!-- [et_pb_line_break_holder] -->\t\t\t\t <!-- [et_pb_line_break_holder] -->\t\t\t });<!-- [et_pb_line_break_holder] -->        $(\"#nameForm\").submit(function(event) {<!-- [et_pb_line_break_holder] -->            event.preventDefault(); \/\/ Prevent form submission to stop redirect<!-- [et_pb_line_break_holder] -->\t\tlet honeypot = $(\"#honeypot\").val().trim();<!-- [et_pb_line_break_holder] -->    if (honeypot) {<!-- [et_pb_line_break_holder] -->        \/\/ If the honeypot is filled, it's a bot<!-- [et_pb_line_break_holder] -->        alert(\"Bot detected!\");<!-- [et_pb_line_break_holder] -->        return;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->            let name = $(\"#nameInput\").val().trim();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Allow only English & Arabic letters<!-- [et_pb_line_break_holder] -->            if (!\/^[\\p{L}\\s]+$\/u.test(name)) {<!-- [et_pb_line_break_holder] -->                alert(\"Only letters (English & Arabic) and spaces are allowed.\");<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Generate the image with the name<!-- [et_pb_line_break_holder] -->            generateImage(name);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        function generateImage(name) {<!-- [et_pb_line_break_holder] -->            let canvas = document.getElementById(\"canvas\");<!-- [et_pb_line_break_holder] -->            let ctx = canvas.getContext(\"2d\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            let img = new Image();<!-- [et_pb_line_break_holder] -->            img.src = \"https:\/\/almanee.lbp-support.com\/wp-content\/uploads\/2026\/02\/Ramadan2026.jpg\";  <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            img.onload = function() {<!-- [et_pb_line_break_holder] -->                canvas.width = img.width;<!-- [et_pb_line_break_holder] -->                canvas.height = img.height;<!-- [et_pb_line_break_holder] -->                ctx.drawImage(img, 0, 0);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Set font to IBM Plex Sans Arabic<!-- [et_pb_line_break_holder] -->                ctx.font = \"58px 'IBM Plex Sans Arabic', sans-serif\";<!-- [et_pb_line_break_holder] -->                ctx.fillStyle = \"white\";<!-- [et_pb_line_break_holder] -->                ctx.textAlign = \"center\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Draw text at the bottom of the image<!-- [et_pb_line_break_holder] -->                ctx.fillText(name, canvas.width \/ 2, canvas.height - 380);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                let imageURL = canvas.toDataURL(\"image\/jpeg\");<!-- [et_pb_line_break_holder] -->                let a = document.createElement(\"a\");<!-- [et_pb_line_break_holder] -->                a.href = imageURL;<!-- [et_pb_line_break_holder] -->                a.download = \"Ramadan2026.png\";<!-- [et_pb_line_break_holder] -->                a.click();<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --> [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2630","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/almanee.lbp-support.com\/en\/wp-json\/wp\/v2\/pages\/2630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almanee.lbp-support.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almanee.lbp-support.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almanee.lbp-support.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/almanee.lbp-support.com\/en\/wp-json\/wp\/v2\/comments?post=2630"}],"version-history":[{"count":7,"href":"https:\/\/almanee.lbp-support.com\/en\/wp-json\/wp\/v2\/pages\/2630\/revisions"}],"predecessor-version":[{"id":2665,"href":"https:\/\/almanee.lbp-support.com\/en\/wp-json\/wp\/v2\/pages\/2630\/revisions\/2665"}],"wp:attachment":[{"href":"https:\/\/almanee.lbp-support.com\/en\/wp-json\/wp\/v2\/media?parent=2630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}