59 lines
1.8 KiB
HTML
59 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Home</title>
|
|
<meta charset="UTF-8" />
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
|
<link rel="shortcut icon" href="favicon.png" />
|
|
</head>
|
|
<body>
|
|
<div class="everything">
|
|
<div id="time" class="time"></div>
|
|
<form action="https://kagi.com/search" method="GET">
|
|
<input
|
|
autofocus
|
|
name="q"
|
|
class="search"
|
|
type="search"
|
|
id="search-bar-input"
|
|
placeholder=""
|
|
/>
|
|
</form>
|
|
<div class="box">
|
|
<div class="link">
|
|
<ul>
|
|
<li><a href="https://mail.proton.me">mail</a></li>
|
|
<li><a href="https://read.readwise.io">reader</a></li>
|
|
<li><a href="https://wiki.archlinux.org">arch wiki</a></li>
|
|
<li><a href="https://kagi.com">kagi</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="link">
|
|
<ul>
|
|
<li><a href="https://neocities.org">neocities</a></li>
|
|
<li><a href="https://punkfairie.net">punkfairie.net</a></li>
|
|
<li><a href="https://elk.zone">mastodon</a></li>
|
|
<li><a href="https://github.com">github</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Feel free to add more divs here -->
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function updateClock() {
|
|
let date = new Date();
|
|
let hours = date.getHours();
|
|
let minutes = date.getMinutes();
|
|
let ampm = hours >= 12 ? "pm" : "am";
|
|
hours = hours % 12;
|
|
hours = hours ? hours : 12;
|
|
minutes = minutes < 10 ? "0" + minutes : minutes;
|
|
let time = hours + ":" + minutes + " " + ampm;
|
|
document.getElementById("time").innerHTML = time;
|
|
setTimeout(updateClock, 1000);
|
|
}
|
|
|
|
updateClock();
|
|
</script>
|
|
</body>
|
|
</html>
|