{{ define "main" }}
<div class="container py-3 row">
	<div class="container" style="width: 240px;">
		<div class="p-3 col">
			<ul class="nav nav-pills mb-auto">
				{{ $currentPage := . }}
				{{ range .Site.Menus.docs.ByWeight.Reverse }}
					<li class="nav-item">
						<a href="{{ .URL }}" class="nav-link">
							{{ .Title }}
						</a>
					</li>
					{{ if .Children }}
						<ul>
							{{ range .Children }}
								<li class="nav-item">
									<a href="{{ .URL }}" class="nav-link">
										{{ .Title }}
									</a>
								</li>
							{{ end }}
						</ul>
					{{ end }}
				{{ end }}
			</ul>
		</div>
	</div>
	<div class="col" style="max-width: 80em; margin: auto;">
		<div>
			<h1>{{ .Title }}</h1>
			{{ if .Description }}
				<p><i>{{ .Description }}</i></p>
			{{ end}}
			{{.Content}}
		</div>
	</div>
</div>
{{ end }}