forked from website/openpower.foundation
update ready template page
Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>jamesk-patch-1
parent
60aacb95ee
commit
6a2d059019
@ -0,0 +1,41 @@
|
|||||||
|
main {
|
||||||
|
&.ready {
|
||||||
|
@media screen and (max-width: $lg) {
|
||||||
|
padding-top: 50px;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: $lg) and (max-width: $xl) {
|
||||||
|
padding-top: 70px;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: $xl) {
|
||||||
|
padding-bottom: 50px;
|
||||||
|
}
|
||||||
|
.post__thumb {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
position: absolute;
|
||||||
|
left: 35px;
|
||||||
|
top: 33px;
|
||||||
|
}
|
||||||
|
.post__title {
|
||||||
|
display: block;
|
||||||
|
margin-top: 1em;
|
||||||
|
padding-left: 70px;
|
||||||
|
padding-right: 30px;
|
||||||
|
white-space: normal;
|
||||||
|
font-size: 18px;
|
||||||
|
min-height: 75px;
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.promo__section {
|
||||||
|
align-items: center;
|
||||||
|
&.ready {
|
||||||
|
h1 {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -1,44 +1,67 @@
|
|||||||
{{ partial "header.html" . }}
|
{{ partial "header.html" . }}
|
||||||
|
|
||||||
{{ partial "navbar.html" . }}
|
{{ partial "navbar.html" . }}
|
||||||
|
|
||||||
{{ $filename := .File.BaseFileName }}
|
|
||||||
{{ $datafile := index $.Site.Data.specifications $filename }}
|
|
||||||
|
|
||||||
<main id="main">
|
<main id="main">
|
||||||
|
|
||||||
<section id="page" class="section-bg">
|
<section id="page" class="section-bg">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="section-header">
|
<div class="section-header">
|
||||||
<h2 class="section-title text-center">{{ .Title }}</h2>
|
<h2 class="section-title text-center">{{ .Title }}</h2>
|
||||||
<p class="section-description"></p>
|
<p class="section-description"></p>
|
||||||
<span class="section-divider"></span>
|
<span class="section-divider"></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-2"> </div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
{{ if .Param "link" }}
|
||||||
|
<a href="{{ .Param "link" }}">{{ .Param "link" }} <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"> </div>
|
||||||
|
<div class="col-lg-6 content wow fadeInTop">
|
||||||
|
<p>{{ .Content }}</p>
|
||||||
|
{{ if .Param "image" }}
|
||||||
|
<p> </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>
|
||||||
<div class="row">
|
<div class="col-lg-4 details">
|
||||||
<div class="col-lg-2"> </div>
|
<ul>
|
||||||
<div class="col-lg-6 content wow fadeInTop">
|
{{ if .Param "vendor" }}
|
||||||
<p>{{ .Content }}</p>
|
<li>Vendor : {{ .Param "vendor" }}</li>
|
||||||
</div>
|
{{ end }}
|
||||||
<div class="col-lg-2 details">
|
{{ if .Param "criteria" }}
|
||||||
<ul>
|
<li>Criteria Version : {{ .Param "criteria" }}</li>
|
||||||
{{ if .Param "vendor" }}
|
{{ end }}
|
||||||
<li>Vendor : {{ .Param "vendor" }}</li>
|
<li>Date Added : {{ .Date.Format "2 January 2006" }}</li>
|
||||||
{{ end }}
|
</ul>
|
||||||
{{ if .Param "criteria" }}
|
<h4>Tags</h4>
|
||||||
<li>Criteria Version : {{ .Param "criteria" }}</li>
|
<ul id="tags">
|
||||||
{{ end }}
|
{{ range .Params.tags }}
|
||||||
</ul>
|
<li>{{ . }}</li>
|
||||||
<h4>Tags</h4>
|
{{ end }}
|
||||||
<ul id="tags">
|
</ul>
|
||||||
{{ range .Params.tags }}
|
</div>
|
||||||
<li>{{ . }}</li>
|
</div>
|
||||||
{{ end }}
|
<div class="row">
|
||||||
</ul>
|
<div class="col-lg-1"> </div>
|
||||||
</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>
|
||||||
|
<div class="col-lg-1"> </div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
{{ partial "footer.html" . }}
|
{{ partial "footer.html" . }}
|
||||||
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue