39 lines
No EOL
1.4 KiB
HTML
39 lines
No EOL
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>[[SITE]]</title>
|
|
<link rel="stylesheet" href="../style.css">
|
|
|
|
<meta name="description" content="[[DESC]]">
|
|
<meta name="author" content="[[NAME]]">
|
|
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:title" content="[[SITE]]">
|
|
<meta property="og:description" content="[[DESC]]">
|
|
|
|
<script>
|
|
setInterval(() => {
|
|
const now = new Date();
|
|
document.querySelector('#localtime').textContent = now.toLocaleTimeString("en-US", { timeZone: "[[TIMEZONE]]", hour: "numeric", minute: "2-digit" });
|
|
}, 1000);
|
|
</script>
|
|
</head>
|
|
<body class="max-w-4xl mx-auto p-4 font-custom">
|
|
<header class="py-4 flex gap-2 justify-between">
|
|
<a href="/" class="font-bold text-base font-mono">[[SITE]]</a>
|
|
<div class="group flex gap-2 font-mono text-ctp-subtext0">
|
|
<span class="hidden group-hover:block">[[TIMEZONE]]</span>
|
|
<span id="localtime" class="block group-hover:hidden">--:-- --</span>
|
|
</div>
|
|
</header>
|
|
<main class="my-6">
|
|
[[ABOUT]]
|
|
<ol class="homepage-posts">[[POSTS]]</ol>
|
|
</main>
|
|
<footer>
|
|
<p class="text-center italic text-ctp-subtext0">© [[YEAR]] [[NAME]]. All rights reserved.</p>
|
|
</footer>
|
|
</body>
|
|
</html> |