j4pm/website/numbers.html
2022-07-08 23:39:59 -04:00

75 lines
No EOL
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>