forked from website/openpower.foundation
refactor group page
* process group images * better layout * hero promo adjustment Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>jamesk-patch-1
parent
9b5384c2bf
commit
e3454808c3
Binary file not shown.
|
After Width: | Height: | Size: 423 KiB |
@ -1,9 +1,11 @@
|
||||
---
|
||||
title: 'Workgroup Overview'
|
||||
date: 2021-03-06
|
||||
image: promo.jpg
|
||||
promo:
|
||||
header: Our Working Groups
|
||||
p:
|
||||
- A <strong>Technical Workgroup (TWG)</strong> is a workgroup that provides technical specifications and will help define next-generation of the specifications, definitions, and the compliance of these specifications with primary output being specification documents.
|
||||
- A <strong>Special Integration Group (SIG)</strong> is a workgroup that provides an implementation of technical specifications with the goal to produce reference designs. A SIG will normally provide a reference design, a finished product, or help maintain project for direct usage.
|
||||
date: 2022-01-03
|
||||
draft: false
|
||||
|
||||
promo-h1: Our Working Groups
|
||||
promo-p1: A <strong>Technical Workgroup (TWG)</strong> is a workgroup that provides technical specifications and will help define next-generation of the specifications, definitions, and the compliance of these specifications with primary output being specification documents.
|
||||
promo-p2: A <strong>Special Integration Group (SIG)</strong> is a workgroup that provides an implementation of technical specifications with the goal to produce reference designs. A SIG will normally provide a reference design, a finished product, or help maintain project for direct usage.
|
||||
---
|
||||
|
||||
@ -1,95 +1,39 @@
|
||||
{{ partial "header.html" . }}
|
||||
|
||||
{{ partial "navbar.html" . }}
|
||||
|
||||
{{ partial "groups-promo.html" . }}
|
||||
|
||||
<main id="main" class="main groups">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range (.Data.Pages.ByParam "wgtype").Reverse }}
|
||||
{{ $imagename := .Param "image" }}
|
||||
{{ $imagelocation := (printf "%s/%s" "images/" $imagename) }}
|
||||
{{ $imageresource := resources.Get $imagelocation }}
|
||||
<article class="post__article col-md-4">
|
||||
{{ if $imageresource }}
|
||||
<div class="post__thumb">
|
||||
{{ $image := $imageresource.Fit "390x390" }}
|
||||
<img class="img-fluid" src="{{ $image.RelPermalink }}" width="390" height="390" alt="">
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<a class="post__title btn btn-outline-primary" href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</article>
|
||||
|
||||
{{ end }}
|
||||
<!-- <article class="post__article col-md-4">
|
||||
<div class="post__thumb"><img class="img-fluid" src="../img/thumb-1.jpg" width="390" height="390" alt="">
|
||||
</div><a class="post__title" href="/">Libre BMC</a>
|
||||
</article>
|
||||
<article class="post__article col-md-4">
|
||||
<div class="post__thumb"><img class="img-fluid" src="../img/thumb-2.jpg" width="390" height="390" alt="">
|
||||
</div><a class="post__title" href="/">Libre BMC</a>
|
||||
</article>
|
||||
<article class="post__article col-md-4">
|
||||
<div class="post__thumb"><img class="img-fluid" src="../img/thumb-3.jpg" width="390" height="390" alt="">
|
||||
</div><a class="post__title" href="/">Libre BMC</a>
|
||||
</article>
|
||||
<article class="post__article col-md-4">
|
||||
<div class="post__thumb"><img class="img-fluid" src="../img/thumb-1.jpg" width="390" height="390" alt="">
|
||||
</div><a class="post__title" href="/">Libre BMC</a>
|
||||
</article>
|
||||
<article class="post__article col-md-4">
|
||||
<div class="post__thumb"><img class="img-fluid" src="../img/thumb-2.jpg" width="390" height="390" alt="">
|
||||
</div><a class="post__title" href="/">Libre BMC</a>
|
||||
</article>
|
||||
<article class="post__article col-md-4">
|
||||
<div class="post__thumb"><img class="img-fluid" src="../img/thumb-3.jpg" width="390" height="390" alt="">
|
||||
</div><a class="post__title" href="/">Libre BMC</a>
|
||||
</article> -->
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- <main id="main">
|
||||
|
||||
<section id="more-features" class="section-bg">
|
||||
<div class="container-fluid">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">{{ .Title }}</h3>
|
||||
<span class="section-divider"></span>
|
||||
|
||||
</div>
|
||||
{{ if .Content }}
|
||||
<div class="row">
|
||||
<div class="col-lg-2"> </div>
|
||||
<div class="col-lg-8">
|
||||
<p class="section-description">{{ .Content }}</p>
|
||||
</div>
|
||||
<div class="col-lg-2"> </div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="row"> </div>
|
||||
<div class="row">
|
||||
{{ range (.Data.Pages.ByParam "wgtype").Reverse }}
|
||||
{{ $color := "transparent" }}
|
||||
{{ $data := index $.Site.Data }}
|
||||
{{ $wgtype := .Param "wgtype" }}
|
||||
{{ range $data.workgroups }}
|
||||
{{ if eq $wgtype .id }}
|
||||
{{ $color = .color }}
|
||||
{{ end }}
|
||||
{{ $promobackgroundimagename := .Param "image" }}
|
||||
{{ $promobackgroundimagelocation := (printf "%s/%s" "images/groups/" $promobackgroundimagename) }}
|
||||
{{ $promobackgroundimageresource := resources.Get $promobackgroundimagelocation }}
|
||||
{{ $promobackgroundimage := $promobackgroundimageresource.Resize "1440x820 webp" }}
|
||||
<section class="promo__section groups d-flex" style="background-image:url({{ $promobackgroundimage.RelPermalink }})">
|
||||
<div class="promo__container container">
|
||||
<div class="d-flex justify-content-start">
|
||||
<div class="promo-wrapper p-3 p-lg-0">
|
||||
<h1>{{ .Param "promo.header" }}</h1>
|
||||
{{ range (.Param "promo.p") }}
|
||||
<p>{{ . | safeHTML }}</p>
|
||||
{{ end }}
|
||||
<div class="col-lg-4">
|
||||
<div class="box wow fadeInBottom" style="border: 2px solid {{ $color }};">
|
||||
<h4 class="title"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
|
||||
<p class="description">{{ .Summary }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main> -->
|
||||
|
||||
<main id="main" class="main groups">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range (.Data.Pages.ByParam "wgtype").Reverse }}
|
||||
{{ $imagename := .Param "image" }}
|
||||
{{ $imagelocation := (printf "%s/%s" "images/" $imagename) }}
|
||||
{{ $imageresource := resources.Get $imagelocation }}
|
||||
<article class="post__article col-md-4">
|
||||
{{ if $imageresource }}
|
||||
<div class="post__thumb">
|
||||
{{ $image := $imageresource.Fit "390x390 webp" }}
|
||||
<img class="img-fluid" src="{{ $image.RelPermalink }}" width="390" height="390" alt="">
|
||||
</div>
|
||||
{{ end }}
|
||||
<a class="post__title btn btn-outline-primary" href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</article>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
<section class="promo__section groups d-flex"
|
||||
style="background-image:url(../img/promo-1.jpg)">
|
||||
<div class="promo__container container">
|
||||
<div class="d-flex justify-content-start">
|
||||
<div class="promo-wrapper p-3 p-lg-0">
|
||||
<h1>{{ .Param "promo-h1" }}</h1>
|
||||
<p>{{ .Param "promo-p1" | safeHTML }}</p>
|
||||
<p>{{ .Param "promo-p2" | safeHTML }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Loading…
Reference in New Issue