public static java.lang.String |
REGULATIONS_PAGE |
"\n<!DOCTYPE html> \n<html>\n\t<head>\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n\t\t<style>\n\t\t\thtml {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\theight: 100%;\n\t\t\t}\n\n\t\t\tbody {\n\t\t\t\tbackground-color: \"#eef\";\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tcolor: #202020;\n\t\t\t\tfont-family: roboto;\n\t\t\t\tfont-size: 4vw;\n\t\t\t\tmargin: 0;\n\t\t\t\tmin-height: 100%;\n\t\t\t\tpadding: 0;\n\t\t\t\t-webkit-touch-callout: none;\n\t\t\t\t-webkit-user-select: none;\n\t\t\t}\n\n\t\t\t@media screen and (min-width: 600px) {\n\t\t\t\tbody {\n\t\t\t\t\tfont-size: 1.2rem;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tbody.response {\n\t\t\t\tpadding-bottom: 5em;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\ta:link,\n\t\t\ta:visited,\n\t\t\ta:active {\n\t\t\t\tcolor: #2696dd;\n\t\t\t}\n\n\t\t\t.header {\n\t\t\t\tbackground-color: #fafafa;\n\t\t\t\tpadding: 1em 0;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.title {\n\t\t\t\tfont-size: 1.2em;\n\t\t\t\tfont-weight: bold;\n\t\t\t\tline-height: 150%;\n\t\t\t}\n\n\t\t\t.content {\n\t\t\t\tline-height: 140%;\n\t\t\t\tmargin: 0.5em auto;\n\t\t\t\tmax-width: 90%;\n\t\t\t\twidth: 600px;\n\t\t\t}\n\n .buttons {\n border-collapse:separate;\n border-spacing:5px;\n display: table;\n width: 100%;\n }\n\n\t\t\t.button-container {\n display: table-cell; \n\t\t\t\tfont-size: 1.2em;\n width: 30%;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.primary-button:link,\n\t\t\t.primary-button:visited,\n\t\t\t.primary-button:active {\n\t\t\t\tbackground-color: #0645ad;\n\t\t\t\tborder-radius: 1.5em;\n\t\t\t\tcolor: white;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 2em auto;\n\t\t\t\tpadding: 1em 0;\n\t\t\t\ttext-decoration: none;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.secondary-button:link,\n\t\t\t.secondary-button:visited,\n\t\t\t.secondary-button:active {\n\t\t\t\tbackground-color: #CC2200;\n\t\t\t\tborder-radius: 1.5em;\n\t\t\t\tcolor: white;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 2em auto;\n\t\t\t\tpadding: 1em 0;\n\t\t\t\ttext-decoration: none;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.explanation {\n\t\t\t\tmargin: auto;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 20em;\n\t\t\t}\n\n\t\t\t.footer {\n\t\t\t\tbottom: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tline-height: 130%;\n\t\t\t\tpadding-bottom: 1.2em;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 0;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.footer a:link,\n\t\t\t.footer a:visited,\n\t\t\t.footer a:active {\n\t\t\t\tcolor: black;\n\t\t\t\tdisplay: block;\n\t\t\t\ttext-decoration: none;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n .language-selector {\n\t\t\t\tbottom: 0;\n\t\t\t\tleft: 0;\n padding-bottom: 1.2em;\n position: absolute;\n right: 0;\n\t\t\t\ttext-align: center;\n width: 100%;\n }\n\n\t\t\t.starts-hidden {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"header\">\n\t\t\t<div class=\"title\" id=\"content-title\"></div>\n\t\t</div>\n\t\t<div class=\"agreement content\">\n\t\t\t<div class=\"language-selector\"> <select id=\"language-select\"> </select> </div>\n\t\t\t<div id=\"content-agreement\"></div>\n <div class=\"buttons\">\n <div class=\"button-container\"> <a class=\"primary-button\" href=\"coilads://regulations?yes\" id=\"accept-button\"> <span id=\"content-agreeLabel\"></span> </a> </div>\n <div class=\"button-container\"> <a class=\"secondary-button\" href=\"coilads://regulations?no\" id=\"deny-button\"> <span id=\"content-denyLabel\"></span> </a> </div>\n </div>\n\t\t</div>\n\t\t<div class=\"accepted content starts-hidden\" id=\"content-acceptedMessage\"></div>\n\t\t<div class=\"denied content starts-hidden\" id=\"content-deniedMessage\"></div>\n\t\t<div class=\"footer starts-hidden\">\n\t\t\t<a href=\"coilads://close\">\n\t\t\t\t<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" width=\"1.5em\" height=\"1.5em\" viewBox=\"0 0 1024 1024\">\n\t\t\t\t\t<g transform=\"scale(1 -1) translate(0 -950)\">\n\t\t\t\t\t\t<path fill=\"#000\" d=\"M512 -11c253 0 459 206 459 459s-206 459 -459 459s-459 -206 -459 -459s206 -459 459 -459zM512 843c218 0 395 -177 395 -395s-177 -395 -395 -395s-395 177 -395 395s177 395 395 395zM557 448l120 -119c12 -13 12 -33 0 -46c-7 -6 -15 -9 -23 -9s-17 3 -23 9 l-119 120l-119 -120c-7 -6 -15 -9 -23 -9s-16 3 -23 9c-12 13 -12 33 0 46l120 119l-119 119c-13 13 -13 33 0 46c12 12 32 12 45 0l119 -120l119 119c13 13 33 13 46 0c12 -12 12 -32 0 -45z\" />\n\t\t\t\t\t</g>\n\t\t\t\t</svg>\n\t\t\t\t<br> <span id=\"content-closeWindowLabel\"></span> \n\t\t\t</a>\n\t\t</div>\n\t\t<script>\n\t\t\tvar localizedContent = {\n\t\t\t\t\"en\": {\n\t\t\t\t\t\"acceptedMessage\": \"<p>Great! We hope you enjoy your personalized advertising!</p>\",\n\t\t\t\t\t\"agreeLabel\": \"Yes, I agree.\",\n\t\t\t\t\t\"agreement\": \"<p>This app personalizes your advertising through <a href=\\\"https://coilads.com\\\">CoilAds</a><br><p>By agreeing, you are confirming that you are over the age of 16 and would like a personalized advertising.</p>\",\n\t\t\t\t\t\"closeWindowLabel\": \"Close window\",\n\t\t\t\t\t\"deniedMessage\": \"<p>Okay, CoilAds and partners won't collect your data for personalized advertising.</p>\",\n\t\t\t\t\t\"denyLabel\": \"No, thank you.\",\n\t\t\t\t\t\"languageName\": \"English\",\n\t\t\t\t\t\"title\": \"Personalize your advertising\"\n\t\t\t\t}\n\t\t\t};\n\t\t\tvar initialLanguage = 'en';\n\t\t\tvar q = document.querySelector.bind(document);\n\n\t\t\tfunction setLanguage(language) {\n\t\t\t\tvar content = localizedContent[language] || localizedContent['en'];\n\t\t\t\tObject.keys(content).forEach(function(key) {\n\t\t\t\t\tvar selector = '#content-' + key;\n\t\t\t\t\tvar element = q(selector);\n\t\t\t\t\tif (element) {\n\t\t\t\t\t\telement.innerHTML = content[key];\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tfunction respond(accepted) {\n\t\t\t\tvar agreement = q('.agreement');\n\t\t\t\tvar body = q('body');\n\t\t\t\tvar showContent = accepted ? q('.accepted') : q('.denied');\n\t\t\t\tvar footer = q('.footer');\n\t\t\t\tbody.classList.add('response');\n\t\t\t\tagreement.style.display = 'none';\n\t\t\t\tshowContent.style.display = 'block';\n\t\t\t\tfooter.style.display = 'block';\n\t\t\t}\n\n\t\t\tfunction init() {\n\t\t\t\tvar languageSelect = q('#language-select'); /* Populate language select */\n\t\t\t\tvar languages = [];\n\t\t\t\tObject.keys(localizedContent).forEach(function(code) {\n\t\t\t\t\tvar name = localizedContent[code]['languageName'] || code;\n\t\t\t\t\tlanguages.push({\n\t\t\t\t\t\tcode: code,\n\t\t\t\t\t\tname: name\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tlanguages.sort(function(a, b) {\n\t\t\t\t\tif (a.name < b.name) {\n\t\t\t\t\t\treturn -1;\n\t\t\t\t\t}\n\t\t\t\t\tif (a.name > b.name) {\n\t\t\t\t\t\treturn 1;\n\t\t\t\t\t}\n\t\t\t\t\treturn 0;\n\t\t\t\t});\n\t\t\t\tlanguages.forEach(function(language) {\n\t\t\t\t\tvar option = document.createElement('option');\n\t\t\t\t\toption.setAttribute('value', language.code);\n\t\t\t\t\toption.innerHTML = language.name;\n\t\t\t\t\tlanguageSelect.appendChild(option);\n\t\t\t\t});\n\t\t\t\tsetLanguage(initialLanguage);\n\t\t\t\tlanguageSelect.value = initialLanguage;\n\t\t\t\tlanguageSelect.addEventListener('change', function(e) {\n\t\t\t\t\tvar selectedOption = q('#language-select option:checked');\n\t\t\t\t\tsetLanguage(selectedOption.value);\n\t\t\t\t});\n\t\t\t\tq('#accept-button').addEventListener('click', function() {\n\t\t\t\t\trespond(true);\n\t\t\t\t});\n\t\t\t\tq('#deny-button').addEventListener('click', function() {\n\t\t\t\t\trespond(false);\n\t\t\t\t});\n\t\t\t}\n\t\t\tinit();\n\t </script> \n\t</body>\n</html>\n" |