`
document.body.appendChild(menuChange)
var styleItem1 = document.createElement("style");
styleItem1.type = "text/css";
styleItem1.appendChild(document.createTextNode(`
#mainSettings{
overflow-y : scroll;
}
.keyPressLow {
margin-left: 10px;
font-size: 18px;
margin-right: 8px;
height: 29px;
width: 60px;
background-color: #00F0F8FF;
border-radius: 3.5px;
border: none;
text-align: center;
color: #4A4A4A;
border: 0.5px solid #f2f2f2;
}
.menuPrompt {
font-size: 17px;
font-family: 'Hammersmith One';
color: #4A4A4A;
flex: 0.2;
text-align: center;
margin-top: 10px;
display: inline-block;
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
overflow: auto;
height: 100%;
width: 100%;
}
.modal-content {
margin: 10% auto;
width: 40%;
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
font-size: 14px;
line-height: 1.6;
}
.modal-header h2,
.modal-footer h3 {
margin: 0;
}
.modal-header {
background: rgba(0,0,0,0.5);
padding: 15px;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.modal-body {
padding: 10px 20px;
background: rgba(255,255,255,0.5);
}
.modal-footer {
background: rgba(0,0,0,0.5);
padding: 10px;
color: #fff;
text-align: center;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.closeBtn {
color: #00c864;
float: right;
font-size: 30px;
color: red;
}
.closeBtn:hover,
.closeBtn:focus {
color: #00c864;
text-decoration: none;
cursor: pointer;
}
.container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: black;
}
.container:hover input ~ .checkmark {
background-color: #ccc;
}
.container input:checked ~ .checkmark {
background-color: #00c864;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.container input:checked ~ .checkmark:after {
display: block;
}
.container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
`))
document.head.appendChild(styleItem1);
document.addEventListener('keydown', function(e) {
if (e.keyCode == 27){
if (modal.style.display = "none") {
modal.style.display = "block";
} else {
modal.style.display = "none";
}
}
})
var modal = document.getElementById("simpleModal");
var closeBtn = document.getElementsByClassName('closeBtn')[0];
closeBtn.addEventListener('click', closeModal);
window.addEventListener('click', outsideClick);
function closeModal() {
modal.style.display = 'none';
}
function outsideClick(e) {
if (e.target == modal) {
modal.style.display = 'none';
}
}
var ai = document.querySelector("#antiinsta")
ai.addEventListener('change', function() {
if (this.checked) {
antiinsta = true;
doNewSend(["ch", ["Pancake Anti-Insta: On"]]);
} else {
doNewSend(["ch", ["pancake Anti-Insta: Off"]]);
antiinsta = false;
}
})
var at = document.querySelector("#antitrap")
at.addEventListener('change', function() {
if (this.checked) {
antitrap = true;
doNewSend(["ch", ["pancake anti-trap:on"]]);
} else {
antitrap = false;
doNewSend(["ch", ["pancake anti-trap:Off"]]);
}
})
var ps = document.querySelector("#placespike")
ps.addEventListener('change', function() {
if (this.checked) {
palcespikes = true;
doNewSend(["ch", ["pancake place spike at at:on"]]);
} else {
palcespikes = false;
doNewSend(["ch", ["pancake place spike at at:Off"]]);
}
})
var pt = document.querySelector("#placetrap")
pt.addEventListener('change', function() {
if (this.checked) {
palcetraps = true;
doNewSend(["ch", ["pancake place trap at at:On"]]);
} else {
palcetraps = false;
doNewSend(["ch", ["pancake place trap at at:Off"]]);
}
})
var abt = document.querySelector("#autobreaktrap")
abt.addEventListener('change', function() {
if (this.checked) {
autobreak = true;
doNewSend(["ch", ["pancake autobreak:On"]]);
} else {
autobreak = false;
doNewSend(["ch", ["pancake autobreak:Off"]]);
}
})
var apt = document.querySelector("#autoplacetraps")
apt.addEventListener('change', function() {
if (this.checked) {
autoplacetraps = true;
doNewSend(["ch", ["pancake autoplace traps:on"]]);
} else {
autoplacetraps = false;
doNewSend(["ch", ["pancake autoplace traps:Off"]]);
}
})
var si = document.querySelector("#spaceinsta")
si.addEventListener('change', function() {
if (this.checked) {
spaceinsta = true;
doNewSend(["ch", ["pancake space insta:on"]]);
} else {
spaceinsta = false;
doNewSend(["ch", ["pancake space insta:Off"]]);
}
})
var pi = document.querySelector("#putpike")
pi.addEventListener('change', function() {
if (this.checked) {
pikeinsta = true;
doNewSend(["ch", ["pancake put pike on insta:on"]]);
} else {
pikeinsta = false;
doNewSend(["ch", ["pancake put pike insta:Off"]]);
}
})
var hit = document.querySelector("#360hit")
hit.addEventListener('change', function() {
if (this.checked) {
hit360 = true;
doNewSend(["ch", ["pancake 360 hit:on"]]);
} else {
hit360 = false;
doNewSend(["ch", ["pancake 360 hit:Off"]]);
}
})