startpage/index.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>