{{ partial "header.html" . }}

{{ partial "navbar.html" . }}

{{ $filename := .File.BaseFileName }}
{{ $datafile := index $.Site.Data.specifications $filename }}

<main id="main" class="specifications-single">
<section id="page" class="section-bg">
<div class="row">
	<div class="section-header my-3 my-md5 pb-2 pb-md3 text-center">
		<h2 class="section-title text-center">{{ .Title }}</h2>
		<p class="section-description"></p>
	</div>
<div class="row">
	<div class="col-lg-2"></div>
	<div class="col-lg-6">
	{{ if $datafile.versions }}
		{{ range last 1 $datafile.versions }}
			<a href="{{ .download }}"><i class="far fa-file-pdf mr-2"></i>&nbsp;Download version {{.number }}</a>
			<span class="changetime-wrapper"><span class="changetime">{{ .date }}</span></span>
		{{ end }}
	{{ end }}
	</div>
</div>
<div class="row">
	<div class="col-lg-2"></div>
	<div class="col-lg-6 content wow fadeInTop">
		<p>{{ .Content }}</p>
	</div>
	<div class="col-lg-3">
	{{ if $datafile.versions }}
		<ul class="changelogtimeline">
		{{ range sort $datafile.versions "number" "desc" }}
			<li>
			<div class="direction-r">
				<div class="changeflag-wrapper">
					<span class="changeflag">version {{ .number }}</span>
					<span class="changetime-wrapper"><span class="changetime">{{ .date }}</span></span>
				</div>
				<div class="desc">{{ .description }}</div>
				<div class="desc"><a href="{{ .download }}">download</a></div>
			</div>
			</li>
		{{ end }}
		</ul>
	{{ end }}
	</div>
</div>
</section>
</main>

{{ partial "footer.html" . }}