{"id":1245,"date":"2024-06-22T20:41:15","date_gmt":"2024-06-22T20:41:15","guid":{"rendered":"https:\/\/wallpixelart.com\/2\/?page_id=1245"},"modified":"2025-07-16T19:42:53","modified_gmt":"2025-07-16T19:42:53","slug":"select-wall","status":"publish","type":"page","link":"https:\/\/wallpixelart.com\/2\/","title":{"rendered":""},"content":{"rendered":"\n<p class=\"has-luminous-vivid-amber-color has-text-color has-link-color wp-elements-5bfd3a85e7f8eab9db44b08bbe44e501\" style=\"padding-top:0;padding-right:0;padding-left:var(--wp--preset--spacing--30);font-size:20px;line-height:0\"><br><\/p>\n\n\n\n<p class=\"has-luminous-vivid-amber-color has-text-color has-link-color wp-elements-003eb7ea9a18d6cca96ebff69797521e\" style=\"padding-right:0;padding-left:var(--wp--preset--spacing--30);font-size:17px;line-height:0.6\"><strong>Everything fades! Your mark stays forever.. on the Big Wall<\/strong><\/p>\n\n\n\n<div style=\"display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 20px; width: 100%;\">\n\n  <!-- Sinistra: Testo + Badge + Buy Me a Coffee -->\n  <div style=\"flex: 1; text-align: left; color: white; font-size: 5px; line-height: 2; max-width: 300px;\">\n    <p style=\"font-size: 12px; font-weight: bold; margin: 0; line-height: 2; padding-left: 12px; white-space: nowrap;\">\u2615 Current Price: 2\u20ac <\/p>\n    <div style=\"display: flex; gap: 12px; align-items: center; padding-left: 12px; margin-top: 8px;\">\n    <\/div>\n  <\/div>\n\n  <!-- Destra: Steps -->\n  <div class=\"steps-container\" style=\"display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: nowrap; flex: 2; min-width: 200px;\">\n    \n    <!-- Step 1 -->\n    <div class=\"step\" style=\"text-align: center; display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 60px; max-width: 90px;\" onclick=\"window.location.href='https:\/\/wallpixelart.com\/2\/invent-your-artist-name\/'\">\n      <div class=\"circle\" style=\"width: 45px; height: 45px; border-radius: 50%; background-color: black; color: white; font-size: 18px; display: flex; justify-content: center; align-items: center; margin-bottom: 8px; border: 3px solid green;\">\n        <span>1<\/span>\n      <\/div>\n      <p style=\"font-size: 11px; color: white; margin: 0; font-weight: bold; line-height: 1.5;\">Choose a position<\/p>\n    <\/div>\n\n    <!-- Step 2 -->\n    <div class=\"step\" style=\"text-align: center; display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 60px; max-width: 90px;\">\n      <div class=\"circle\" style=\"width: 45px; height: 45px; border-radius: 50%; background-color: black; color: white; font-size: 18px; display: flex; justify-content: center; align-items: center; margin-bottom: 8px; border: 3px solid #333;\">\n        <span>2<\/span>\n      <\/div>\n      <p style=\"font-size: 11px; color: white; margin: 0; font-weight: bold; line-height: 1.5;\">Upload your photo<\/p>\n    <\/div>\n\n    <!-- Step 3 -->\n    <div class=\"step\" style=\"text-align: center; display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 60px; max-width: 90px;\">\n      <div class=\"circle\" style=\"width: 45px; height: 45px; border-radius: 50%; background-color: black; color: white; font-size: 18px; display: flex; justify-content: center; align-items: center; margin-bottom: 8px; border: 3px solid #333;\">\n        <span>3<\/span>\n      <\/div>\n      <p style=\"font-size: 11px; color: white; margin: 0; font-weight: bold; line-height: 1.5;\">&#8220;Leave your mark&#8221;<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Script per nascondere Google Play in Android WebView -->\n<script>\n  function isAndroidWebView() {\n    return \/Android\/i.test(navigator.userAgent) && \/wv\/.test(navigator.userAgent);\n  }\n\n  if (isAndroidWebView()) {\n    const gp = document.getElementById('image-container');\n    if (gp) gp.style.display = 'none';\n  }\n<\/script>\n\n<!-- Responsive -->\n<style>\n  @media (max-width: 768px) {\n    .steps-container {\n      flex-wrap: nowrap;\n      justify-content: space-between;\n    }\n    .step {\n      flex: 1;\n      max-width: 70px;\n    }\n    .circle {\n      width: 35px !important;\n      height: 35px !important;\n      font-size: 14px !important;\n      border-width: 2px !important;\n    }\n    p {\n      font-size: 9px !important;\n    }\n  }\n<\/style>\n\n\n\n<p style=\"line-height:0.2\"><\/p>\n\n\n\n\n\n\n<p class=\"has-text-align-right has-luminous-vivid-amber-color has-text-color has-link-color wp-elements-14d80963adef1afee1f3192574471817\" style=\"font-size:2vw;line-height:0.5\"><strong>Only 14,100 artists on the Big Wall. No more! <\/strong><\/p>\n\n\n    <style>\n        \/* Impostazioni di base per il loader *\/\n        #fl_loader {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100vh;\n            background: black;\n            color: white;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n            padding: 0;\n            margin: 0;\n        }\n\n        \/* Nasconde il testo all'interno del loader *\/\n        #fl_loader p {\n            display: none;\n        }\n\n        \/* Griglia dei pixel rotanti 3x3 *\/\n        .pixel-container {\n            display: grid;\n            grid-template-columns: repeat(3, 40px);\n            grid-gap: 8px;\n        }\n\n        .pixel {\n            width: 40px;\n            height: 40px;\n            border-radius: 4px;\n            animation: rotatePixel 1.5s infinite alternate ease-in-out;\n        }\n\n        \/* Animazione di rotazione e scala *\/\n        @keyframes rotatePixel {\n            0% { transform: rotate(0deg) scale(1); opacity: 0.3; }\n            50% { transform: rotate(90deg) scale(1.3); opacity: 1; }\n            100% { transform: rotate(180deg) scale(1); opacity: 0.3; }\n        }\n\n        \/* Comportamento mobile *\/\n        @media only screen and (max-width: 768px) {\n            html, body {\n                margin: 0;\n                padding: 0;\n                height: 100%;\n                width: 100%;\n                overflow: hidden;\n            }\n\n            #fl_loader {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                z-index: 9999;\n            }\n\n            .pixel-container {\n                grid-template-columns: repeat(3, 40px);\n                grid-gap: 8px;\n            }\n\n            .pixel {\n                width: 40px;\n                height: 40px;\n                border-radius: 4px;\n                animation: rotatePixel 1.5s infinite alternate ease-in-out;\n            }\n        }\n    <\/style>\n\n    <!-- Meta tag viewport per il comportamento mobile -->\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <div id=\"fl_loader\">\n        <div class=\"pixel-container\">\n                            <div class=\"pixel\" style=\"background-color: #fe4c28; animation-delay: 0s;\"><\/div>\n                            <div class=\"pixel\" style=\"background-color: #f3b11c; animation-delay: 0.1s;\"><\/div>\n                            <div class=\"pixel\" style=\"background-color: #f3b11c; animation-delay: 0.2s;\"><\/div>\n                            <div class=\"pixel\" style=\"background-color: #fe4c28; animation-delay: 0.3s;\"><\/div>\n                            <div class=\"pixel\" style=\"background-color: #f3b11c; animation-delay: 0.4s;\"><\/div>\n                            <div class=\"pixel\" style=\"background-color: #f3b11c; animation-delay: 0.5s;\"><\/div>\n                            <div class=\"pixel\" style=\"background-color: #10abad; animation-delay: 0.6s;\"><\/div>\n                            <div class=\"pixel\" style=\"background-color: #0da1ad; animation-delay: 0.7s;\"><\/div>\n                            <div class=\"pixel\" style=\"background-color: #0da1ad; animation-delay: 0.8s;\"><\/div>\n                    <\/div>\n    <\/div>\n\n    <script>\n        window.addEventListener('load', function() {\n            \/\/ Disabilita scroll durante il caricamento\n            document.documentElement.style.overflow = 'hidden';\n            document.body.style.overflow = 'hidden';\n\n            setTimeout(function() {\n                \/\/ Nasconde il loader con transizione\n                document.getElementById('fl_loader').style.opacity = '0';\n                setTimeout(function() {\n                    document.getElementById('fl_loader').style.display = 'none';\n                    \/\/ Ripristina scroll\n                    document.documentElement.style.overflow = 'auto';\n                    document.body.style.overflow = 'auto';\n                }, 500);\n            }, 1000);\n        });\n    <\/script>\n\n    \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Everything fades! Your mark stays forever.. on the Big Wall \u2615 Current Price: 2\u20ac 1 Choose a position 2 Upload your photo 3 &#8220;Leave your mark&#8221; Only 14,100 artists on the Big Wall. No more!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1245","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/wallpixelart.com\/2\/wp-json\/wp\/v2\/pages\/1245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wallpixelart.com\/2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wallpixelart.com\/2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wallpixelart.com\/2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wallpixelart.com\/2\/wp-json\/wp\/v2\/comments?post=1245"}],"version-history":[{"count":871,"href":"https:\/\/wallpixelart.com\/2\/wp-json\/wp\/v2\/pages\/1245\/revisions"}],"predecessor-version":[{"id":6914,"href":"https:\/\/wallpixelart.com\/2\/wp-json\/wp\/v2\/pages\/1245\/revisions\/6914"}],"wp:attachment":[{"href":"https:\/\/wallpixelart.com\/2\/wp-json\/wp\/v2\/media?parent=1245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}