{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<main id="main">
<section id="page" class="section-bg">
<div class="container-fluid">
	<div class="section-header">
		<h2 class="section-title text-center">{{ .Title }}</h2>
		<p class="section-description"></p>
		<span class="section-divider"></span>
	</div>
	<div class="row">
		<div class="col-lg-2">&nbsp;</div>
		<div class="col-lg-6">
			{{ if .Param "link" }}
				<a href="{{ .Param "link" }}">{{ .Param "link" }}&nbsp;<i class="fas fa-external-link-alt"></i></a>
			{{ end }}
		</div>
		<div class="col-lg-4"></div>
	</div>
	<div class="row">
		<div class="col-lg-2">&nbsp;</div>
		<div class="col-lg-6 content wow fadeInTop">
			<p>{{ .Content }}</p>
			{{ if .Param "image" }}
				<p>&nbsp;</p>
				{{ $imagename := .Param "image" }}
				{{ $imagelocation := (printf "%s/%s" "images/ready/" $imagename) }}
				{{ $imageresource := resources.Get $imagelocation }}
				{{ $image := $imageresource.Fit "600x600 webp" }}
				<p><img src="{{  $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}"></p>
			{{ end }}
		</div>
		<div class="col-lg-4 details">
			<ul>
			{{ if .Param "vendor" }}
				<li>Vendor : {{ .Param "vendor" }}</li>
			{{ end }}
			{{ if .Param "criteria" }}
				<li>Criteria Version : {{ .Param "criteria" }}</li>
			{{ end }}
			<li>Date Added : {{ .Date.Format "2 January 2006" }}</li>
			</ul>
			<h4>Tags</h4>
			<ul id="tags">
			{{ range .Params.tags }}
				<li>{{ . }}</li>
			{{ end }}
			</ul>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-1">&nbsp;</div>
		<div class="col-lg-10 text-center">
			<span class="ready-footer">
				OpenPOWER Ready™ is a mark used by the OpenPOWER Foundation to enable ecosystem product developers
				to indicate their product has been shown/demonstrated to meet a minimum set of characteristics and
				should be interoperable with other OpenPOWER Ready products.
				The mark attests that a specific component satisfies the criteria defined in a specific version of
				the OpenPOWER Ready Criteria Document.
			</span>
		</div>
		<div class="col-lg-1">&nbsp;</div>
	</div>
</div>
</section>
</main>
{{ partial "footer.html" . }}