<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-content/plugins/insert-headers-and-footers/includes/class-wpcode-auto-insert.php</b> on line <b>88</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-content/plugins/insert-headers-and-footers/includes/class-wpcode-auto-insert.php</b> on line <b>90</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block.php</b> on line <b>295</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block.php</b> on line <b>295</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block.php</b> on line <b>295</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block.php</b> on line <b>295</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block.php</b> on line <b>295</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block.php</b> on line <b>295</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php</b> on line <b>168</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php:168) in <b>/home/uatelement/public_html/public/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1896</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/uatelement/public_html/public/wp-includes/class-wp-block-type-registry.php:168) in <b>/home/uatelement/public_html/public/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1896</b><br />
{"id":37,"date":"2025-02-04T12:15:23","date_gmt":"2025-02-04T12:15:23","guid":{"rendered":"https:\/\/uatelement.ilmi.sa\/?page_id=37"},"modified":"2025-03-21T14:38:03","modified_gmt":"2025-03-21T14:38:03","slug":"co-creation","status":"publish","type":"page","link":"https:\/\/uatelement.ilmi.sa\/index.php\/co-creation\/","title":{"rendered":"Co-creation"},"content":{"rendered":"\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover\">\n\n\n\n<style>\n      :root :where(.is-layout-flow) > * {\n        margin-block-start: 0px !important;\n      }\n\n      * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n      }\n\n      body {\n        font-family: \"loewnextarabic\", Arial, sans-serif;\n        background: linear-gradient(180deg, #163861 0%, #142946 100%);\n        color: #163861;\n        width: 100vw;\n        padding-left: env(safe-area-inset-left);\n        padding-right: env(safe-area-inset-right);\n        overflow-x: hidden;\n      }\n\n      .wrap {\n        margin: 0 auto;\n        padding: 0 20px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        height: 100dvh;\n      }\n\n      .logo-ilmi {\n        margin: 40px auto;\n        display: block;\n      }\n\n      p {\n        color: white;\n        font-size: 20px;\n        text-align: center;\n        margin: 0 auto 30px;\n        line-height: 24px;\n        padding: 0 15px;\n        font-weight: 400;\n        width: 290px;\n      }\n\n      form {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 10px;\n      }\n\n      input,\n      .whitebBtn,\n      .darkBtn,\n      .prev {\n        width: 290px;\n        height: 50px;\n        border-radius: 34px;\n        border: none;\n        font-family: \"loewnextarabic\", Arial, sans-serif;\n        font-size: 17px;\n        padding-inline: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n        font-weight: 500;\n        cursor: pointer;\n        line-height: 20px;\n      }\n\n      input[type=\"text\"],\n      input[type=\"email\"],\n      input[type=\"tel\"] {\n        margin-bottom: 0;\n        color: #163861;\n        background: rgba(255, 255, 255, 0.7);\n        transition: background 0.3s ease;\n      }\n\n      input[type=\"text\"]:focus,\n      input[type=\"email\"]:focus,\n      input[type=\"tel\"]:focus {\n        background: rgba(255, 255, 255, 1);\n        color: #163861;\n      }\n\n      input::placeholder {\n        color: #4b6a88;\n        font-size: 14px;\n        font-weight: 500;\n      }\n\n      input[type=\"submit\"],\n      .darkBtn {\n        background: #163861;\n        color: white !important;\n      }\n\n      .whitebBtn {\n        background: white;\n        color: #163861;\n        margin-inline: 10px;\n      }\n\n      .columns {\n        display: flex;\n        justify-content: space-between;\n        margin-bottom: 8px;\n        width: 290px;\n      }\n\n      .columns .prev,\n      .columns input[type=\"submit\"] {\n        width: 141px;\n      }\n\n      .prev {\n        background: white;\n        color: #163861;\n      }\n\n      .skip {\n        cursor: pointer;\n        margin-top: 20px;\n        text-align: center;\n        display: block;\n        color: #4b6a88;\n      }\n\n      .download-wrap {\n        position: absolute;\n        bottom: 20px;\n        left: 0;\n        right: 0;\n        width: 100vw;\n        display: flex;\n        justify-content: center;\n        z-index: 2;\n      }\n\n      .download-wrap .whitebBtn {\n        width: 290px;\n      }\n\n      .wallpaper {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        margin: 0;\n        padding: 0;\n      }\n\n      #step3 {\n        background: linear-gradient(\n          180deg,\n          #172233 0%,\n          #010a07 75%,\n          #141529 100%\n        );\n      }\n\n      #step3 .wrap {\n        overflow: hidden;\n        padding: 0;\n        margin: 0;\n        max-width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      @media (min-width: 768px) {\n        .wrap {\n          max-width: 600px;\n        }\n\n        .wallpaper {\n          width: auto;\n          max-width: 100%;\n          height: 100vh;\n          object-fit: contain;\n        }\n\n        .skip {\n          max-width: 400px;\n          margin: 20px auto 0;\n        }\n      }\n\n      @media (orientation: landscape) {\n        body {\n          width: 100%;\n          height: 100dvh;\n        }\n\n        .wrap {\n          height: 100dvh;\n          overflow-y: auto;\n          padding: 20px 20px 20px 20px;\n          display: block;\n        }\n\n        .logo-ilmi {\n          margin: 0 auto 15px;\n        }\n\n        p {\n          margin-bottom: 15px;\n        }\n\n        form {\n          margin-top: 10px;\n          padding-bottom: 40px;\n        }\n\n        .wallpaper {\n          width: auto;\n          height: 100%;\n          object-fit: contain;\n        }\n      }\n\n      @supports (-webkit-touch-callout: none) {\n        body {\n          width: 100%;\n          padding-left: env(safe-area-inset-left, 0px);\n          padding-right: env(safe-area-inset-right, 0px);\n        }\n      }\n    <\/style>\n\n\n\n<!-- Step 1 -->\n    <div class=\"step\" id=\"step1\">\n      <div class=\"wrap\">\n        <svg\n          class=\"logo-ilmi\"\n          width=\"61\"\n          height=\"44\"\n          viewBox=\"0 0 61 44\"\n          fill=\"none\"\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n        >\n          <path\n            d=\"M19.1661 30.2614H16.3062V43.7472H19.1661V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M24.8053 30.2614H21.9454V41.0177C21.9454 42.4954 23.1961 43.7193 24.7498 43.7472H27.6097V41.0177H24.8053V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M48.7797 30.2614H45.917V43.7472H48.7797V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M10.7198 30.2614H7.85988V32.9937H10.7198V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M14.9444 30.2614H12.0844V32.9937H14.9444V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M40.2777 30.2614H31.8064C30.25 30.2893 29.0021 31.4882 29.0021 32.9937V43.75H31.862V32.9937H34.6413V43.75H37.5012V32.9937H40.2777V43.75H43.1404V30.2642H40.2777V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M43.1404 24.8833V16.8872H45.917V22.2653H48.7797V14.1577H43.0849C41.5284 14.1856 40.3083 15.4123 40.3083 16.8872V24.9112H37.5318V0H34.6691V24.8554H31.8926V16.8593C31.8926 15.4653 30.7808 14.2943 29.3634 14.127V14.0991H14.9443C13.3601 14.0991 12.0844 15.3259 12.0844 16.8286V22.2068H17.7514V24.8248H0V27.557H20.5836V26.9158H20.6114V22.1789C20.6114 20.6734 19.3329 19.4466 17.7487 19.4466H14.9443V16.8008H23.3601V24.8248C23.3601 26.3303 24.6386 27.557 26.2228 27.557H60.5V24.8248H43.1377V24.8805L43.1404 24.8833ZM29.0021 24.8833H26.2256V16.8872H29.0021V24.8833Z\"\n            fill=\"white\"\n          \/>\n        <\/svg>\n        <p>\n          <b>Add your details<\/b> to claim your wallpaper and your spot on\n          ilmi&#8217;s periodic table\n        <\/p>\n        <form onsubmit=\"return validateAndSubmit(event)\">\n          <input type=\"text\" id=\"name\" placeholder=\"Name*\" required \/>\n          <input\n            type=\"email\"\n            id=\"email\"\n            placeholder=\"Email\"\n            autocapitalize=\"off\"\n          \/>\n          <input type=\"tel\" id=\"phone\" placeholder=\"Phone\" \/>\n          <input type=\"submit\" value=\"Next\" \/>\n        <\/form>\n      <\/div>\n    <\/div>\n\n    <!-- Step 2 -->\n    <div class=\"step\" id=\"step2\" style=\"display: none\">\n      <div class=\"wrap\">\n        <svg\n          class=\"logo-ilmi\"\n          width=\"61\"\n          height=\"44\"\n          viewBox=\"0 0 61 44\"\n          fill=\"none\"\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n        >\n          <path\n            d=\"M19.1661 30.2614H16.3062V43.7472H19.1661V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M24.8053 30.2614H21.9454V41.0177C21.9454 42.4954 23.1961 43.7193 24.7498 43.7472H27.6097V41.0177H24.8053V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M48.7797 30.2614H45.917V43.7472H48.7797V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M10.7198 30.2614H7.85988V32.9937H10.7198V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M14.9444 30.2614H12.0844V32.9937H14.9444V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M40.2777 30.2614H31.8064C30.25 30.2893 29.0021 31.4882 29.0021 32.9937V43.75H31.862V32.9937H34.6413V43.75H37.5012V32.9937H40.2777V43.75H43.1404V30.2642H40.2777V30.2614Z\"\n            fill=\"white\"\n          \/>\n          <path\n            d=\"M43.1404 24.8833V16.8872H45.917V22.2653H48.7797V14.1577H43.0849C41.5284 14.1856 40.3083 15.4123 40.3083 16.8872V24.9112H37.5318V0H34.6691V24.8554H31.8926V16.8593C31.8926 15.4653 30.7808 14.2943 29.3634 14.127V14.0991H14.9443C13.3601 14.0991 12.0844 15.3259 12.0844 16.8286V22.2068H17.7514V24.8248H0V27.557H20.5836V26.9158H20.6114V22.1789C20.6114 20.6734 19.3329 19.4466 17.7487 19.4466H14.9443V16.8008H23.3601V24.8248C23.3601 26.3303 24.6386 27.557 26.2228 27.557H60.5V24.8248H43.1377V24.8805L43.1404 24.8833ZM29.0021 24.8833H26.2256V16.8872H29.0021V24.8833Z\"\n            fill=\"white\"\n          \/>\n        <\/svg>\n        <p>\n          We&#8217;ll also feature your element on our socials and\n          <b>tag you as the creator<\/b>\n        <\/p>\n        <form onsubmit=\"return handleStep2Submit(event)\">\n          <input type=\"text\" id=\"instagram\" placeholder=\"Instagram @\" \/>\n          <input type=\"text\" id=\"tiktok\" placeholder=\"TikTok @\" \/>\n          <div class=\"columns\">\n            <a class=\"prev\" onclick=\"goToStep(1)\">Back<\/a>\n            <input type=\"submit\" value=\"Next\" \/>\n          <\/div>\n          <a class=\"skip\" onclick=\"handleStep2Submit(event, true)\">Skip<\/a>\n        <\/form>\n      <\/div>\n    <\/div>\n\n    <!-- Step 3 -->\n    <div class=\"step\" id=\"step3\" style=\"display: none\">\n      <div class=\"wrap\">\n        <img decoding=\"async\" id=\"dynamicWallpaper\" class=\"wallpaper\" src=\".\/photo-scaled.jpg\" \/>\n        <div class=\"download-wrap\">\n          <a class=\"whitebBtn\" onclick=\"downloadImage()\">Download<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n\n<script>   let userData = {\r\n        name: \"\",\r\n        email: \"\",\r\n        phone: \"\",\r\n        realEmail: \"\"\r\n      };\r\n\r\n      function goToStep(stepNumber, event) {\r\n        if (event) {\r\n          event.preventDefault();\r\n        }\r\n\r\n        document.querySelectorAll(\".step\").forEach((step) => {\r\n          step.style.display = \"none\";\r\n        });\r\n\r\n        document.getElementById(\"step\" + stepNumber).style.display = \"block\";\r\n\t\t  \r\n        document.documentElement.setAttribute(\"data-step\", stepNumber);\r\n\r\n        return false;\r\n      }\r\n\r\n      document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const queryString = window.location.search;\r\n        const urlParams = new URLSearchParams(queryString);\r\n        const imageId = urlParams.get(\"imageId\");\r\n        const imageUrl = `https:\/\/uatelement.ilmi.sa\/?attachment_id=${imageId}`;\r\n\r\n        const wallpaperElement = document.getElementById(\"dynamicWallpaper\");\r\n        if (wallpaperElement) {\r\n          wallpaperElement.src = imageUrl;\r\n        }\r\n        console.log(imageUrl, \"imageUrl\");\r\n      });\r\n\r\n      function validateEmail(email) {\r\n\t\t  const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n\t\t  return re.test(email);\r\n\t\t}\r\n\r\n\tfunction validatePhone(phone) {\r\n\t  const re = \/^\\+?[0-9]{6,15}$\/;\r\n\t  return re.test(phone);\r\n\t}\r\n\r\n      \r\n       function isIOS() {\r\n        return (\r\n          [\r\n            \"iPad Simulator\",\r\n            \"iPhone Simulator\",\r\n            \"iPod Simulator\",\r\n            \"iPad\",\r\n            \"iPhone\",\r\n            \"iPod\",\r\n          ].includes(navigator.platform) ||\r\n          (navigator.userAgent.includes(\"Mac\") && \"ontouchend\" in document)\r\n        );\r\n      }\r\n\r\n      async function downloadImage() {\r\n        const wallpaper = document.getElementById(\"dynamicWallpaper\");\r\n        const response = await fetch(wallpaper.src);\r\n        const blob = await response.blob();\r\n\r\n        if (isIOS()) {\r\n          const file = new File([blob], \"ilmi-wallpaper.jpg\", {\r\n            type: \"image\/jpeg\",\r\n          });\r\n\r\n          try {\r\n            await navigator.share({\r\n              title: \"My ilmi wallpaper\",\r\n              text: \"Check out my custom element in ilmi's periodic table\",\r\n              files: [file],\r\n            });\r\n          } catch (error) {\r\n            console.error(\"Error sharing:\", error);\r\n            alert(\"Error sharing the image\");\r\n          }\r\n        } else {\r\n          const url = window.URL.createObjectURL(blob);\r\n          const a = document.createElement(\"a\");\r\n          a.href = url;\r\n          a.download = \"ilmi-wallpaper.jpg\";\r\n          document.body.appendChild(a);\r\n          a.click();\r\n          window.URL.revokeObjectURL(url);\r\n          document.body.removeChild(a);\r\n        }\r\n      }\r\n\r\n      function validateAndSubmit(event) {\r\n        event.preventDefault();\r\n\r\n        const email = document.getElementById(\"email\").value;\r\n        const phone = document.getElementById(\"phone\").value;\r\n        const name = document.getElementById(\"name\").value;\r\n\r\n\t\tif (!name) {\r\n\t\t\talert('Please enter your name.');\r\n\t\t\treturn false;\r\n\t\t }\r\n  \r\n\t\t  if (!email && !phone) {\r\n\t\t\talert('Please enter at least your email or phone number.');\r\n\t\t\treturn false;\r\n\t\t  }\r\n  \r\n\t\t  if (email && !validateEmail(email)) {\r\n\t\t\talert('Please enter a valid email address.');\r\n\t\t\treturn false;\r\n\t\t  }\r\n  \r\n\t\t  if (phone && !validatePhone(phone)) {\r\n\t\t\talert('Please enter a valid phone number.');\r\n\t\t\treturn false;\r\n\t\t  }\r\n  \r\n        userData = {\r\n          name: name,\r\n          realEmail: email,\r\n          email: email,\r\n          phone: phone,\r\n        };\r\n\r\n        return goToStep(2);\r\n      }\r\n\r\n        async function submitUserData(skipSocial = false) {\r\n        const instagram = skipSocial\r\n          ? \"\"\r\n          : document.getElementById(\"instagram\").value || \"\";\r\n        const tiktok = skipSocial\r\n          ? \"\"\r\n          : document.getElementById(\"tiktok\").value || \"\";\r\n\r\n        const urlParams = new URLSearchParams(window.location.search);\r\n        const imageId = urlParams.get(\"imageId\");\r\n      \tconst randomNum = Math.floor(Math.random() * 1000000);\r\n        const fakeEmail = `fake-${randomNum}@email.com`;\r\n\r\n        const myHeaders = new Headers();\r\n        myHeaders.append(\"Content-Type\", \"application\/json\");\r\n        myHeaders.append(\r\n          \"Authorization\",\r\n          \"Basic bWlza2FkbWluOnpDSnQgVFpWcSBjWFBFIDJ0WUwgdm9UdiBvbUJQ\"\r\n        );\r\n\r\n         const raw = JSON.stringify({\r\n          username: fakeEmail,\r\n          email: fakeEmail,\r\n          password: \"password\" + Math.random().toString(36).slice(-8),\r\n          first_name: userData.name,\r\n          last_name: \"\",\r\n          description: JSON.stringify({\r\n            imageId: imageId,\r\n            email: userData.realEmail,\r\n            phone: userData.phone,\r\n            tiktok: tiktok,\r\n            instagram: instagram,\r\n          }),\r\n        });\r\n\r\n        const requestOptions = {\r\n          method: \"POST\",\r\n          headers: myHeaders,\r\n          body: raw,\r\n          redirect: \"follow\",\r\n        };\r\n\r\n       try {\r\n          const response = await fetch(\r\n            \"https:\/\/uatelement.ilmi.sa\/wp-json\/wp\/v2\/users\",\r\n            requestOptions\r\n          );\r\n\r\n          const result = await response.json();\r\n\r\n          if (!response.ok) {\r\n            if (result.code === \"existing_user_login\") {\r\n                alert(`Email already in use, please provide another email.`);\r\n              return;\r\n            }\r\n            throw new Error(result.message || \"An error occurred\");\r\n          }\r\n\r\n          console.log(\"Success:\", result);\r\n          goToStep(3);\r\n        } catch (error) {\r\n          console.error(\"Error:\", error);\r\n          alert(\r\n            error.message ||\r\n              \"There was an error submitting your information. Please try again.\"\r\n          );\r\n        }\r\n      }\r\n      function handleStep2Submit(event, skip = false) {\r\n        event.preventDefault();\r\n        submitUserData(skip);\r\n        return false;\r\n      }<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Add your details to claim your wallpaper and your spot on ilmi&#8217;s periodic table We&#8217;ll also feature your element on our socials and tag you as the creator Back Skip Download<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"bare","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uatelement.ilmi.sa\/index.php\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uatelement.ilmi.sa\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uatelement.ilmi.sa\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uatelement.ilmi.sa\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uatelement.ilmi.sa\/index.php\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":112,"href":"https:\/\/uatelement.ilmi.sa\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":359,"href":"https:\/\/uatelement.ilmi.sa\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions\/359"}],"wp:attachment":[{"href":"https:\/\/uatelement.ilmi.sa\/index.php\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}