diff options
| author | echo <91651232+exhq@users.noreply.github.com> | 2022-10-25 11:17:36 +0330 |
|---|---|---|
| committer | echo <91651232+exhq@users.noreply.github.com> | 2022-10-25 11:17:36 +0330 |
| commit | 47ad46c0e5765715a428989ce5081ffde02bd8c4 (patch) | |
| tree | c07b33bddae679d339e494a74394cd8fb3d2f85b | |
| parent | 8e819141fb1fe341a6ac95aef9d623879a1ebd58 (diff) | |
| download | exhq.github.io-47ad46c0e5765715a428989ce5081ffde02bd8c4.tar.gz exhq.github.io-47ad46c0e5765715a428989ce5081ffde02bd8c4.tar.bz2 exhq.github.io-47ad46c0e5765715a428989ce5081ffde02bd8c4.zip | |
mean vendy
| -rw-r--r-- | static/wheremessagelogger/bruh.js | 31 | ||||
| -rw-r--r-- | static/wheremessagelogger/index.html | 30 | ||||
| -rw-r--r-- | static/wheremessagelogger/lmfao.css | 33 |
3 files changed, 94 insertions, 0 deletions
diff --git a/static/wheremessagelogger/bruh.js b/static/wheremessagelogger/bruh.js new file mode 100644 index 0000000..0b103f0 --- /dev/null +++ b/static/wheremessagelogger/bruh.js @@ -0,0 +1,31 @@ +/* + * Basic Count Up from Date and Time + * Author: @mrwigster / https://guwii.com/bytes/count-date-time-javascript/ + */ +window.onload = function() { + // Month Day, Year Hour:Minute:Second, id-of-element-container + countUpFromTime("Oct 21, 2022 15:00:00", 'countup1'); // ****** Change this line! + }; + function countUpFromTime(countFrom, id) { + countFrom = new Date(countFrom).getTime(); + var now = new Date(), + countFrom = new Date(countFrom), + timeDifference = (now - countFrom); + + var secondsInADay = 60 * 60 * 1000 * 24, + secondsInAHour = 60 * 60 * 1000; + + days = Math.floor(timeDifference / (secondsInADay) * 1); + hours = Math.floor((timeDifference % (secondsInADay)) / (secondsInAHour) * 1); + mins = Math.floor(((timeDifference % (secondsInADay)) % (secondsInAHour)) / (60 * 1000) * 1); + secs = Math.floor((((timeDifference % (secondsInADay)) % (secondsInAHour)) % (60 * 1000)) / 1000 * 1); + + var idEl = document.getElementById(id); + idEl.getElementsByClassName('days')[0].innerHTML = days; + idEl.getElementsByClassName('hours')[0].innerHTML = hours; + idEl.getElementsByClassName('minutes')[0].innerHTML = mins; + idEl.getElementsByClassName('seconds')[0].innerHTML = secs; + + clearTimeout(countUpFromTime.interval); + countUpFromTime.interval = setTimeout(function(){ countUpFromTime(countFrom, id); }, 1000); + }
\ No newline at end of file diff --git a/static/wheremessagelogger/index.html b/static/wheremessagelogger/index.html new file mode 100644 index 0000000..d4ba7dc --- /dev/null +++ b/static/wheremessagelogger/index.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <link rel="stylesheet" href="./lmfao.css"> + <script src="bruh.js"></script> + <meta charset="UTF-8"> + <link rel="shortcut icon" href="https://cdn.discordapp.com/attachments/917977729322872853/986613945055989800/kannafu.png" type="image/x-icon"> + <meta content="fucking add message logger" property="og:title" /> + <meta content="find out how lazy vendy is" property="og:description" /> + <meta content="https://cdn.discordapp.com/attachments/917977729322872853/986613945055989800/kannafu.png" property="og:image" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>FUCKING ADD MESSAGE LOGGER</title> +</head> +<body> + <h1>it has been</h1> + <div class="countup" id="countup1"> + <span class="timeel days">00</span> + <span class="timeel timeRefDays">days</span> + <span class="timeel hours">00</span> + <span class="timeel timeRefHours">hours</span> + <span class="timeel minutes">00</span> + <span class="timeel timeRefMinutes">minutes</span> + <span class="timeel seconds">00</span> + <span class="timeel timeRefSeconds">seconds</span> + </div> + <h1>since i asked for a message logger</h1> + <h2>fucking add one</h2> +</body> +</html>
\ No newline at end of file diff --git a/static/wheremessagelogger/lmfao.css b/static/wheremessagelogger/lmfao.css new file mode 100644 index 0000000..d9796c1 --- /dev/null +++ b/static/wheremessagelogger/lmfao.css @@ -0,0 +1,33 @@ +@import url('https://fonts.googleapis.com/css?family=Google+Sans&display=swap'); +:root{ + --title-color: #ff80a4; + --text-color: #ff2674; + --background-color: #202124; + } +.countup { + text-align: center; + margin-bottom: 20px; +} +h1,h2{ + color: var(--title-color); + text-align: center; +} +html{ + background-color: var(--background-color); +} +.countup .timeel { + display: inline-block; + padding: 10px; + background: #151515; + margin: 0; + color: white; + min-width: 2.6rem; + margin-left: 13px; + border-radius: 10px 0 0 10px; +} +.countup span[class*="timeRef"] { + border-radius: 0 10px 10px 0; + margin-left: 0; + background: var(--title-color); + color: black; +}
\ No newline at end of file |