43 lines
No EOL
1.7 KiB
HTML
43 lines
No EOL
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>[[TITLE]]</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="[[TITLE]]">
|
|
<meta property="og:description" content="[[DESC]]">
|
|
|
|
<link rel="stylesheet" href="//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-mocha.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
|
|
<script>
|
|
setInterval(() => {
|
|
const now = new Date();
|
|
document.querySelector('#localtime').textContent = now.toLocaleTimeString("en-US", { timeZone: "[[TIMEZONE]]", hour: "numeric", minute: "2-digit" });
|
|
}, 1000);
|
|
hljs.highlightAll();
|
|
</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">
|
|
<h1 class="text-4xl font-bold">[[POST_TITLE]]</h1>
|
|
<span class="text-ctp-subtext0 italic block mb-10">[[DATE]] - <a href="[[REVISIONS]]">view revisions</a></span>
|
|
[[CONTENT]]
|
|
</main>
|
|
<footer>
|
|
<p class="text-center italic text-ctp-subtext0">© [[YEAR]] [[NAME]]. All rights reserved.</p>
|
|
</footer>
|
|
</body>
|
|
</html> |