{{ partial "header.html" . }}

{{ partial "navbar.html" . }}

<main id="main">

<section id="specifications">
<div id="specifications" class="container-fluid">
	<div class="section-header">
		<div class="row">
			<div class="col-lg-12 text-center">
				<h3 class="section-title">{{ .Title }}</h3>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-2">&nbsp;</div>
			<div class="col-lg-8">{{ .Content }}</div>
			<div class="col-lg-2">&nbsp;</div>
		</div>
		<div class="row">
			<span class="section-divider"></span>
		</div>
		<div class="row">
			<div class="col-lg-2">&nbsp;</div>
			<div class="col-lg-8 text-center">
				<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
				<script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.2.0/fuse.min.js"></script>
				<script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/jquery.mark.min.js"></script>
				<script>var jsonfile = "{{ .RelPermalink }}/index.json"</script>
				{{ $searchjavascript := resources.Get "js/search.js" }}
				{{ $searchjs := $searchjavascript | resources.Minify }}
				<script src="{{ $searchjs.RelPermalink }}"></script>
				<div class="my-auto" >
					<form action="{{ .RelPermalink }}" onkeyup="executeInlineSearch()">
						<input id="search-query" placeholder="Search..." name="s" autocomplete="off" search autofocus/>
					</form>
					<div id="search-results"><h3 class="search-results-title">Matching pages</h3></div>
				</div>
				<script id="search-result-template" type="text/x-js-template">
					<div class="search-results-summary" id="summary-${key}">
						<h4><a class="search-item" href="${link}">${title}</a></h4>
						<p>${snippet}  ... <a class="search-item-more" href="${link}">[more]</a></p>
						${ isset tags }<p>${tags}</p>${ end }
						${ isset categories }<p>Categories: ${categories}</p>${ end }
					</div>
				</script>
			</div>
			<div class="col-lg-2">&nbsp;</div>
		</div>
		<div class="row">
			<span class="section-divider"></span>
		</div>
	</div>
	<div class="row">
	{{ range .Data.Pages }}
		<div class="col-lg-2">&nbsp;</div>
		<div class="col-lg-8">
			<a href="{{ .Permalink }}">{{ .Title }}</a>
		</div>
		<div class="col-lg-2">&nbsp;</div>
	{{ end }}
	</div>
</div>
</section>

</main>

{{ partial "footer.html" . }}