{{ 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>
			{{ if .Params.tags }}
				{{ $tags := .Params.tags }}
				<h4>Tags</h4>
				<ul id="tags">
				<li>
				{{ if not (eq (len $.Site.Taxonomies.tags) 0) }}
					{{ $fontUnit := "rem" }}
					{{ $largestFontSize := 3.5 }}
					{{ $smallestFontSize := 0.5 }}
					{{ $fontSpread := sub $largestFontSize $smallestFontSize }}
					{{ $max := add (len (index $.Site.Taxonomies.tags.ByCount 0).Pages) 1 }}
					{{ $min := len (index $.Site.Taxonomies.tags.ByCount.Reverse 0).Pages }}
					{{ $spread := sub $max $min }}
					{{ $fontStep := div $fontSpread $spread }}
					{{ range $name, $taxonomy := $.Site.Taxonomies.tags }}
						{{ $currentTagCount := len $taxonomy.Pages }}
						{{ $currentFontSize := (add $smallestFontSize (mul (sub $currentTagCount $min) $fontStep) ) }}
						{{ $count := len $taxonomy.Pages }}
						{{ $weigth := div (sub (math.Log $count) (math.Log $min)) (sub (math.Log $max) (math.Log $min)) }}
						{{ $currentFontSize := (add $smallestFontSize (mul (sub $largestFontSize $smallestFontSize) $weigth) ) }}
						{{ range $tags }}
							{{ if eq $name . }}
								&nbsp;
								<span style="font-size: {{ $currentFontSize }}{{ $fontUnit }}">{{ $name }}</span>
								&nbsp;
							{{ end }}
						{{ end }}
					{{ end }}
				</li>
				</ul>
				{{ end }}
			{{ end }}
		</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" . }}