75 lines
1.8 KiB
HTML
75 lines
1.8 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;
|
||
|
|
}
|
||
|
|
</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>
|
||
|
|
</div>
|
||
|
|
<div id="07-31-2022" style="display:none" />
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|