Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- saved from url=(0065)noLookingForYou -->
- <html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>The Typing Area</title>
- </head>
- <body style="font-family: Consolas; background: linear-gradient(90deg, rgba(0,190,0,1) 0%, rgba(7,128,128,1) 70%);color: white;">
- <textarea style="resize: none;background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.76) 100%);width: 100%;outline: none;border: none;padding: 50;height: 75%;border-radius: 16px 16px 0px 0px;" id="0">Your notes here:</textarea>
- <table style="background: linear-gradient(rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.43) 100%); width: 100%; height: 12.5%; border-collapse: collapse; color: white;" id="1">
- <thead style="
- ">
- <tr style="background: rgba(0, 0, 0, 0.2)">
- <th>Seconds since midnight</th>
- <th>Hours since midnight</th>
- <th>Button presses</th>
- <th>Characters</th>
- </tr>
- </thead>
- <tbody>
- <tr style="
- background: rgba(0, 0, 0, 0.1);
- ">
- <td>Loading...</td>
- <td>Loading...</td>
- <td>excuse me what</td>
- <td>does your browser support textarea</td>
- </tr>
- </tbody>
- </table>
- <button style="height: 12.5%;width: 100%;margin:0 0.386% 0 0;border-radius: 0px 0px 16px 16px;background:linear-gradient(180deg, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,1) 100%);" onclick="a()">Reset</button>
- <script>
- var el0 = document.getElementById("0")
- function a() {
- time = new Date().getHours() + (new Date().getMinutes() / 60) + (new Date().getSeconds() / 3600)
- var t
- if (time < 4) {
- t = "night owl²"
- }
- else if (time < 7) {
- t = "You've just slept a bit early, haven't you?"
- }
- else if (time < 12) {
- t = "What am I?"
- }
- else if (time < 18) {
- t = "Cup of tea perhaps."
- }
- else if (time < 23) {
- t = "You are a user, not big surprise!"
- }
- else {
- t = "night owl"
- }
- el0.value = t
- }
- function b() {
- bList = document.getElementById('1').rows[1].cells
- bVar = new Date()
- bList[0].innerText = bVar.getSeconds() + bVar.getMinutes() * 60 + bVar.getHours() * 3600
- bList[1].innerText = Math.floor(1000 * (bVar.getSeconds() / 3600 + bVar.getMinutes() / 60 + bVar.getHours())) / 1000
- bList[2].innerText = cVar2
- bList[3].innerText = document.getElementById("0").value.length
- s = (Math.log10(bList[3].innerText) > 0 ? Math.log10(bList[3].innerText) : -1) * 127
- document.getElementById("1").rows[0].cells[3].style.color = "rgb("+(s < 1020 ? (Math.floor(s)) : (Math.floor(1020 + s))).toString()+", "+Math.floor(510-(s)).toString()+", "+Math.floor((s)-510).toString()+")"}
- setInterval(function() {b()}, 32)
- var cVar2 = 0
- var cVar
- function c2() {
- if (cVar <= 255) {
- setTimeout(function () {document.getElementById("1").style.color = "rgb("+cVar+", 255, "+cVar+")";cVar = cVar + 5;c2()}, 1)
- }
- else {document.getElementById("1").style.color = "white";cVar=255}
- }
- function c1() {
- cVar = 0
- cVar2 += 1
- c2()
- }
- document.onkeydown = function() {c1()}
- </script>
- <style>
- button,textarea{border: none;outline: none;font-family: Consolas;border-radius: 16px;font-size: 24;color: white;}
- td{text-align:center; font-size: 36; width: 25%}
- </style>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
