{"id":6731,"date":"2026-03-04T12:11:55","date_gmt":"2026-03-04T12:11:55","guid":{"rendered":"https:\/\/wallpixelart.com\/bigwall\/?page_id=6731"},"modified":"2026-03-04T12:12:32","modified_gmt":"2026-03-04T12:12:32","slug":"caffe","status":"publish","type":"page","link":"https:\/\/wallpixelart.com\/bigwall\/caffe\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"ig-caffe\">\n\n<h3>\ud83e\udec2- Donor<\/h3>\n<div class=\"ig-donatore\">\n2 \u2615 kindly offered by <a href=\"https:\/\/www.instagram.com\/yorch_miranda\/\" target=\"_blank\">@yorch_miranda<\/a><\/div>\n\n<h3>\u2705 - Users on the list<\/h3>\n<div class=\"ig-users\">\n    <div class=\"ig-user-count\">\n        Total users in list: <strong>7<\/strong>\n    <\/div>\n<\/div>\n\n<h3>\ud83c\udfc6- The WINNER is..<\/h3>\n<div class=\"ig-winner\">\n    <strong>\n            The winner will be chosen after 50 users have joined the list        <\/strong>\n<\/div>\n\n<div id=\"ig-add-user-wrapper\" style=\"margin-top:20px;\">\n    <a href=\"#\" class=\"ig-cta\" id=\"ig-add-user-btn\">ADD TO LIST<\/a>\n\n    <div id=\"ig-add-user-form\" style=\"display:none; margin-top:10px;\">\n        <input type=\"text\" id=\"ig-username\" placeholder=\"Username Instagram\">\n        <input type=\"text\" id=\"ig-link\" placeholder=\"Link Instagram (autocompletato)\" readonly style=\"display:none;\">\n        <label><input type=\"checkbox\" id=\"ig-not-robot\"> Non sono un robot<\/label>\n        <button id=\"ig-submit-user\">Aggiungi<\/button>\n        <div id=\"ig-user-message\" style=\"margin-top:10px; color:#FFD700; font-size:12px;\"><\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n    const addButton = document.getElementById('ig-add-user-btn');\n    const form = document.getElementById('ig-add-user-form');\n    const submitBtn = document.getElementById('ig-submit-user');\n    const usernameInput = document.getElementById('ig-username');\n    const linkInput = document.getElementById('ig-link');\n    const notRobotCheckbox = document.getElementById('ig-not-robot');\n    const messageDiv = document.getElementById('ig-user-message');\n    const wrapper = document.getElementById('ig-add-user-wrapper');\n\naddButton.addEventListener('click', function(e){\n    e.preventDefault();\n    form.style.display = 'block';      \/\/ mostra il form\n    addButton.style.display = 'none';  \/\/ nascondi il bottone\n    messageDiv.textContent = '';\n    usernameInput.value = '';\n    linkInput.value = '';\n    notRobotCheckbox.checked = false;\n});\n\n\n    usernameInput.addEventListener('input', function(){\n        const username = usernameInput.value.trim();\n        if(username){\n            linkInput.value = 'https:\/\/www.instagram.com\/' + username;\n        } else linkInput.value = '';\n    });\n\n    submitBtn.addEventListener('click', function(e){\n        e.preventDefault();\n        const username = usernameInput.value.trim();\n        const link = linkInput.value.trim();\n\n        if(!username){ messageDiv.textContent = \"Please enter a username.\"; return; }\n        if(!notRobotCheckbox.checked){ messageDiv.textContent = \"Please confirm you are not a robot.\"; return; }\n\n        fetch(\"https:\/\/wallpixelart.com\/bigwall\/wp-admin\/admin-ajax.php\", {\n            method:\"POST\",\n            headers: {\"Content-Type\":\"application\/x-www-form-urlencoded\"},\n            body: new URLSearchParams({action:\"ig_caffe_add_user\",username:username,link:link})\n        })\n        .then(res=>res.json())\n        .then(data=>{\n            if(!data.success){\n                messageDiv.textContent = data.data;\n                return;\n            }\n\n            const usersContainer = document.querySelector('.ig-users .ig-user-count strong');\n            if(usersContainer) usersContainer.textContent = data.data.count;\n\n            form.style.display='none';\n            addButton.style.display='none';\n\n            const successMsg = document.createElement('div');\n            successMsg.textContent = \"User added successfully!\";\n            successMsg.style.color='#00FF00';\n            successMsg.style.fontWeight='bold';\n            successMsg.style.marginTop='10px';\n            wrapper.appendChild(successMsg);\n\n            usernameInput.value='';\n            linkInput.value='';\n            notRobotCheckbox.checked=false;\n        });\n    });\n});\n<\/script>\n\n<style>\n.ig-caffe{\n    max-width:960px;\n    margin:40px auto;\n    padding:24px;\n    background:#0b1220;\n    border-radius:24px;\n    color:#fff;\n    font-family:Arial,sans-serif;\n    text-align:center;\n}\n.ig-caffe h3 { font-size:1.5em; margin:20px 0 10px 0; }\n.ig-donatore, .ig-user-count, .ig-winner{ margin:15px 0; font-size:1.2em; }\n.ig-donatore a, .ig-winner a { color: #FFD700; font-weight: bold; text-decoration: none; }\n.ig-empty{opacity:.7;font-style:italic;padding:12px 0;}\n.ig-user-count{font-weight:bold;color:#fff;opacity:0.9;}\n.ig-winner strong{display:block;}\n.ig-cta{display:inline-block;padding:14px 28px;font-weight:bold;font-size:14px;background:linear-gradient(135deg,#1E3A8A,#00E5FF);color:#fff;text-decoration:none;border-radius:30px;box-shadow:0 0 10px #3b82f6,0 0 20px #3b82f6;transition: transform 0.3s ease, box-shadow 0.3s ease;}\n.ig-cta:hover{transform:scale(1.05);box-shadow:0 0 20px #3b82f6,0 0 40px #3b82f6;}\n\n\/* MOBILE RESPONSIVE *\/\n@media (max-width: 768px){\n    .ig-caffe h3 { font-size:1.2em; }\n    .ig-donatore{ font-size:12px; }\n    .ig-user-count{ font-size:12px; }\n    .ig-winner{ font-size:12px; }\n    .ig-donatore a, .ig-winner a { font-size:12px; }\n    .ig-cta{ padding:10px 20px; font-size:13px; }\n}\n\/* ==================== STILE COMPLETO FORM FUTURISTICO ==================== *\/\n#ig-add-user-form {\n    display: flex;\n    flex-direction: column; \/* elementi uno sotto l'altro *\/\n    background: rgba(0, 0, 0, 0.6); \/* sfondo scuro traslucido *\/\n    padding: 20px;\n    border-radius: 16px;\n    max-width: 400px;\n    margin: 0 auto; \/* centra il form *\/\n    text-align: center;\n    color: #fff; \/* tutti i caratteri bianchi *\/\n    box-shadow: 0 0 15px #00ffff, 0 0 30px #ff00ff;\n}\n\n\/* Input username Instagram *\/\n#ig-add-user-form input[type=\"text\"] {\n    width: 100%;\n    padding: 12px 16px;\n    border: 2px solid #fff;\n    border-radius: 12px;\n    background: rgba(255, 255, 255, 0.05);\n    color: #fff; \/* testo bianco *\/\n    font-size: 16px;\n    box-sizing: border-box; \/* bordo incluso nel container *\/\n    margin-bottom: 20px; \/* distanza verticale tra elementi *\/\n}\n\n#ig-add-user-form input[type=\"text\"]::placeholder {\n    color: rgba(255,255,255,0.7);\n}\n\n#ig-add-user-form input[type=\"text\"]:focus {\n    outline: none;\n    border-color: #00ffff;\n    box-shadow: 0 0 10px #00ffff;\n}\n\n\/* Label checkbox *\/\n#ig-add-user-form label {\n    display: flex;\n    align-items: center;\n    justify-content: center; \/* checkbox e testo centrati *\/\n    gap: 8px;\n    font-weight: bold;\n    font-size: 14px;\n    color: #fff; \/* testo bianco *\/\n    margin-bottom: 20px; \/* distanza verticale *\/\n}\n\n\/* Pulsante Aggiungi *\/\n#ig-add-user-form button#ig-submit-user {\n    width: 50%; \/* centrato *\/\n    margin: 0 auto;\n    padding: 12px;\n    font-weight: bold;\n    font-size: 16px;\n    color: #fff; \/* testo bianco *\/\n    background: linear-gradient(135deg, #00ffff, #ff00ff);\n    border: none;\n    border-radius: 12px;\n    cursor: pointer;\n    transition: transform 0.3s, box-shadow 0.3s;\n    box-shadow: 0 0 10px #00ffff, 0 0 20px #ff00ff;\n}\n\n#ig-add-user-form button#ig-submit-user:hover {\n    transform: scale(1.05);\n    box-shadow: 0 0 20px #00ffff, 0 0 40px #ff00ff;\n}\n\n\/* MOBILE RESPONSIVE *\/\n@media (max-width: 768px) {\n    #ig-add-user-form {\n        max-width: 90%;\n        padding: 16px;\n    }\n\n    #ig-add-user-form input[type=\"text\"] {\n        font-size: 14px;\n        padding: 10px;\n        margin-bottom: 18px;\n    }\n\n    #ig-add-user-form label {\n        font-size: 13px;\n        margin-bottom: 18px;\n    }\n\n    #ig-add-user-form button#ig-submit-user {\n        width: 70%; \/* pi\u00f9 largo su mobile *\/\n        font-size: 14px;\n        padding: 10px;\n        margin-bottom: 18px;\n    }\n}\n<\/style>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","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-6731","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/wallpixelart.com\/bigwall\/wp-json\/wp\/v2\/pages\/6731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wallpixelart.com\/bigwall\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wallpixelart.com\/bigwall\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wallpixelart.com\/bigwall\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wallpixelart.com\/bigwall\/wp-json\/wp\/v2\/comments?post=6731"}],"version-history":[{"count":2,"href":"https:\/\/wallpixelart.com\/bigwall\/wp-json\/wp\/v2\/pages\/6731\/revisions"}],"predecessor-version":[{"id":6733,"href":"https:\/\/wallpixelart.com\/bigwall\/wp-json\/wp\/v2\/pages\/6731\/revisions\/6733"}],"wp:attachment":[{"href":"https:\/\/wallpixelart.com\/bigwall\/wp-json\/wp\/v2\/media?parent=6731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}