Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
6.4 kB · 181 lines
HTML
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="$lang$" xml:lang="$lang$"$if(dir)$ dir="$dir$"$endif$> <head> <meta charset="utf-8" /> <meta name="generator" content="pandoc" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<script> if (!document.documentElement.dataset.theme && matchMedia('(prefers-color-scheme: dark)').matches) document.documentElement.dataset.theme = 'dark'; </script>
$for(author-meta)$ <meta name="author" content="$author-meta$" /> $endfor$
$if(date-meta)$ <meta name="dcterms.date" content="$date-meta$" /> $endif$
$if(keywords)$ <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" /> $endif$
$if(description-meta)$ <meta name="description" content="$description-meta$" /> $endif$
<title>$pagetitle$</title>
<style> $styles.css()$ </style>
$for(css)$ <link rel="stylesheet" href="$css$" /> $endfor$
$for(header-includes)$ $header-includes$ $endfor$
<link href="$root$pagefind/pagefind-ui.css" rel="stylesheet"> <script src="$root$pagefind/pagefind-ui.js"></script> <script> window.addEventListener("DOMContentLoaded", () => { document.querySelectorAll(".pagefind-search").forEach((el) => { new PagefindUI({ element: el, showSubResults: true, resetStyles: false, }); }); }); </script> <link rel="preload" href="$root$static/fonts/InterVariable.woff2" as="font" type="font/woff2" crossorigin /> <link rel="icon" href="$root$static/logos/dolly.ico" sizes="48x48"/> <link rel="icon" href="$root$static/logos/dolly.svg" sizes="any" type="image/svg+xml"/> <link rel="apple-touch-icon" href="$root$static/logos/dolly.png"/>
</head> <body class="bg-white dark:bg-gray-900 flex flex-col min-h-svh"$if(single-page)$ data-pagefind-ignore$endif$> $for(include-before)$ $include-before$ $endfor$
$if(toc)$ <!-- mobile TOC trigger --> <div data-pagefind-ignore class="md:hidden px-6 py-4 border-b border-gray-200 dark:border-gray-700"> <button type="button" popovertarget="mobile-toc-popover" popovertargetaction="toggle" class="w-full flex gap-2 items-center text-sm font-semibold dark:text-white" > ${ menu.svg() } $if(toc-title)$$toc-title$$else$Table of Contents$endif$ </button> </div>
<div id="mobile-toc-popover" popover data-pagefind-ignore class="mobile-toc-popover bg-gray-50 dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 h-full overflow-x-hidden overflow-y-auto shadow-sm px-6 py-4 fixed inset-x-0 top-0 w-fit max-w-4/5 m-0" > <div class="flex flex-col min-h-full"> <div class="flex-1 space-y-4"> <button type="button" popovertarget="mobile-toc-popover" popovertargetaction="toggle" class="w-full flex gap-2 items-center text-sm font-semibold dark:text-white mb-4"> ${ x.svg() } $if(toc-title)$$toc-title$$else$Table of Contents$endif$ </button> ${ logo.html() } ${ search.html() } ${ table-of-contents:toc.html() } </div> ${ single-page:mode.html() } </div> </div>
<!-- desktop sidebar toc --> <nav id="$idprefix$TOC" role="doc-toc" data-pagefind-ignore class="hidden md:flex md:flex-col gap-4 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 p-4 z-50 overflow-y-auto"> ${ logo.html() } ${ search.html() } <div class="flex-1"> $if(toc-title)$ <h2 id="$idprefix$toc-title" class="text-lg font-semibold mb-4 text-gray-900">$toc-title$</h2> $endif$ ${ table-of-contents:toc.html() } </div> ${ single-page:mode.html() } </nav> $endif$
<div class="$if(toc)$md:ml-80$endif$ flex-1 flex flex-col"> <main class="max-w-4xl w-full mx-auto p-6 flex-1"> $if(top)$ $-- only print title block if this is NOT the top page $else$ $if(title)$ <header id="title-block-header" class="mb-8 pb-8 border-b border-gray-200 dark:border-gray-700"> <h1 class="text-4xl font-bold mb-2 text-black dark:text-white">$title$</h1> $if(subtitle)$ <p class="text-xl text-gray-500 dark:text-gray-400 mb-2">$subtitle$</p> $endif$ $for(author)$ <p class="text-sm text-gray-500 dark:text-gray-400">$author$</p> $endfor$ $if(date)$ <p class="text-sm text-gray-500 dark:text-gray-400">Updated on $date$</p> $endif$ $endif$ </header> $if(abstract)$ <article class="prose dark:prose-invert max-w-none"> $abstract$ </article> $endif$ $endif$
<article class="prose dark:prose-invert max-w-none"> $body$ </article> </main> <nav id="sitenav" class="border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800"> <div class="max-w-4xl mx-auto px-8 py-4"> <div class="flex justify-between gap-4"> <span class="flex-1"> $if(previous.url)$ <span class="text-xs text-gray-500 dark:text-gray-400 uppercase block mb-1">Previous</span> <a href="$previous.url$" accesskey="p" rel="previous">$previous.title$</a> $endif$ </span> <span class="flex-1 text-right"> $if(next.url)$ <span class="text-xs text-gray-500 dark:text-gray-400 uppercase block mb-1">Next</span> <a href="$next.url$" accesskey="n" rel="next">$next.title$</a> $endif$ </span> </div> </div> </nav> </div> $for(include-after)$ $include-after$ $endfor$ </body></html>