j4pm/website/numbers.html
2022-07-09 00:18:16 -04:00

90 lines
No EOL
2.6 KiB
HTML

<html>
<head>
<script src="./numbers.js"></script>
<style>
* {
font-size: x-large;
font-family: monospace;
}
.inactive,
.active {
position: absolute;
top: 23%;
left: 45%;
}
.light {
background-color: gray;
}
.light p {
color: white;
text-shadow: 3px 2px 10px yellow;
}
.dark {
width: 95vw;
height: 95vh;
}
.dark p {
color: black;
}
button {
opacity: 0.003;
}
.inactive h3 {
display: none;
}
.active h3 {
color: red;
}
</style>
</head>
<body class="dark" style="background-color: black;">
<button id="b-0" onclick="handleClick(0)">0</button>
<button id="b-1" onclick="handleClick(1)">1</button>
<button id="b-2" onclick="handleClick(2)">2</button>
<button id="b-3" onclick="handleClick(3)">3</button>
<button id="b-4" onclick="handleClick(4)">4</button>
<button id="b-5" onclick="handleClick(5)">5</button>
<button id="b-6" onclick="handleClick(6)">6</button>
<button id="b-7" onclick="handleClick(7)">7</button>
<button id="b-8" onclick="handleClick(8)">8</button>
<button id="b-9" onclick="handleClick(9)">9</button>
<button id="b-10" onclick="handleClick(10)">10</button>
<button id="b-11" onclick="handleClick(11)">11</button>
<button id="b-12" onclick="handleClick(12)">12</button>
<button id="b-13" onclick="handleClick(13)">13</button>
<button id="b-14" onclick="handleClick(14)">14</button>
<button id="b-15" onclick="handleClick(15)">15</button>
<button id="b-16" onclick="handleClick(16)">16</button>
<div class="inactive">
<p id="p-1"></p>
<p id="p-2"></p>
<p id="p-3"></p>
<p id="p-4"></p>
<p id="p-5"></p>
<p id="p-6"></p>
<p id="p-7"></p>
<p id="p-8"></p>
<p id="p-9"></p>
<p id="p-10"></p>
<h3 style="left: -210%;position: absolute;top: -45%;width: 50vw;">Since it seems interest is sparse, I will sweeten
the deal. At the end of the puzzles I will be giving out a
bunch of steam keys that I will accumulate over the year. The more people that finish the puzzle, the more keys
that I will give out per person, up to the total number of keys that I collect. i.e. - If two people win, each
person will get two keys of their choice for a total of four. The keys are given out on a first-come first-serve
basis. For each person that participates past stage 5, you can DM me (at jane#0009) one game at or under $60 (on
Steam) that you would like to see on the list of games at the end.</h3>
</div>
<div id="07-31-2022" style="display:none" />
</body>
</html>