<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<link rel="stylesheet" href="{{ url_for('static', filename='css/global.css') }}" />
		<link rel="stylesheet" href="{{ url_for('static', filename='css/documentation.css') }}" />
		<title>Document</title>
	</head>
	<body>
		<header>
			<a href="{{url_for('workbook')}}" class="parent">Workbook</a>
			<span class="path-slash"> / </span>
			<h2 class="title">Documentation</h2>
		</header>

		<main>
			<p>
				Veniam esse adipisicing esse velit reprehenderit irure laboris. Dolore et do
				cupidatat est officia voluptate ex sunt minim minim enim magna. Nostrud proident
				aliqua adipisicing non voluptate id ea incididunt laborum laboris mollit qui
				nostrud. Enim exercitation dolor nulla ea laboris proident adipisicing incididunt
				nulla dolore cupidatat.
			</p>

			<div class="toc">
				<h3>Table of contents</h3>
				<ol>
					<li><a href="#intro">Intro</a></li>
					<li><a href="#quick">Quick Start</a></li>
					<li><a href="#instrument">Add Instrument</a></li>
					<li><a href="#patch">Add Patch</a></li>
					<li><a href="#snippet">Add Snippet</a></li>
				</ol>
			</div>

			<div class="section">
				<h3 id="intro">Intro</h3>
				<p>
					Exercitation ex culpa officia qui sint id sit nostrud. Deserunt nulla sunt
					ullamco est anim in amet. Nostrud officia adipisicing dolore elit anim sit.
					Deserunt fugiat pariatur quis nulla magna officia amet consectetur. Tempor
					deserunt cillum labore eu duis adipisicing aliqua ad. Eiusmod ea enim officia ut
					ea.
				</p>
			</div>
			<div class="section">
				<h3 id="quick">Quick Start</h3>
				<p>
					Exercitation ex culpa officia qui sint id sit nostrud. Deserunt nulla sunt
					ullamco est anim in amet. Nostrud officia adipisicing dolore elit anim sit.
					Deserunt fugiat pariatur quis nulla magna officia amet consectetur. Tempor
					deserunt cillum labore eu duis adipisicing aliqua ad. Eiusmod ea enim officia ut
					ea.
				</p>
			</div>
			<div class="section">
				<h3 id="instrument">Add Instrument</h3>
				<p>
					Exercitation ex culpa officia qui sint id sit nostrud. Deserunt nulla sunt
					ullamco est anim in amet. Nostrud officia adipisicing dolore elit anim sit.
					Deserunt fugiat pariatur quis nulla magna officia amet consectetur. Tempor
					deserunt cillum labore eu duis adipisicing aliqua ad. Eiusmod ea enim officia ut
					ea.
				</p>
			</div>
			<div class="section">
				<h3 id="patch">Add Patch</h3>
				<p>
					Exercitation ex culpa officia qui sint id sit nostrud. Deserunt nulla sunt
					ullamco est anim in amet. Nostrud officia adipisicing dolore elit anim sit.
					Deserunt fugiat pariatur quis nulla magna officia amet consectetur. Tempor
					deserunt cillum labore eu duis adipisicing aliqua ad. Eiusmod ea enim officia ut
					ea.
				</p>
			</div>
			<div class="section">
				<h3 id="snippet">Add Snippet</h3>
				<p>
					Exercitation ex culpa officia qui sint id sit nostrud. Deserunt nulla sunt
					ullamco est anim in amet. Nostrud officia adipisicing dolore elit anim sit.
					Deserunt fugiat pariatur quis nulla magna officia amet consectetur. Tempor
					deserunt cillum labore eu duis adipisicing aliqua ad. Eiusmod ea enim officia ut
					ea.
				</p>
			</div>
		</main>
	</body>
</html>
