<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"> 
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" />
<link rel="stylesheet" type="text/css" href="/styles.css" />
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<title>$title$</title>
</head>

<body>
	<div id="contentWrapper">
		<div id="sidebar">
			<div id="header">
				<p class="smallText"> tags: [
					$for(tags)$
					<a href="/.tags/$tags$.html">$tags$</a>$sep$,
					$endfor$
				]</p>
				<p class="smallText">
					written by $for(author)$$author$$sep$, $endfor$
				</p>
				<p class="smallText">
					syntax highlighting based on <a href="https://pygments.org/">Pygments'</a> default
					colors
				</p>
				<p class="smallText">
					page generated by <a href="https://git.alv.cx/alvierahman90/notes2web">notes2web</a>
				</p>
			</div>
			<h3>Table of Contents</h3>
			<input id="search" placeholder="Search table of contents" />
			<div id="toc">$toc$</div>
		</div>
		<div id="content">
		<details id="commitLog">
			<summary class="smallText">
				Commit log (file history)
			</summary>
			$filehistory$
		</details>
		<details id="license">
			<summary class="smallText">
				License
			</summary>
			<pre>$licenseFull$</pre>
		</details>
		$body$
		</div>
	</div>
	<script src="/fuse.js"> </script>
	<script src="/toc_search.js"> </script>
</body>