2022-07-09 03:39:59 +00:00
|
|
|
<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;
|
|
|
|
}
|
2022-07-09 04:18:16 +00:00
|
|
|
|
|
|
|
.inactive h3 {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.active h3 {
|
|
|
|
color: red;
|
|
|
|
}
|
2022-07-09 03:39:59 +00:00
|
|
|
</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>
|
2022-07-09 04:18:16 +00:00
|
|
|
<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>
|
2022-07-09 03:39:59 +00:00
|
|
|
</div>
|
|
|
|
<div id="07-31-2022" style="display:none" />
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|