custom_liquid
Jay Cutler
{"liquid":"\n\u003cdiv id=\"takeoverModal\" class=\"modal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003ch2\u003eLooks like you're already in!\u003c\/h2\u003e\n\u003cp\u003eKeey an eye out for your email, we will contact you if you've won this month's giveaway!\u003c\/p\u003e\n\u003cp\u003eWant an extra entry? Submit your before and afters below!\u003c\/p\u003e\n\u003cdiv class=\"modal-buttons\"\u003e\u003cbutton onclick=\"submitRedirect()\"\u003eSubmit\u003c\/button\u003e \u003cbutton onclick=\"closeModal()\"\u003eNevermind\u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 1);\n z-index: 1000;\n justify-content: center;\n align-items: center;\n}\n\n.modal-content {\n background-color: white;\n padding: 20px;\n border-radius: 8px;\n text-align: center;\n max-width: 575px;\n width: 90%;\n color:#000;\n}\n\n .modal-content h2{\n color:#000;\n }\n\n.modal-buttons {\n margin-top: 20px;\n}\n\n.modal-buttons button {\n padding: 10px 20px;\n margin: 0 10px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.modal-buttons button:first-child {\n background-color: #000;\n color: white;\n border-radius:0px;\n border:solid 1px white;\n font-family: geom-graphic;\n text-transform:uppercase;\n}\n\n.modal-buttons button:last-child {\n background-color: #fff;\n color: #000;\n border-radius:0px;\n border:1px solid black;\n font-family: geom-graphic;\n text-transform:uppercase;\n}\n\n.modal-buttons button:hover {\n opacity: 0.9;\n}\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ JavaScript\n\/\/ Show modal on page load\nwindow.onload = function () {\n document.getElementById(\"takeoverModal\").style.display = \"flex\";\n document.querySelector('header').remove();\n document.querySelector('footer').remove();\n};\n\n\/\/ Redirect on submit\nfunction submitRedirect() {\n window.location.href = \"https:\/\/jaycutler.com\/pages\/before-and-after-submissions\"; \/\/ Replace with your target URL\n}\n\n\/\/ Close modal\nfunction closeModal() {\n window.location.href = \"\/\";\n}\n\u003c\/script\u003e"}
{"liquid":"\n\u003cdiv id=\"takeoverModal\" class=\"modal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003ch2\u003eLooks like you're already in!\u003c\/h2\u003e\n\u003cp\u003eKeey an eye out for your email, we will contact you if you've won this month's giveaway!\u003c\/p\u003e\n\u003cp\u003eWant an extra entry? Submit your before and afters below!\u003c\/p\u003e\n\u003cdiv class=\"modal-buttons\"\u003e\u003cbutton onclick=\"submitRedirect()\"\u003eSubmit\u003c\/button\u003e \u003cbutton onclick=\"closeModal()\"\u003eNevermind\u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 1);\n z-index: 1000;\n justify-content: center;\n align-items: center;\n}\n\n.modal-content {\n background-color: white;\n padding: 20px;\n border-radius: 8px;\n text-align: center;\n max-width: 575px;\n width: 90%;\n color:#000;\n}\n\n .modal-content h2{\n color:#000;\n }\n\n.modal-buttons {\n margin-top: 20px;\n}\n\n.modal-buttons button {\n padding: 10px 20px;\n margin: 0 10px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.modal-buttons button:first-child {\n background-color: #000;\n color: white;\n border-radius:0px;\n border:solid 1px white;\n font-family: geom-graphic;\n text-transform:uppercase;\n}\n\n.modal-buttons button:last-child {\n background-color: #fff;\n color: #000;\n border-radius:0px;\n border:1px solid black;\n font-family: geom-graphic;\n text-transform:uppercase;\n}\n\n.modal-buttons button:hover {\n opacity: 0.9;\n}\n\u003c\/style\u003e\n\u003cscript\u003e\n \/\/ JavaScript\n\/\/ Show modal on page load\nwindow.onload = function () {\n document.getElementById(\"takeoverModal\").style.display = \"flex\";\n document.querySelector('header').remove();\n document.querySelector('footer').remove();\n};\n\n\/\/ Redirect on submit\nfunction submitRedirect() {\n window.location.href = \"https:\/\/jaycutler.com\/pages\/before-and-after-submissions\"; \/\/ Replace with your target URL\n}\n\n\/\/ Close modal\nfunction closeModal() {\n window.location.href = \"\/\";\n}\n\u003c\/script\u003e"}
Looks like you're already in!
Keey an eye out for your email, we will contact you if you've won this month's giveaway!
Want an extra entry? Submit your before and afters below!