Interactive Mailer<\/title>\n <style>\n body {\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #f0f0f0;\n }\n #mailer {\n position: relative;\n width: 420px;\n height: 210px;\n overflow: hidden;\n cursor: pointer;\n }\n #page1, #page2, #page3 {\n position: absolute;\n width: 100%;\n height: 100%;\n transition: transform 1s ease;\n }\n #page2, #page3 {\n transform: translateX(100%);\n }\n #scratchCanvas {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 50px;\n background-color: black;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"mailer\">\n <img decoding=\"async\" id=\"page1\" src=\"https:\/\/scratchcard.gamingmail.co.uk\/wp-content\/uploads\/2025\/05\/1.png\" alt=\"Page 1\">\n <img decoding=\"async\" id=\"page2\" src=\"https:\/\/scratchcard.gamingmail.co.uk\/wp-content\/uploads\/2025\/05\/2.png\" alt=\"Page 2\">\n <img decoding=\"async\" id=\"page3\" src=\"https:\/\/scratchcard.gamingmail.co.uk\/wp-content\/uploads\/2025\/05\/3.png\" alt=\"Page 3\">\n <canvas id=\"scratchCanvas\"><\/canvas>\n <\/div>\n <script>\n document.getElementById('mailer').addEventListener('click', function() {\n document.getElementById('page1').style.transform = 'translateX(-100%)';\n document.getElementById('page2').style.transform = 'translateX(0)';\n document.getElementById('page3').style.transform = 'translateX(0)';\n });\n\n const canvas = document.getElementById('scratchCanvas');\n const ctx = canvas.getContext('2d');\n canvas.width = canvas.offsetWidth;\n canvas.height = canvas.offsetHeight;\n\n ctx.fillStyle = 'gray';\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n\n canvas.addEventListener('mousedown', function(e) {\n canvas.addEventListener('mousemove', scratch);\n });\n\n canvas.addEventListener('mouseup', function(e) {\n canvas.removeEventListener('mousemove', scratch);\n });\n\n function scratch(e) {\n const x = e.offsetX;\n const y = e.offsetY;\n ctx.clearRect(x, y, 20, 20);\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Interactive Mailer<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":2,"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2025-05-21T09:26:30","date_gmt":"2025-05-21T09:26:30","guid":{"rendered":"https:\/\/scratchcard.gamingmail.co.uk\/?page_id=2"},"modified":"2025-05-21T09:51:16","modified_gmt":"2025-05-21T09:51:16","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/sample-page\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\n\n\n\n\n \n \n Interactive Mailer<\/title>\n <style>\n body {\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #f0f0f0;\n }\n #mailer {\n position: relative;\n width: 420px;\n height: 210px;\n overflow: hidden;\n cursor: pointer;\n }\n #page1, #page2, #page3 {\n position: absolute;\n width: 100%;\n height: 100%;\n transition: transform 1s ease;\n }\n #page2, #page3 {\n transform: translateX(100%);\n }\n #scratchCanvas {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 50px;\n background-color: black;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"mailer\">\n <img decoding=\"async\" id=\"page1\" src=\"https:\/\/scratchcard.gamingmail.co.uk\/wp-content\/uploads\/2025\/05\/1.png\" alt=\"Page 1\">\n <img decoding=\"async\" id=\"page2\" src=\"https:\/\/scratchcard.gamingmail.co.uk\/wp-content\/uploads\/2025\/05\/2.png\" alt=\"Page 2\">\n <img decoding=\"async\" id=\"page3\" src=\"https:\/\/scratchcard.gamingmail.co.uk\/wp-content\/uploads\/2025\/05\/3.png\" alt=\"Page 3\">\n <canvas id=\"scratchCanvas\"><\/canvas>\n <\/div>\n <script>\n document.getElementById('mailer').addEventListener('click', function() {\n document.getElementById('page1').style.transform = 'translateX(-100%)';\n document.getElementById('page2').style.transform = 'translateX(0)';\n document.getElementById('page3').style.transform = 'translateX(0)';\n });\n\n const canvas = document.getElementById('scratchCanvas');\n const ctx = canvas.getContext('2d');\n canvas.width = canvas.offsetWidth;\n canvas.height = canvas.offsetHeight;\n\n ctx.fillStyle = 'gray';\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n\n canvas.addEventListener('mousedown', function(e) {\n canvas.addEventListener('mousemove', scratch);\n });\n\n canvas.addEventListener('mouseup', function(e) {\n canvas.removeEventListener('mousemove', scratch);\n });\n\n function scratch(e) {\n const x = e.offsetX;\n const y = e.offsetY;\n ctx.clearRect(x, y, 20, 20);\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Interactive Mailer<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":2,"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/scratchcard.gamingmail.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}