{"id":18421,"date":"2026-05-06T11:57:57","date_gmt":"2026-05-06T11:57:57","guid":{"rendered":"https:\/\/syrianforum.org\/?page_id=18421"},"modified":"2026-05-06T11:58:52","modified_gmt":"2026-05-06T11:58:52","slug":"maintenance","status":"publish","type":"page","link":"https:\/\/syrianforum.org\/en\/maintenance\/","title":{"rendered":"maintenance"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18421\" class=\"elementor elementor-18421\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0c08d4 e-flex e-con-boxed e-con e-parent\" data-id=\"f0c08d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8a44ae elementor-widget elementor-widget-html\" data-id=\"f8a44ae\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n  <title>Site Maintenance | Coming Soon<\/title>\n  <meta name=\"robots\" content=\"noindex, nofollow\">\n  <meta name=\"description\" content=\"We're currently performing scheduled maintenance to improve your experience. The website will be back shortly. Thank you for your patience.\">\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: system-ui, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, sans-serif;\n      background: linear-gradient(135deg, #f6f9fc 0%, #eef2f5 100%);\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 1.5rem;\n      position: relative;\n    }\n\n    \/* animated background shapes *\/\n    body::before {\n      content: '';\n      position: fixed;\n      inset: 0;\n      background: radial-gradient(circle at 10% 30%, rgba(0, 102, 204, 0.03) 0%, transparent 60%);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    body::after {\n      content: '';\n      position: fixed;\n      inset: 0;\n      background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 200\" opacity=\"0.02\"><path fill=\"none\" d=\"M60 80 L140 80 L160 120 L140 160 L60 160 L40 120 Z\" stroke=\"%232c6e9e\" stroke-width=\"1.5\"\/><circle cx=\"100\" cy=\"120\" r=\"8\" fill=\"%232c6e9e\"\/><\/svg>') repeat;\n      background-size: 40px;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    \/* main card *\/\n    .maintenance-card {\n      max-width: 720px;\n      width: 100%;\n      background: rgba(255, 255, 255, 0.96);\n      backdrop-filter: blur(0px);\n      border-radius: 2rem;\n      box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.2), 0 8px 20px rgba(0, 0, 0, 0.05);\n      padding: 2.5rem 2rem 3rem;\n      text-align: center;\n      transition: all 0.25s;\n      border: 1px solid rgba(255,255,255,0.7);\n      position: relative;\n      z-index: 2;\n    }\n\n    @media (max-width: 550px) {\n      .maintenance-card {\n        padding: 1.8rem 1.2rem 2.2rem;\n        border-radius: 1.5rem;\n      }\n    }\n\n    \/* icon group with gear animation *\/\n    .icon-zone {\n      margin-bottom: 1.5rem;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: #ffffff;\n      width: 100px;\n      height: 100px;\n      border-radius: 50%;\n      box-shadow: 0 15px 30px -8px rgba(0, 0, 0, 0.12);\n    }\n\n    .gear-icon {\n      width: 56px;\n      height: 56px;\n      color: #1a73e8;\n      animation: smoothSpin 8s infinite linear;\n    }\n\n    @keyframes smoothSpin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n\n    \/* status badge *\/\n    .status-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: #eef3fc;\n      padding: 0.35rem 1.1rem;\n      border-radius: 40px;\n      font-size: 0.75rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      color: #1a73e8;\n      margin-bottom: 1.25rem;\n      border: 1px solid rgba(26,115,232,0.2);\n    }\n\n    .pulse-dot {\n      width: 8px;\n      height: 8px;\n      background-color: #f5b042;\n      border-radius: 50%;\n      animation: pulse 1.8s infinite ease;\n      display: inline-block;\n    }\n\n    @keyframes pulse {\n      0% { opacity: 0.4; transform: scale(0.8); background-color: #f5a623;}\n      100% { opacity: 1; transform: scale(1.1); background-color: #f0b429;}\n    }\n\n    h1 {\n      font-size: 2.4rem;\n      font-weight: 800;\n      background: linear-gradient(130deg, #0b3550, #1a73e8);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      margin-bottom: 0.75rem;\n      letter-spacing: -0.02em;\n    }\n\n    @media (max-width: 500px) {\n      h1 {\n        font-size: 1.9rem;\n      }\n    }\n\n    .desc {\n      font-size: 1.1rem;\n      line-height: 1.45;\n      color: #2c3e50;\n      margin: 1rem 0 0.5rem;\n      font-weight: 450;\n    }\n\n    .sub-desc {\n      color: #5d6f83;\n      font-size: 0.92rem;\n      margin-bottom: 1.6rem;\n      max-width: 85%;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    \/* countdown row *\/\n    .countdown-panel {\n      background: #f0f4f9;\n      border-radius: 80px;\n      padding: 0.5rem 0.8rem;\n      display: inline-flex;\n      gap: 0.8rem;\n      justify-content: center;\n      flex-wrap: wrap;\n      margin: 1rem 0 0.6rem;\n      box-shadow: inset 0 1px 1px rgba(0,0,0,0.02), 0 6px 12px -8px rgba(0,0,0,0.1);\n    }\n\n    .time-block {\n      background: white;\n      border-radius: 2rem;\n      padding: 0.5rem 0.7rem;\n      min-width: 70px;\n      text-align: center;\n      box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    }\n\n    .time-num {\n      font-size: 2rem;\n      font-weight: 800;\n      font-feature-settings: \"tnum\";\n      color: #0f4c81;\n      line-height: 1.2;\n      letter-spacing: 2px;\n    }\n\n    .time-label {\n      font-size: 0.7rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      color: #5f7f9c;\n    }\n\n    @media (max-width: 480px) {\n      .time-block {\n        min-width: 55px;\n        padding: 0.3rem 0.4rem;\n      }\n      .time-num {\n        font-size: 1.5rem;\n      }\n    }\n\n    .footer-meta {\n      font-size: 0.7rem;\n      color: #88a0b5;\n      margin-top: 2rem;\n      text-align: center;\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"maintenance-card\">\n    <div class=\"icon-zone\">\n      <svg class=\"gear-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.6\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" \/>\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\" \/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"status-badge\">\n      <span class=\"pulse-dot\"><\/span>\n      <span>SCHEDULED MAINTENANCE<\/span>\n    <\/div>\n\n    <h1>Under Renovation<\/h1>\n    <p class=\"desc\">We're making your experience faster & smarter.<\/p>\n    <p class=\"sub-desc\">Our team is performing essential updates. The site will be back shortly \u2014 we appreciate your patience.<\/p>\n\n    <!-- Countdown timer area (dynamic) -->\n    <div class=\"countdown-panel\" id=\"countdownContainer\">\n      <div class=\"time-block\">\n        <div class=\"time-num\" id=\"days\">--<\/div>\n        <div class=\"time-label\">Days<\/div>\n      <\/div>\n      <div class=\"time-block\">\n        <div class=\"time-num\" id=\"hours\">--<\/div>\n        <div class=\"time-label\">Hours<\/div>\n      <\/div>\n      <div class=\"time-block\">\n        <div class=\"time-num\" id=\"minutes\">--<\/div>\n        <div class=\"time-label\">Mins<\/div>\n      <\/div>\n      <div class=\"time-block\">\n        <div class=\"time-num\" id=\"seconds\">--<\/div>\n        <div class=\"time-label\">Secs<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"footer-meta\">\n      Estimated completion in <span id=\"etaHint\">a few hours<\/span> \u2022 Thank you for your trust\n    <\/div>\n  <\/div>\n\n  <script>\n(function() {\n  \/\/ Get saved end time or create new one\n  let endTime = localStorage.getItem('maintenance_end_time');\n  \n  if (!endTime) {\n    \/\/ First time: set to 24 hours from now\n    endTime = Date.now() + (24 * 60 * 60 * 1000);\n    localStorage.setItem('maintenance_end_time', endTime);\n  } else {\n    endTime = parseInt(endTime, 10);\n    \/\/ If expired, create new 24-hour timer\n    if (endTime <= Date.now()) {\n      endTime = Date.now() + (24 * 60 * 60 * 1000);\n      localStorage.setItem('maintenance_end_time', endTime);\n    }\n  }\n\n  const daysEl = document.getElementById('days');\n  const hoursEl = document.getElementById('hours');\n  const minutesEl = document.getElementById('minutes');\n  const secondsEl = document.getElementById('seconds');\n  const etaHintSpan = document.getElementById('etaHint');\n  \n  function updateEtaHint() {\n    const diff = endTime - Date.now();\n    if (diff <= 0) {\n      etaHintSpan.innerText = 'any moment now';\n      return;\n    }\n    const hoursLeft = Math.floor(diff \/ (1000 * 60 * 60));\n    if (hoursLeft >= 24) etaHintSpan.innerText = 'about a day';\n    else if (hoursLeft >= 6) etaHintSpan.innerText = `~${hoursLeft} hours`;\n    else if (hoursLeft >= 1) etaHintSpan.innerText = `~${hoursLeft} hour${hoursLeft > 1 ? 's' : ''}`;\n    else etaHintSpan.innerText = 'less than an hour';\n  }\n\n  function updateCountdown() {\n    const distance = endTime - Date.now();\n\n    if (distance < 0) {\n      daysEl.innerText = '00';\n      hoursEl.innerText = '00';\n      minutesEl.innerText = '00';\n      secondsEl.innerText = '00';\n      localStorage.removeItem('maintenance_end_time');\n      \n      const container = document.getElementById('countdownContainer');\n      if (container && !container.getAttribute('data-expired')) {\n        const msg = document.createElement('div');\n        msg.style.cssText = 'width:100%;padding:0.4rem;font-size:0.85rem;font-weight:500;color:#1a73e8;margin-top:8px';\n        msg.innerText = '\u2728 Maintenance completed \u2013 site is live! \u2728';\n        container.appendChild(msg);\n        container.setAttribute('data-expired', 'true');\n      }\n      return;\n    }\n\n    const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n    const hours = Math.floor((distance % (86400000)) \/ 3600000);\n    const minutes = Math.floor((distance % 3600000) \/ 60000);\n    const seconds = Math.floor((distance % 60000) \/ 1000);\n\n    daysEl.innerText = days < 10 ? '0' + days : days;\n    hoursEl.innerText = hours < 10 ? '0' + hours : hours;\n    minutesEl.innerText = minutes < 10 ? '0' + minutes : minutes;\n    secondsEl.innerText = seconds < 10 ? '0' + seconds : seconds;\n  }\n\n  updateCountdown();\n  updateEtaHint();\n  setInterval(() => { updateCountdown(); updateEtaHint(); }, 1000);\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Site Maintenance | Coming Soon SCHEDULED MAINTENANCE Under Renovation We&#8217;re making your experience faster &#038; smarter. Our team is performing essential updates. The site will be back shortly \u2014 we appreciate your patience. &#8212; Days &#8212; Hours &#8212; Mins &#8212; Secs Estimated completion in a few hours \u2022 Thank you for your trust<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-18421","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syrianforum.org\/en\/wp-json\/wp\/v2\/pages\/18421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syrianforum.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syrianforum.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/syrianforum.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/syrianforum.org\/en\/wp-json\/wp\/v2\/comments?post=18421"}],"version-history":[{"count":4,"href":"https:\/\/syrianforum.org\/en\/wp-json\/wp\/v2\/pages\/18421\/revisions"}],"predecessor-version":[{"id":18425,"href":"https:\/\/syrianforum.org\/en\/wp-json\/wp\/v2\/pages\/18421\/revisions\/18425"}],"wp:attachment":[{"href":"https:\/\/syrianforum.org\/en\/wp-json\/wp\/v2\/media?parent=18421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}