engineering blog at https://blog.tangled.sh
tangled.org
1<!doctype html>
2<html lang=en>
3 <head>
4 {{ template "partials/head.html" }}
5 <link rel="alternate" type="application/rss+xml" title="RSS" href="https://tangled.sh/blog/feed.xml">
6 <meta name="description" content="{{ index .Meta "subtitle" }}">
7 </head>
8
9 <title>
10 {{ .Meta.title }}
11 </title>
12
13 <body class="bg-slate-100 dark:bg-gray-900 flex flex-col items-center min-h-screen">
14 {{ template "partials/nav.html" }}
15 <div class="px-1 pt-4 flex-grow flex flex-col w-full max-w-[75ch]">
16 <main>
17 <header class="px-6">
18 <h1 class="mb-0 text-2xl font-bold text-black dark:text-white">{{ index .Meta "title" }}</h1>
19 <h2 class="font-light text-gray-600 dark:text-gray-400 mt-1 mb-0 text-lg">{{ index .Meta "subtitle" }}</h2>
20 </header>
21
22 {{ .Body }}
23
24 <section class="py-4">
25 <ul class="px-0 space-y-4">
26 {{ $posts := .Extra.blog }}
27 {{ range $posts }}
28 <li class="bg-white dark:bg-gray-800 py-4 px-6 rounded drop-shadow-sm list-none">
29 {{ $dateStr := .Meta.date }}
30 {{ $date := parsedate $dateStr }}
31 <div class="post-date py-1 mb-0 text-sm text-gray-600 dark:text-gray-400">{{ $date.Format "02 Jan, 2006" }}</div>
32 <div>
33 <a class="title mb-0 text-xl no-underline font-bold" href="/{{ .Meta.slug }}.html">{{ .Meta.title }}</a>
34 {{ if .Meta.draft }}
35 <span class="text-red-500">[draft]</span>
36 {{ end }}
37 <p class="italic mt-1 mb-0 text-gray-600 dark:text-gray-400">{{ .Meta.subtitle }}</p>
38 </div>
39 </li>
40 {{ end }}
41 </ul>
42 </section>
43 </main>
44 </div>
45 <footer class="w-full">
46 {{ template "partials/footer.html" }}
47 </footer>
48 </body>
49
50</html>