Compare commits
2 Commits
9930d67c06
...
aceae2edc6
Author | SHA1 | Date |
---|---|---|
tess | aceae2edc6 | |
tess | 2488a4ddc7 |
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<link rel="stylesheet" href="/assets/stylesheet.css" />
|
||||
<title>lotte time</title>
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="shortcut icon" type="image/png" href="/assets/favicon.png" />
|
||||
</head>
|
||||
|
||||
<body onload="current_date()">
|
||||
|
||||
<h1 class="title">lotte time</h1>
|
||||
|
||||
<div class="box">
|
||||
<p style="font-size:150%; font-weight:bold; color:#e63e62"><span id="hour"></span>:<span id="minute"></span>:<span
|
||||
id="second"></span> <span id="day"></span>/<span id="month"></span>/<span id="year"></span></p>
|
||||
<p style="font-style:italic;color:#e63e62;">(month of <span id="month_name"></span>)</p>
|
||||
</div>
|
||||
|
||||
<div class="box box-top">
|
||||
<p>lotte time is a time system i invented for fun!</p>
|
||||
<p>in it, every unit of time is divided into 24; 24 seconds in a minute in an hour in a day in a month in a year!
|
||||
</p>
|
||||
<p>that means that one year in normal time is equivalent to a little under <span class="zelda">4 years</span> in
|
||||
lotte time.</p>
|
||||
<p>one day in normal time is equivalent to <span class="zelda">6.25 days</span> in lotte time!</p>
|
||||
</div>
|
||||
<div class="box">
|
||||
<p>the year 0 in lotte time is on October 14, 2000 in normal time. (which just happens to be my birthday)</p>
|
||||
<p>i'm 90 years old in lotte time as of writing this, and 22 years old in normal time.</p>
|
||||
</div>
|
||||
|
||||
<h2 class="title box-title">~ the months</h2>
|
||||
<div class="box">
|
||||
<p>there are 24 months in one year, and each one has a name:</p>
|
||||
<ol>
|
||||
<li>lotte</li>
|
||||
<li>two</li>
|
||||
<li>mute</li>
|
||||
<li>E</li>
|
||||
<li>👻</li>
|
||||
<li>epic</li>
|
||||
<li>lazy</li>
|
||||
<li>cass</li>
|
||||
<li>spetember</li>
|
||||
<li>love</li>
|
||||
<li>tiger</li>
|
||||
<li>vengeance</li>
|
||||
<li>ivy</li>
|
||||
<li>pride month</li>
|
||||
<li>destruction</li>
|
||||
<li>destruction pt 2 (for kitties only)</li>
|
||||
<li>zoe</li>
|
||||
<li>communism</li>
|
||||
<li>pali</li>
|
||||
<li>creachers :3</li>
|
||||
<li>math</li>
|
||||
<li>waffle</li>
|
||||
<li>giving</li>
|
||||
<li>burglary</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<script src="lotte-time.js"></script>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,26 @@
|
|||
const YEAR_ZERO = 971474400;
|
||||
const MONTHS = ["lotte", "two", "mute", "E", "👻", "epic", "lazy", "cass", "spetember", "love", "tiger", "vengeance", "ivy", "pride month", "destruction", "destruction pt 2 (for kitties only)", "zoe", "communism", "pali", "creachers :3", "math", "waffle", "giving", "burglary"]
|
||||
|
||||
function current_date() {
|
||||
var lotte_timestamp = Math.floor(new Date().getTime()/1000.0) - YEAR_ZERO;
|
||||
|
||||
insert_text("year", Math.floor(lotte_timestamp / 24 ** 5), 4);
|
||||
insert_text("month", unit(lotte_timestamp / 24 ** 4) + 1, 2);
|
||||
insert_text("day", unit(lotte_timestamp / 24 ** 3) + 1, 2);
|
||||
insert_text("hour", unit(lotte_timestamp / 24 ** 2), 2);
|
||||
insert_text("minute", unit(lotte_timestamp / 24), 2);
|
||||
insert_text("second", unit(lotte_timestamp), 2);
|
||||
|
||||
insert_text("month_name", MONTHS[unit(lotte_timestamp / 24 ** 4)], 0)
|
||||
setTimeout(current_date, 1000)
|
||||
}
|
||||
|
||||
function unit(x) {
|
||||
return Math.floor(x - Math.floor(x / 24) * 24);
|
||||
}
|
||||
|
||||
|
||||
function insert_text(id, text, padding) {
|
||||
var display = document.getElementById(id);
|
||||
display.innerHTML = text.toString().padStart(padding, "0");
|
||||
}
|
Loading…
Reference in New Issue