{"id":13,"date":"2025-11-08T11:33:19","date_gmt":"2025-11-08T11:33:19","guid":{"rendered":"https:\/\/safara.it\/test1\/?page_id=13"},"modified":"2025-11-08T14:09:34","modified_gmt":"2025-11-08T14:09:34","slug":"home","status":"publish","type":"page","link":"https:\/\/safara.it\/test1\/","title":{"rendered":"Home"},"content":{"rendered":"\n

Benvenuto nel Muro della Memoria<\/h2><\/div>\n\n\n\n

Dedica uno spazio digitale per ricordare chi ami. Acquista un piccolo spazio sulla griglia e lascia una dedica, un nome o un’immagine per sempre.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
<\/path><\/svg><\/div>

1×1 Pixel<\/h3><\/div>

Piccolo gesto, grande significato

1\u20ac<\/p><\/div><\/div>\n\n\n\n

\n
Acquista ora<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
<\/path><\/svg><\/div>

5×5 Pixel<\/h3><\/div>

Per chi vuole un messaggio pi\u00f9 visibile.

20\u20ac<\/p><\/div><\/div>\n\n\n\n

\n
Acquista ora<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
<\/path><\/svg><\/div>

10×10 Pixel<\/h3><\/div>

Un tributo pi\u00f9 grande per chi vuoi ricordare.

80\u20ac<\/p><\/div><\/div>\n\n\n\n

\n
Acquista ora<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\nfrom pathlib import Path\n\n# Codice HTML aggiornato con:\n# – Simulazione di acquisto (click = sblocca pixel)\n# – Cornice nera esterna\n# – Interno bianco\nhtml_code = “””\n\n\n\n \n \n Muro della Memoria<\/title>\n <style>\n body {\n font-family: sans-serif;\n text-align: center;\n background-color: #fff;\n }\n\n h1 {\n margin-top: 30px;\n }\n\n .frame {\n margin: 40px auto;\n padding: 10px;\n background: black;\n width: fit-content;\n }\n\n .memory-wall {\n display: grid;\n grid-template-columns: repeat(100, 5px);\n grid-template-rows: repeat(100, 5px);\n gap: 0;\n background: white;\n }\n\n .pixel {\n width: 5px;\n height: 5px;\n background: black;\n }\n\n .pixel.revealed {\n background: transparent;\n }\n\n .image-under {\n position: absolute;\n z-index: 0;\n }\n\n .grid-wrapper {\n position: relative;\n width: 500px;\n height: 500px;\n margin: auto;\n }\n\n .overlay {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n }\n\n #note {\n margin-top: 10px;\n font-size: 14px;\n color: #555;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Muro della Memoria<\/h1>\n <p>Clicca su un blocco nero per sbloccarlo (simula un acquisto)<\/p>\n\n <div class=\"frame\">\n <div class=\"grid-wrapper\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Pierre-Person.jpg\/240px-Pierre-Person.jpg\" \n width=\"500\" height=\"500\" class=\"image-under\" alt=\"Immagine sfondo\"\/>\n <div class=\"memory-wall overlay\" id=\"wall\"><\/div>\n <\/div>\n <\/div>\n\n <div id=\"note\">(L’immagine sottostante verr\u00e0 rivelata gradualmente)<\/div>\n\n <script>\n const wall = document.getElementById(\"wall\");\n\n for (let i = 0; i < 100 * 100; i++) {\n const pixel = document.createElement(\"div\");\n pixel.className = \"pixel\";\n pixel.addEventListener(\"click\", () => {\n pixel.classList.add(\"revealed\");\n });\n wall.appendChild(pixel);\n }\n <\/script>\n<\/body>\n<\/html>\n“””\n\n# Salvataggio del file HTML\noutput_path = “\/mnt\/data\/muro_memoria_prototipo_cornice_funzionante.html”\nPath(output_path).write_text(html_code, encoding=’utf-8′)\n\noutput_path\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Benvenuto nel Muro della Memoria Dedica uno spazio digitale per ricordare chi ami. Acquista un piccolo spazio sulla griglia e […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Admin","author_link":"https:\/\/safara.it\/test1\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Benvenuto nel Muro della Memoria Dedica uno spazio digitale per ricordare chi ami. Acquista un piccolo spazio sulla griglia e […]","_links":{"self":[{"href":"https:\/\/safara.it\/test1\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/safara.it\/test1\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/safara.it\/test1\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/safara.it\/test1\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/safara.it\/test1\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":14,"href":"https:\/\/safara.it\/test1\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/safara.it\/test1\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/safara.it\/test1\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}