53 lines
1.7 KiB
HTML
53 lines
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>THP: Typed Hypertext Processor</title>
|
|
|
|
<!-- Tailwind output -->
|
|
<link href="/css/out.css" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="/css/xcode-colors.css">
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@400;500;600;700;800;900&family=Fugaz+One&family=Inconsolata&family=Inter&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body class="bg-c-bg text-c-text">
|
|
<div class="grid grid-cols-[10rem_12rem_auto] gap-2">
|
|
<div class="p-2">
|
|
<div class="relative mb-2 button-effect">
|
|
<a class="button-effect-receiver inline-block w-[9rem] p-4 bg-c-bg-card rounded-md"
|
|
href="/"
|
|
>
|
|
<h1
|
|
class="py-8 font-display text-6xl text-center"
|
|
style="text-shadow: 3px 3px 0 var(--c-bg)"
|
|
>
|
|
thp
|
|
</h1>
|
|
</a>
|
|
|
|
<div class="w-full h-full bg-c-text absolute top-0 left-0 -z-10 rounded-md"></div>
|
|
</div>
|
|
|
|
<nav class="rounded-md p-4 bg-c-bg-card">
|
|
{{pages}}
|
|
</nav>
|
|
</div>
|
|
|
|
<nav class="rounded-md my-2 p-4 bg-c-background-2">
|
|
<h2 class="text-2xl">On this page</h2>
|
|
|
|
<br>
|
|
|
|
{{sidebar}}
|
|
</nav>
|
|
|
|
<main class="markdown p-4 my-2">
|
|
{{markdown}}
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html> |