{"id":25837,"date":"2024-08-24T02:20:35","date_gmt":"2024-08-23T23:20:35","guid":{"rendered":"http:\/\/localhost:85\/abana2\/guide-de-loblat\/"},"modified":"2026-03-25T21:59:21","modified_gmt":"2026-03-25T19:59:21","slug":"%d8%af%d9%84%d9%8a%d9%84-%d8%ac%d9%85%d8%a7%d8%b9%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d8%aa%d8%b2%d9%85%d9%8a%d9%86","status":"publish","type":"page","link":"https:\/\/abanacybermite.com\/ar\/%d8%af%d9%84%d9%8a%d9%84-%d8%ac%d9%85%d8%a7%d8%b9%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d8%aa%d8%b2%d9%85%d9%8a%d9%86\/","title":{"rendered":"\u062f\u0644\u064a\u0644 \u062c\u0645\u0627\u0639\u0629 \u0627\u0644\u0645\u0644\u062a\u0632\u0645\u064a\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25837\" class=\"elementor elementor-25837 elementor-25161\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c7bada2 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"c7bada2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e0364ac sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"e0364ac\" data-element_type=\"column\" data-e-type=\"column\" id=\"book-column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-44fccff sc_fly_static elementor-widget elementor-widget-heading\" data-id=\"44fccff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Guide de l'Oblat<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89852d4 sc_height_small sc_fly_static elementor-widget elementor-widget-spacer\" data-id=\"89852d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cd5518 sc_fly_static elementor-widget elementor-widget-text-editor\" data-id=\"1cd5518\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"trx_addons_accent\">Malheureusement le guide des oblats n&#8217;est disponible qu&#8217;en Fran\u00e7ais et en Arabe pour le moment.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6eaf83 sc_height_small sc_fly_static elementor-widget elementor-widget-spacer\" data-id=\"c6eaf83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44faafe sc_fly_static elementor-widget elementor-widget-html\" data-id=\"44faafe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"oblat-widget\">\r\n  <script>\r\n    function getColumnWidth() {\r\n      var element = document.getElementById('book-column');\r\n      if (element) {\r\n        var width = element.offsetWidth;\r\n        var parentWidth = element.parentNode.offsetWidth;\r\n        var percentage = (width \/ parentWidth);\r\n        return percentage;\r\n      }\r\n      return null;\r\n    }\r\n\r\n    function updateBookWidgetWidthPercentage() {\r\n      var bookWidget = document.getElementById('oblat-widget');\r\n      var parentColumnWidthPercentage = getColumnWidth();\r\n      bookWidget.style.cssText = \"--required-percentage: \" + parentColumnWidthPercentage + \";\";\r\n    }\r\n    updateBookWidgetWidthPercentage();\r\n    window.addEventListener('resize', updateBookWidgetWidthPercentage);<\/script>\r\n  <style>\r\n    #oblat-widget {\r\n      \/* --required-percentage: 1; *\/\r\n      --base-percentage: 1;\r\n      --adjustment-percentage: calc(var(--base-percentage)\/var(--required-percentage));\r\n      --width: 90vw;\r\n      --height: 80vh;\r\n      --min-width: calc(var(--required-percentage)*var(--width));\r\n      --max-height: calc(var(--required-percentage)*var(--height));\r\n      --perspective: calc(2.5*var(--required-percentage)*var(--adjustment-percentage)*var(--min-width));\r\n      --pages-width: calc(0.6*var(--required-percentage)*var(--adjustment-percentage)*var(--min-width));\r\n      --pages-height: calc(0.424269300544245*var(--required-percentage)*var(--adjustment-percentage)*var(--min-width));\r\n      --page-width: calc(0.3*var(--required-percentage)*var(--adjustment-percentage)*var(--min-width));\r\n      --page-height: calc(0.424269300544245*var(--required-percentage)*var(--adjustment-percentage)*var(--min-width));\r\n      --page-top: calc(0.0025*var(--required-percentage)*var(--adjustment-percentage)*var(--min-width));\r\n      --cover-width: calc(0.3*var(--required-percentage)*var(--adjustment-percentage)*var(--min-width));\r\n      --cover-height: calc(0.424269300544245*var(--required-percentage)*var(--adjustment-percentage)*var(--min-width));\r\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n      min-width: var(--min-width);\r\n      max-height: var(--max-height);\r\n      display: flex;\r\n      justify-self: center;\r\n      align-self: center;\r\n      justify-content: center;\r\n      align-items: center;\r\n      padding: 2em 0;\r\n      line-height: 1.5em;\r\n    }\r\n\r\n    #oblat-widget .pages {\r\n      width: var(--pages-width);\r\n      height: var(--pages-height);\r\n      position: relative;\r\n      transform-style: preserve-3d;\r\n      backface-visibility: hidden;\r\n    }\r\n\r\n    #oblat-widget .page {\r\n      float: none;\r\n      clear: none;\r\n      margin: 0;\r\n      position: absolute;\r\n      width: var(--page-width);\r\n      \/* height: var(--page-height); *\/\r\n      height: 100%;\r\n      transform-origin: 0 0;\r\n      transition: transform 1.4s;\r\n      backface-visibility: hidden;\r\n      transform-style: preserve-3d;\r\n      cursor: pointer;\r\n      user-select: none;\r\n    }\r\n\r\n    #oblat-widget .page {\r\n      color: white;\r\n      background-color: #fff;\r\n      float: left;\r\n      margin-bottom: 0.5em;\r\n    }\r\n\r\n    #oblat-widget .page:before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      transition: background 0.7s;\r\n      z-index: 2;\r\n    }\r\n\r\n    #oblat-widget .page:nth-child(odd) {\r\n      pointer-events: all;\r\n      transform: rotateY(0deg);\r\n      right: 0;\r\n      border-radius: 0 4px 4px 0;\r\n    }\r\n\r\n    #oblat-widget .page:nth-child(odd):hover {\r\n      transform: rotateY(-15deg);\r\n    }\r\n\r\n    #oblat-widget .page:nth-child(odd):hover:before {\r\n      background: rgba(0, 0, 0, 0.03);\r\n    }\r\n\r\n    #oblat-widget .page:nth-child(odd):before {\r\n      background: rgba(0, 0, 0, 0);\r\n    }\r\n\r\n    #oblat-widget .page:nth-child(even) {\r\n      pointer-events: none;\r\n      transform: rotateY(180deg);\r\n      transform-origin: 100% 0;\r\n      left: 0;\r\n      border-radius: 4px 0 0 4px;\r\n    }\r\n\r\n    #oblat-widget .page:nth-child(even):before {\r\n      background: rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    #oblat-widget .page.grabbing {\r\n      transition: none;\r\n    }\r\n\r\n    #oblat-widget .page.flipped:nth-child(odd) {\r\n      pointer-events: none;\r\n      transform: rotateY(-180deg);\r\n    }\r\n\r\n    #oblat-widget .page.flipped:nth-child(odd):before {\r\n      background: rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    #oblat-widget .page.flipped:nth-child(even) {\r\n      pointer-events: all;\r\n      transform: rotateY(0deg);\r\n    }\r\n\r\n    #oblat-widget .page.flipped:nth-child(even):hover {\r\n      transform: rotateY(15deg);\r\n    }\r\n\r\n    #oblat-widget .page.flipped:nth-child(even):hover:before {\r\n      background: rgba(0, 0, 0, 0.03);\r\n    }\r\n\r\n    #oblat-widget .page.flipped:nth-child(even):before {\r\n      background: rgba(0, 0, 0, 0);\r\n    }\r\n\r\n\r\n    #oblat-widget .page:nth-child(even) {\r\n      clear: both;\r\n    }\r\n\r\n\r\n  <\/style>\r\n  <div class=\"book\">\r\n    <div id=\"pages\" class=\"pages\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\n  function initializeBook() {\r\n    var book = document.getElementsByClassName(\"book\");\r\n    var pages = document.querySelectorAll(\"#oblat-widget .page\");\r\n    for (var i = 0; i < pages.length; i++) {\r\n      var page = pages[i];\r\n      if (i % 2 === 0) {\r\n        page.style.zIndex = pages.length - i;\r\n      }\r\n    }\r\n    pages.onclick = function () {\r\n      book.classList.remove(\"before\");\r\n    }\r\n    for (var i = 0; i < pages.length; i++) {\r\n      pages[i].pageNum = i + 1;\r\n      pages[i].onclick = function () {\r\n\r\n        if (this.pageNum % 2 === 0) {\r\n          this.classList.remove(\"flipped\");\r\n          this.previousElementSibling.classList.remove(\"flipped\");\r\n        } else {\r\n          this.classList.add(\"flipped\");\r\n          this.nextElementSibling.classList.add(\"flipped\");\r\n        }\r\n      };\r\n    }\r\n  }\r\n  function fillOblatsBook() {\r\n    \/\/ Number of pages in the book\r\n    var totalPages = 52;\r\n    var container = document.getElementById(\"pages\");\r\n\r\n    for (var i = 1; i <= totalPages; i++) {\r\n      var div = document.createElement(\"div\");\r\n      div.classList.add(\"page\");\r\n      div.id = \"page-\" + i;\r\n      container.appendChild(div);\r\n      document.getElementById(div.id).style.backgroundImage = 'url(\"https:\/\/abanacybermite.com\/wp-content\/uploads\/2024\/08\/guide-fr-ar-' + i + '-scaled-1.webp\")';\r\n      document.getElementById(div.id).style.backgroundSize = 'cover';\r\n    }\r\n  }\r\n  document.addEventListener(\"DOMContentLoaded\", fillOblatsBook);\r\n  document.addEventListener(\"DOMContentLoaded\", initializeBook);\r\n\r\n<\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Guide de l&#8217;Oblat Malheureusement le guide des oblats n&#8217;est disponible qu&#8217;en Fran\u00e7ais et en Arabe pour le moment. #oblat-widget { \/* &#8211;required-percentage: 1; *\/ &#8211;base-percentage: 1; &#8211;adjustment-percentage: calc(var(&#8211;base-percentage)\/var(&#8211;required-percentage)); &#8211;width: 90vw;&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-25837","page","type-page","status-publish","hentry"],"campaignId":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/abanacybermite.com\/ar\/wp-json\/wp\/v2\/pages\/25837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abanacybermite.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abanacybermite.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abanacybermite.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abanacybermite.com\/ar\/wp-json\/wp\/v2\/comments?post=25837"}],"version-history":[{"count":11,"href":"https:\/\/abanacybermite.com\/ar\/wp-json\/wp\/v2\/pages\/25837\/revisions"}],"predecessor-version":[{"id":31354,"href":"https:\/\/abanacybermite.com\/ar\/wp-json\/wp\/v2\/pages\/25837\/revisions\/31354"}],"wp:attachment":[{"href":"https:\/\/abanacybermite.com\/ar\/wp-json\/wp\/v2\/media?parent=25837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}