90 lines
		
	
	
		
			No EOL
		
	
	
		
			2.6 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			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> |