- Author:
- bga_
- Twitter:
- @
- GitHub:
- Facebook:
- Google+:
- +
- Reddit:
- /r/
- Pouet:
- Website:
- Compo:
- pure
- Demo link:
- https://js1k.com/2019-x/demo/4048
- Shortlink:
- https://js1k.com/4048
- Blog post:
- please update here!
- Bytes:
- 642
- Chars:
- 642
- Submission
b.innerHTML = `
<style>
body {
text-align: center;
font: 15vh "Impact";
background: #000;
color: #fff;
}
#x {
border: 1vh solid #fff;
border-radius: 50%;
margin: 0 auto;
width: 40vh;
height: 40vh;
}
</style>
<div style="float: left;"> PRESS</div>
<div style="float: right">TO </div>
<div id=x style="clear: both; font-size: 32vh;">X</div>
<div style="font-size: 25vh;">WIN!</div>
`
setInterval(function() {
var v = document.body.firstElementChild; do {
v.style.color = `hsl(${ 0|Math.random() * 360 }, 100%,70%)`
} while(v = v.nextElementSibling)
}, 1000)
- Description
- No description submitted
- Base64 encoded
Yi5pbm5lckhUTUwgPSBgDQogIDxzdHlsZT4NCiAgYm9keSB7DQogICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgIGZvbnQ6IDE1dmggIkltcGFjdCI7DQogICAgYmFja2dyb3VuZDogIzAwMDsNCiAgICBjb2xvcjogI2ZmZjsNCiAgfQ0KICAjeCB7DQogICBib3JkZXI6IDF2aCBzb2xpZCAjZmZmOw0KICAgYm9yZGVyLXJhZGl1czogNTAlOw0KICAgbWFyZ2luOiAwIGF1dG87DQogICB3aWR0aDogNDB2aDsNCiAgIGhlaWdodDogNDB2aDsNCiAgfQ0KPC9zdHlsZT4NCjxkaXYgc3R5bGU9ImZsb2F0OiBsZWZ0OyI+Jm5ic3A7UFJFU1M8L2Rpdj4NCjxkaXYgc3R5bGU9ImZsb2F0OiByaWdodCI+VE8mbmJzcDs8L2Rpdj4NCjxkaXYgaWQ9eCBzdHlsZT0iY2xlYXI6IGJvdGg7IGZvbnQtc2l6ZTogMzJ2aDsiPlg8L2Rpdj4NCjxkaXYgc3R5bGU9ImZvbnQtc2l6ZTogMjV2aDsiPldJTiE8L2Rpdj4NCmANCnNldEludGVydmFsKGZ1bmN0aW9uKCkgew0KICB2YXIgdiA9IGRvY3VtZW50LmJvZHkuZmlyc3RFbGVtZW50Q2hpbGQ7IGRvIHsgDQogICAgdi5zdHlsZS5jb2xvciA9IGBoc2woJHsgMHxNYXRoLnJhbmRvbSgpICogMzYwIH0sIDEwMCUsNzAlKWANCiAgfSB3aGlsZSh2ID0gdi5uZXh0RWxlbWVudFNpYmxpbmcpDQp9LCAxMDAwKQ0K
- Original source
b.innerHTML = `
<style>
body {
text-align: center;
font: 15vh "Impact";
background: #000;
color: #fff;
}
#x {
border: 1vh solid #fff;
border-radius: 50%;
margin: 0 auto;
width: 40vh;
height: 40vh;
}
</style>
<div style="float: left;"> PRESS</div>
<div style="float: right">TO </div>
<div id=x style="clear: both; font-size: 32vh;">X</div>
<div style="font-size: 25vh;">WIN!</div>
`
setInterval(function() {
var v = document.body.firstElementChild; do {
v.style.color = `hsl(${ 0|Math.random() * 360 }, 100%,70%)`
} while(v = v.nextElementSibling)
}, 1000)
