Monorepo for Tangled
tangled.org
tangled.org
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" lang="$lang$" xml:lang="$lang$"$if(dir)$ dir="$dir$"$endif$>
3 <head>
4 <meta charset="utf-8" />
5 <meta name="generator" content="pandoc" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
7 $for(author-meta)$
8 <meta name="author" content="$author-meta$" />
9 $endfor$
10
11 $if(date-meta)$
12 <meta name="dcterms.date" content="$date-meta$" />
13 $endif$
14
15 $if(keywords)$
16 <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
17 $endif$
18
19 $if(description-meta)$
20 <meta name="description" content="$description-meta$" />
21 $endif$
22
23 <title>$pagetitle$</title>
24
25 <style>
26 $styles.css()$
27 </style>
28
29 $for(css)$
30 <link rel="stylesheet" href="$css$" />
31 $endfor$
32
33 $for(header-includes)$
34 $header-includes$
35 $endfor$
36
37 <link rel="preload" href="/static/fonts/InterVariable.woff2" as="font" type="font/woff2" crossorigin />
38
39 </head>
40 <body class="bg-white dark:bg-gray-900 min-h-screen flex flex-col min-h-screen">
41 $for(include-before)$
42 $include-before$
43 $endfor$
44
45 $if(toc)$
46 <!-- mobile topbar toc -->
47 <details id="mobile-$idprefix$TOC" role="doc-toc" class="md:hidden bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 z-50 space-y-4 group px-6 py-4">
48 <summary class="cursor-pointer list-none text-sm font-semibold select-none flex gap-2 justify-between items-center dark:text-white">
49 $if(toc-title)$$toc-title$$else$Table of Contents$endif$
50 <span class="group-open:hidden inline">${ menu.svg() }</span>
51 <span class="hidden group-open:inline">${ x.svg() }</span>
52 </summary>
53 ${ table-of-contents:toc.html() }
54 </details>
55 <!-- desktop sidebar toc -->
56 <nav id="$idprefix$TOC" role="doc-toc" class="hidden md:block fixed left-0 top-0 w-80 h-screen bg-gray-50 dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 overflow-y-auto p-4 z-50">
57 $if(toc-title)$
58 <h2 id="$idprefix$toc-title" class="text-lg font-semibold mb-4 text-gray-900">$toc-title$</h2>
59 $endif$
60 ${ table-of-contents:toc.html() }
61 </nav>
62 $endif$
63
64 <div class="$if(toc)$md:ml-80$endif$ flex-1 flex flex-col">
65 <main class="max-w-4xl w-full mx-auto p-6 flex-1">
66 $if(top)$
67 $-- only print title block if this is NOT the top page
68 $else$
69 $if(title)$
70 <header id="title-block-header" class="mb-8 pb-8 border-b border-gray-200 dark:border-gray-700">
71 <h1 class="text-4xl font-bold mb-2 text-black dark:text-white">$title$</h1>
72 $if(subtitle)$
73 <p class="text-xl text-gray-500 dark:text-gray-400 mb-2">$subtitle$</p>
74 $endif$
75 $for(author)$
76 <p class="text-sm text-gray-500 dark:text-gray-400">$author$</p>
77 $endfor$
78 $if(date)$
79 <p class="text-sm text-gray-500 dark:text-gray-400">Updated on $date$</p>
80 $endif$
81 $if(abstract)$
82 <div class="mt-6 p-4 bg-gray-50 rounded-lg">
83 <div class="text-sm font-semibold text-gray-700 uppercase mb-2">$abstract-title$</div>
84 <div class="text-gray-700">$abstract$</div>
85 </div>
86 $endif$
87 $endif$
88 </header>
89 $endif$
90 <article class="prose dark:prose-invert max-w-none">
91 $body$
92 </article>
93 </main>
94 <nav id="sitenav" class="border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 ">
95 <div class="max-w-4xl mx-auto px-8 py-4">
96 <div class="flex justify-between gap-4">
97 <span class="flex-1">
98 $if(previous.url)$
99 <span class="text-xs text-gray-500 dark:text-gray-400 uppercase block mb-1">Previous</span>
100 <a href="$previous.url$" accesskey="p" rel="previous">$previous.title$</a>
101 $endif$
102 </span>
103 <span class="flex-1 text-right">
104 $if(next.url)$
105 <span class="text-xs text-gray-500 dark:text-gray-400 uppercase block mb-1">Next</span>
106 <a href="$next.url$" accesskey="n" rel="next">$next.title$</a>
107 $endif$
108 </span>
109 </div>
110 </div>
111 </nav>
112 </div>
113 $for(include-after)$
114 $include-after$
115 $endfor$
116 </body>
117</html>