Template updates discussed on call/email

remotes/1720744104865095624/master
Ryan Holder 3 years ago
parent 47da7ac1ea
commit 551a9e0653

@ -1,7 +1,6 @@
[[navbar]] [[navbar]]
name = "About" name = "About"
identifier = "about" identifier = "about"
url = "/about/"
weight = -2000 weight = -2000
[[navbar]] [[navbar]]
parent = "about" parent = "about"
@ -62,7 +61,6 @@
[[navbar]] [[navbar]]
name = "Technical" name = "Technical"
identifier = "resources" identifier = "resources"
url = "/resources/"
weight = -1500 weight = -1500
[[navbar]] [[navbar]]
parent = "resources" parent = "resources"
@ -70,21 +68,9 @@
identifier = "technicalspecifications" identifier = "technicalspecifications"
url = "/specifications/" url = "/specifications/"
weight = -900 weight = -900
[[navbar]]
parent = "resources"
name = "SIG Designs"
identifier = "referencedesigns"
url = "/resources/referencedesigns/"
weight = -800
[[navbar]] [[navbar]]
parent = "resources" parent = "resources"
name = "OpenPOWER Ready" name = "OpenPOWER Ready"
identifier = "ready" identifier = "ready"
url = "/ready/" url = "/ready/"
weight = -700 weight = -700
[[navbar]]
parent = "resources"
name = "OpenPOWER Cases Designs"
identifier = "usecases"
url = "/resources/usecases/"
weight = -600

@ -3,7 +3,7 @@ title: 'Workgroup Overview'
date: 2021-03-06 date: 2021-03-06
draft: false draft: false


promo-h1: At the foundation we have 2 different distinct types of working groups. 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-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. 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,7 +1,5 @@
--- ---
title: "OpenPOWER Members" title: 'Members'
date: 2021-03-03 date: 2021-03-03
draft: false draft: false
--- ---



@ -1,3 +1,3 @@
- name: "None" - name: 'FPGA'
- name: "FPGA" - name: 'GPU'
- name: "GPU" - name: 'None'

@ -1,3 +0,0 @@
.post__article:nth-child(even) {
background-color: #f7f7f7;
}

@ -14,7 +14,24 @@ main {
@media screen and (min-width: $xl) { @media screen and (min-width: $xl) {
padding-bottom: 50px; 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;
}
} }
} }


@ -26,3 +43,37 @@ main {
} }
} }
} }

#workgroupsingle {
.details {
ul {
list-style-type: none;
padding-left: 0;
}
> ul {
list-style-type: none;
padding-left: 0;
> li {
margin-bottom: 6px;
background-color: #f7f7f7;
padding: 10px 6px;
> ul {
background-color: white;
padding: 10px 6px;
> li {
padding: 5px;
> ul {;
display: flex;
flex-wrap: wrap;
border-left: 2px solid #f7f7f7;
> li {
flex: 1 0 50%;
padding: 5px;
}
}
}
}
}
}
}
}

@ -178,69 +178,61 @@ body {


// Desktop navigation responsive // Desktop navigation responsive


.header__menu-item { .header__menu-item {
@media screen and (min-width: $lg) { @media screen and (min-width: $lg) {
font-size: 83%; font-size: 83%;
} }

&.menu-has-children {
ul {
width:300px;
margin-top:1.6vw;
list-style: none;
border-top: none;
border-bottom: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;;
@media screen and (min-width: $lg) {
margin-top:1em;
}
// -webkit-box-shadow: 5px 5px 5px -1px rgba(0, 0, 0, 0.4);
// box-shadow: 5px 5px 5px -1px rgba(0, 0, 0, 0.4);

li {
padding:10px 0;
border: none;

@media screen and (min-width: $lg) {
font-size: 100%;
}

a {
border: none;
text-align:left;



&:before, &:after { &.menu-has-children {
display: none; ul {
} width:300px;
padding-left:15px; margin-top:1.6vw;
} list-style: none;
} border-top: none;
} border-bottom: 1px solid #e8e8e8;
} border-right: 1px solid #e8e8e8;
} border-left: 1px solid #e8e8e8;;
@media screen and (min-width: $lg) {
margin-top: 0.5em;
}
li {
padding:10px 0;
border: none;
@media screen and (min-width: $lg) {
font-size: 100%;
}


.header__logo { a {
img { border: none;
@media screen and (max-width: $lg) { text-align:left;
max-width:200px; &:before, &:after {
height: auto; display: none;
} }
padding-left:15px;
}
}
}
}
}


@media screen and (min-width:$lg) and (max-width: $xl) { .header__logo {
max-width:120px; img {
height: auto; @media screen and (max-width: $lg) {
} max-width:200px;
height: auto;
}


@media screen and (min-width:$xl) and (max-width: $xxl) { @media screen and (min-width:$lg) and (max-width: $xl) {
max-width:120px; max-width:120px;
height: auto; height: auto;
}

} }
}


@media screen and (min-width:$xl) and (max-width: $xxl) {
max-width:120px;
height: auto;
}
}
}
} }


// Mobile navigation: mobile and desktop visibility // Mobile navigation: mobile and desktop visibility
@ -249,9 +241,9 @@ body {
@media screen and (min-width: $lg) { @media screen and (min-width: $lg) {
display: none; display: none;
} }
} }


.social__list { .social__list {
align-items: center; align-items: center;
justify-content: center; justify-content: center;


@ -266,11 +258,11 @@ body {
} }
} }


&.mobile-view { &.mobile-view {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
} }


.join-us-button, .join-us-button,

@ -1,29 +1,28 @@
.home.promo__section {
min-height: 820px;
}
main { main {
&.home { &.home {
@media screen and (max-width: $lg) { @media screen and (max-width: $lg) {
padding-top:50px; padding-top:50px;
padding-bottom: 0; padding-bottom: 0;
} }


@media screen and (min-width: $lg) and (max-width: $xl) { @media screen and (min-width: $lg) and (max-width: $xl) {
padding-top:70px; padding-top:70px;
}
} }
}
} }


.post__article { .post__article {
position: relative; position: relative;
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 3.75rem; margin-bottom: 3.75rem;
} }
} }
.post__title { .post__title {
display: block; display: block;
margin-top: 1em; margin-top: 1em;
color: black;
&:hover{
color: black;
}
&::before { &::before {
position: absolute; position: absolute;
left: 0; left: 0;
@ -47,10 +46,6 @@ main {
@media screen and (min-width: $lg) and (max-width: $xl) { @media screen and (min-width: $lg) and (max-width: $xl) {
padding: 4.4rem 0; padding: 4.4rem 0;
} }

a {
color: black;
}
} }
&._navy { &._navy {
background-color: #acc8fa; background-color: #acc8fa;

@ -1848,7 +1848,7 @@ textarea.form-control-lg {
background-color: transparent; background-color: transparent;
border: 2px solid transparent; border: 2px solid transparent;
padding: 0.75rem 2.5rem; padding: 0.75rem 2.5rem;
font-size: 1.25rem; font-size: 1rem;
border-radius: 0.25rem; border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
@ -4939,7 +4939,7 @@ textarea.form-control-lg {
.d-print-none { .d-print-none {
display: none !important; } } display: none !important; } }


#main { #main:not(.groups) {
padding-top: 140px; padding-top: 140px;
} }
.main { .main {

@ -37,6 +37,8 @@ color: black;
min-height: 110px; min-height: 110px;
text-align: center; text-align: center;
display: flex; display: flex;
justify-content: center;
align-items: center;
a { a {
text-decoration: none; text-decoration: none;
color:black; color:black;
@ -52,126 +54,171 @@ color: black;
// Events // Events


.events { .events {
.post__article:not(:last-child) { .post__article:not(:last-child) {
margin-bottom: 1.75rem; margin-bottom: 1.75rem;
} }
} }


// Join // Join


.join { .join {


.membership-data { .membership-data {


table { table {
margin:auto; margin:auto;
width:100%; width:100%;


tr { tr {


td { td {
padding: 10px; padding: 10px;
} }




&:nth-child(odd) { &:nth-child(odd) {
background-color: $white; background-color: $white;
} }


&:nth-child(even) { &:nth-child(even) {
background-color: $lightgrey; background-color: $lightgrey;
} }


th { th {
padding: 10px; padding: 10px;
background-color: #dfecf5; background-color: #dfecf5;


&:nth-of-type(1) { &:nth-of-type(1) {
width: 20%; width: 20%;
} }
&:nth-of-type(2) { &:nth-of-type(2) {
width: 15%; width: 15%;
} }

&:nth-of-type(3) {
width: 25%;
}


&:nth-of-type(4) { &:nth-of-type(3) {
width: 35%; width: 25%;
} }


&:nth-of-type(4) {
width: 35%;
} }
}
} }

} }
}
}


.benefits-data { .benefits-data {


table { table {
margin:auto; margin:auto;
width:100%; width:100%;


tr { tr {


td { td {
padding:10px; padding:10px;
position: relative; position: relative;


span { span {
position: absolute; position: absolute;
width: 225px; width: 225px;
display: block; display: block;
top: 10px; top: 10px;
left: 10px; left: 10px;
} }
} }


&:nth-child(odd) { &:nth-child(odd) {
background-color: $white; background-color: $white;
} }


&:nth-child(even) { &:nth-child(even) {
background-color: $lightgrey; background-color: $lightgrey;
} }
th { th {
padding:10px; padding:10px;
background-color: #dfecf5; background-color: #dfecf5;

&:nth-of-type(1) {
width: 60%;
}
&:nth-of-type(2) {
width: 8%;
}

&:nth-of-type(3) {
width: 8%;
}

&:nth-of-type(4) {
width: 8%;
}
&:nth-of-type(5) {
width: 8%;
}


&:nth-of-type(6) { &:nth-of-type(1) {
width: 8%; width: 60%;
} }
&:nth-of-type(2) {
width: 8%;
}


} &:nth-of-type(3) {
width: 8%;
}


} &:nth-of-type(4) {
width: 8%;
}
&:nth-of-type(5) {
width: 8%;
}
&:nth-of-type(6) {
width: 8%;
}
}
}
}
}
}


} // Board of Directors
} main.boardofdirectors {
.post__article {
&:nth-child(even),
&.bg {
background-color: #f7f7f7;
}
}
}


// Steering comittee
section#steeringcomittee {
#person {
#person-header {
position: absolute;
}
img {
width: 100%;
max-width: 100%;
position: relative;
top: 15px;
}
}
.post__article {
&:nth-child(even),
&.bg {
background-color: #f7f7f7;
}
}
}


// hubproviders

#hubproviders {
#hubprovider {
display: flex;
align-items: center;
min-height: 100px;
a {
white-space: normal;
line-height: 1.2;
font-size: 18px;
min-width: 100%;
}
}
form {
.form-control {
font-size: 14px;
}
}
} }






@ -1,7 +1,7 @@
.promo { .promo {
&__section { &__section {
position: relative; position: relative;
min-height: 820px; padding-top: 150px;
@media screen and (max-width: $lg) { @media screen and (max-width: $lg) {
min-height:460px; min-height:460px;
} }
@ -26,6 +26,7 @@
} }
&__container { &__container {
position: relative; position: relative;
margin-bottom: 70px;
@media screen and (max-width: $lg) { @media screen and (max-width: $lg) {
padding-top:17.5vw; padding-top:17.5vw;
} }

@ -6,7 +6,7 @@
<div class="row"> <div class="row">
<h1 class="section-header my-3 my-md-5 pb-2 pb-md-3 text-center">{{ .Title }}</h1> <h1 class="section-header my-3 my-md-5 pb-2 pb-md-3 text-center">{{ .Title }}</h1>
{{ range .Data.Pages.ByWeight }} {{ range .Data.Pages.ByWeight }}
<article class="post__article row mb-4 mb-lg-0 pt-4"> <article class="post__article col-10 offset-1 row mb-4 pt-4">
<div class="col-md-2 mb-4 mb-md-0 pt-md-3 pl-4 pl-lg-0"> <div class="col-md-2 mb-4 mb-md-0 pt-md-3 pl-4 pl-lg-0">
{{ $personfile := .File.BaseFileName }} {{ $personfile := .File.BaseFileName }}
{{ range where .Site.Pages "Section" "persons" }} {{ range where .Site.Pages "Section" "persons" }}

@ -12,12 +12,14 @@
{{ $imagelocation := (printf "%s/%s" "images/" $imagename) }} {{ $imagelocation := (printf "%s/%s" "images/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }} {{ $imageresource := resources.Get $imagelocation }}
<article class="post__article col-md-4"> <article class="post__article col-md-4">
{{ if $imageresource }} {{ if $imageresource }}
<div class="post__thumb"> <div class="post__thumb">
{{ $image := $imageresource.Fit "390x390" }} {{ $image := $imageresource.Fit "390x390" }}
<img class="img-fluid" src="{{ $image.RelPermalink }}" width="390" height="390" alt=""> <img class="img-fluid" src="{{ $image.RelPermalink }}" width="390" height="390" alt="">
</div>
{{ end }} {{ end }}
</div><a class="post__title" href="{{ .Permalink }}">{{ .Title }}</a>
<a class="post__title btn btn-outline-primary" href="{{ .Permalink }}">{{ .Title }}</a>
</article> </article>


{{ end }} {{ end }}

@ -5,134 +5,133 @@
<main id="main"> <main id="main">


<section id="workgroupsingle"> <section id="workgroupsingle">
<div id="workgroupsingle" class="container-fluid"> <div id="workgroupsingle" class="container-fluid">
<div class="section-header"> <div class="section-header">
<div class="row"> <div class="row">
<div class="col-lg-12 text-center"> <div class="col-lg-12 text-center mb-lg-4">
<h3 class="section-title">{{ .Title }}</h3> <h1 class="section-title">{{ .Title }}</h1>
<span class="section-divider"></span> <span class="section-divider"></span>
</div>
</div> </div>
</div> <div class="row">
<div class="row"> <div class="col-lg-5 offset-lg-2 pr-4">
<div class="col-lg-2">&nbsp;</div> {{ if .Content }}
<div class="col-lg-4"> {{ .Content }}
<ul> {{ else }}
<li>Workgroup Details : &nbsp;
{{ end }}
</div>
<div class="col-lg-3 details">
<ul> <ul>
{{ if .Param "chair" }} <li>Workgroup Details :
<li>Chair :<ul> <ul>
{{ range (.Param "chair") }} {{ if .Param "chair" }}
{{ $chairfile := printf "%s/%s" "persons" . }} <li>Chair :<ul>
{{ with $.Site.GetPage $chairfile }} {{ range (.Param "chair") }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a> {{ $chairfile := printf "%s/%s" "persons" . }}
{{ if .Param "member" }} {{ with $.Site.GetPage $chairfile }}
{{ $memberfile := printf "%s/%s" "members" (.Param "member") }} <li><a href="{{ .Permalink }}">{{ .Title }}</a>
{{ with $.Site.GetPage $memberfile }} {{ if .Param "member" }}
(<a href="{{ .Permalink }}">{{ .Title }}</a>) {{ $memberfile := printf "%s/%s" "members" (.Param "member") }}
{{ with $.Site.GetPage $memberfile }}
(<a href="{{ .Permalink }}">{{ .Title }}</a>)
{{ end }}
{{ end }} {{ end }}
{{ end }}
</li>
{{ end }} {{ end }}
{{ end }} </ul></li>
</li>
{{ end }} {{ end }}
</ul></li> {{ if .Param "wgtype" }}
{{ end }} {{ $data := index $.Site.Data }}
{{ if .Param "wgtype" }} {{ $wgtype := .Param "wgtype" }}
{{ $data := index $.Site.Data }} {{ range $data.workgroups }}
{{ $wgtype := .Param "wgtype" }} {{ if eq $wgtype .id }}
{{ range $data.workgroups }} <li>Type : {{ .name }}</li>
{{ if eq $wgtype .id }} {{ end }}
<li>Type : {{ .name }}</li>
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ end }} {{ if .Param "participation" }}
{{ if .Param "participation" }}
<li>
Participation : {{ .Param "participation" }}
{{ if eq (.Param "participation") "Public" }}
<i class="fa fa-universal-access" aria-hidden="true"></i>
{{ end }}
{{ if eq (.Param "participation") "Members" }}
<i class="users icon" aria-hidden="true"></i>
{{ end }}
{{ if eq (.Param "participation") "Limited" }}
<i class="fas fa-user-lock" aria-hidden="true"></i>
{{ end }}
</li>
{{ end }}
</ul>
</li>
<li>Workgroup Resources :
<ul>
{{ if .Param "discussion" }}
<li><a href="{{ .Param "discussion" }}"><i class="bullhorn icon" aria-hidden="true"></i>Discussion</a></li>
{{ end }}
{{ if .Param "meetingminutes" }}
<li><a href="{{ .Param "meetingminutes"}}"><i class="pencil alternative icon"></i>Meeting Minutes</a></li>
{{ end }}
{{ if .Param "calendar" }}
<li><i class="calendar alternative icon" aria-hidden="true"></i> Calendar :<ul>
<li><a href="{{ .Param "calendar.web" }}">WebCal</a></li>
<li><a href="{{ .Param "calendar.ics" }}">ICS</a></li>
</ul></li>
{{ end }}
{{ if .Param "git" }}
<li><a href="{{ .Param "git" }}"><i class="fa fa-git-square"></i> Git SCM</a></li>
{{ end }}
{{ if .Param "chat" }}
<li><i class="comments icon" aria-hidden="true"></i> Chat<ul>
<li><a href="{{ .Param "chat.mattermost" }}">OPF Chat</a></li>
{{ if .Param "chat.slack" }}
<li><a href="{{ .Param "chat.slack" }}">OPF Slack</a></li>
{{ end }}
{{ if .Param "chat.irc" }}
<li>{{ .Param "chat.irc" }}</li>
{{ end }}
</ul></li>
{{ end }}
{{ if .Param "files" }}
<li><a href="{{ .Param "files" }}"><i class="folder open icon"></i> Files</a></li>
{{ end }}
{{ if .Param "kanban" }}
<li><a href="{{ .Param "kanban" }}"><i class="tasks icon"></i> Kanban</a></li>
{{ end }}
</ul>
{{ if .Param "members" }}
<li>Active Voting Work Group Members :
<ul>
{{ range $member := .Param "members" }}
{{ $memberfile := printf "%s/%s" "members" $member }}
{{ with $.Site.GetPage $memberfile }}
<li> <li>
<a href="{{ .Permalink }}"> Participation : {{ .Param "participation" }}
{{ if .Param "image" }} {{ if eq (.Param "participation") "Public" }}
{{ $imagename := .Param "image" }} <i class="fa fa-universal-access" aria-hidden="true"></i>
{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }} {{ end }}
{{ $imageresource := resources.Get $imagelocation }} {{ if eq (.Param "participation") "Members" }}
{{ $image := $imageresource.Fit "75x75" }} <i class="users icon" aria-hidden="true"></i>
<img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}"> {{ end }}
{{ else }} {{ if eq (.Param "participation") "Limited" }}
{{ .Title }} <i class="fas fa-user-lock" aria-hidden="true"></i>
{{ end }} {{ end }}
</a>
</li> </li>
{{ end }} {{ end }}
</ul>
</li>
<li>Workgroup Resources :
<ul>
{{ if .Param "discussion" }}
<li><a href="{{ .Param "discussion" }}"><i class="bullhorn icon" aria-hidden="true"></i>Discussion</a></li>
{{ end }}
{{ if .Param "meetingminutes" }}
<li><a href="{{ .Param "meetingminutes"}}"><i class="pencil alternative icon"></i>Meeting Minutes</a></li>
{{ end }}
{{ if .Param "calendar" }}
<li><i class="calendar alternative icon" aria-hidden="true"></i> Calendar :<ul>
<li><a href="{{ .Param "calendar.web" }}">WebCal</a></li>
<li><a href="{{ .Param "calendar.ics" }}">ICS</a></li>
</ul></li>
{{ end }}
{{ if .Param "git" }}
<li><a href="{{ .Param "git" }}"><i class="fa fa-git-square"></i> Git SCM</a></li>
{{ end }}
{{ if .Param "chat" }}
<li><i class="comments icon" aria-hidden="true"></i> Chat<ul>
<li><a href="{{ .Param "chat.mattermost" }}">OPF Chat</a></li>
{{ if .Param "chat.slack" }}
<li><a href="{{ .Param "chat.slack" }}">OPF Slack</a></li>
{{ end }}
{{ if .Param "chat.irc" }}
<li>{{ .Param "chat.irc" }}</li>
{{ end }}
</ul></li>
{{ end }}
{{ if .Param "files" }}
<li><a href="{{ .Param "files" }}"><i class="folder open icon"></i> Files</a></li>
{{ end }}
{{ if .Param "kanban" }}
<li><a href="{{ .Param "kanban" }}"><i class="tasks icon"></i> Kanban</a></li>
{{ end }}
</ul>
{{ if .Param "members" }}
<li>Active Voting Work Group Members :
<ul>
{{ range $member := .Param "members" }}
{{ $memberfile := printf "%s/%s" "members" $member }}
{{ with $.Site.GetPage $memberfile }}
<li>
<a href="{{ .Permalink }}">
{{ if .Param "image" }}
{{ $imagename := .Param "image" }}
{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource.Fit "75x75" }}
<img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
{{ else }}
{{ .Title }}
{{ end }}
</a>
</li>
{{ end }}
{{ end }}
</ul>
</li>
{{ end }} {{ end }}
</ul> </ul>
</li> </div>
{{ end }} <div class="col-lg-2">&nbsp;</div>
</ul>
</div>
<div class="col-lg-4">
{{ if .Content }}
{{ .Content }}
{{ else }}
&nbsp;
{{ end }}
</div> </div>
<div class="col-lg-2">&nbsp;</div>
</div> </div>
</div> </div>
</div>
</section> </section>


</main> </main>

@ -6,19 +6,26 @@


<section id="hubproviders"> <section id="hubproviders">
<div id="hubproviders"> <div id="hubproviders">
<div class="container-fluid"> <div class="container">
<div class="section-header"> <div class="section-header mb-4">
<h3 class="section-title">{{ .Title }}</h3> <h1 class="section-title text-center mb-4">{{ .Title }}</h1>
<span class="section-divider"></span> <span class="section-divider"></span>
<span class="section-description">{{ .Content }}</span> <div class="row">
<div class="col-8 offset-2">
<span class="section-description">{{ .Content }}</span>
</div>
</div>
</div> </div>
</div> </div>
<div id="hubproviders" class="row"> <div class="container">
{{ range .Data.Pages }} <div id="hubproviders" class="row">
<div id="hubprovider" class="col-lg-3 "> <div class="col-2"></div>
<a href="{{ .Permalink }}">{{ .Title }}</a> {{ range .Data.Pages }}
<div id="hubprovider" class="col-lg-2 text-center">
<a class="btn btn-outline-primary" href="{{ .Permalink }}">{{ .Title }}</a>
</div> </div>
{{ end }} {{ end }}
</div>
</div> </div>
</div> </div>



@ -8,11 +8,11 @@
<div id="hubprovider"> <div id="hubprovider">
<div class="container-fluid"> <div class="container-fluid">
<div class="section-header"> <div class="section-header">
<h3 class="section-title">{{ .Title }}</h3> <h2 class="section-title text-center mb-4">{{ .Title }}</h2>
<span class="section-divider"></span> <span class="section-divider"></span>
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-4 offset-lg-2">
{{ if .Param "member" }} {{ if .Param "member" }}
Provider : Provider :
{{ $member := .Param "member" }} {{ $member := .Param "member" }}
@ -37,7 +37,7 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
</div> </div>
<div class="col-lg-6"> <div class="col-lg-4">
{{ if .Param "provides" }} {{ if .Param "provides" }}
Provides following OPF HUB resources : Provides following OPF HUB resources :
<ul> <ul>

@ -72,7 +72,7 @@
<section class="teaser__section _dark"> <section class="teaser__section _dark">
<div class="container text-center"> <div class="container text-center">
<p class="h2 mb-4">{{ .Param "sections.section-dark.p-1" }}</p> <p class="h2 mb-4">{{ .Param "sections.section-dark.p-1" }}</p>
<p class="mt-3 mt-lg-0"><a class="btn btn-light" href="/">{{ .Param "sections.section-dark.cta" }}</a></p> <p class="mt-3 mt-lg-0"><a class="btn btn-light btn-outline-primary" href="/">{{ .Param "sections.section-dark.cta" }}</a></p>
</div> </div>
</section> </section>
<section class="teaser__section py-4 py-lg-5 my-lg-5"> <section class="teaser__section py-4 py-lg-5 my-lg-5">

@ -13,18 +13,18 @@
{{ $data := index $.Site.Data }} {{ $data := index $.Site.Data }}
{{ range $data.memberlevels }} {{ range $data.memberlevels }}
<div class="col-lg-12"> <div class="col-lg-12">
<div class="membership-level pt-5 pb-0 pb-lg-5"> <div class="membership-level pt-5 pb-0 pb-lg-3">
<h2 class="pb-2 pb-lg-5">{{ .name }}</h2> <h2 class="pb-2 pb-lg-5 text-center">{{ .name }}</h2>
{{ $key := .identifier }} {{ $key := .identifier }}
{{ $imageheight := .image.height }} {{ $imageheight := .image.height }}
{{ $imagewidth := .image.width }} {{ $imagewidth := .image.width }}
{{ $imagesize := .size }} {{ $imagesize := .size }}
{{ $col := .col }} {{ $col := .col }}
<div class="row"> <div class="row d-flex justify-content-center">
{{ range $.Site.Pages }} {{ range $.Site.Pages }}
{{ $level := .Param "level" }} {{ $level := .Param "level" }}
{{ if eq $level $key }} {{ if eq $level $key }}
<div class="col-lg-4 pt-5 pb-0 pb-lg-5"> <div class="col-lg-4 pt-5 pb-0 pb-lg-3">
<div class="box"> <div class="box">
<a target="_blank" href="{{ .Param "link" }}"> <a target="_blank" href="{{ .Param "link" }}">
{{ if .Param "image" }} {{ if .Param "image" }}

@ -3,6 +3,6 @@
<div class="promo__container container text-center"> <div class="promo__container container text-center">
<h1>{{ .Param "promo-h1" }}</h1> <h1>{{ .Param "promo-h1" }}</h1>
<p>{{ .Param "promo-p1" }}</p> <p>{{ .Param "promo-p1" }}</p>
<p><a class="btn btn-light" href="/join">{{ .Param "promo-cta" }}</a></p> <p><a class="btn btn-light btn-outline-primary" href="/join">{{ .Param "promo-cta" }}</a></p>
</div> </div>
</section> </section>

@ -5,10 +5,10 @@
<section id="hub"> <section id="hub">
<div class="container"> <div class="container">
<div class="row wow fadeInUp"> <div class="row wow fadeInUp">
<div class="col-lg-12 col-md-12"> <div class="col-lg-8 offset-lg-2 col-md-12 mt-5 mb-5">
<div class="form"> <div class="form">
<div id="sendmessage">Your request has been sent. Thank you!</div> <div id="sendmessage" style="display:none">Your request has been sent. Thank you!</div>
<div id="errormessage">Error</div> <div id="errormessage" style="display:none">Error</div>
<form role="form" name="hubRequestForm" class="hubRequestForm" id="hubRequestForm" action="" method="post"> <form role="form" name="hubRequestForm" class="hubRequestForm" id="hubRequestForm" action="" method="post">
<div class="form-row"> <div class="form-row">
<div class="form-group col-lg-6"> <div class="form-group col-lg-6">
@ -40,15 +40,18 @@
<div class="validation"></div> <div class="validation"></div>
</div> </div>
</div> </div>
<div>
<h3>What OpenPOWER resources do you require?</h3>
</div>
<div class="form-row"> <div class="form-row">
<div class="form-group col-lg-6"> <div class="form-group col-lg-6">
{{ range $hubdata.accesstype }} {{ range $hubdata.accesstype }}
<input type="radio" id="{{ .name }}" name="{{ .name }}" value="{{ .name }}">{{ .name }}<br> <input type="checkbox" class="mr-2" id="{{ .name }}" name="{{ .name }}" value="{{ .name }}">{{ .name }}<br>
{{ end }} {{ end }}
</div> </div>
<div class="form-group col-lg-6"> <div class="form-group col-lg-6">
{{ range $hubdata.additions }} {{ range $hubdata.additions }}
<input type="radio" id="{{ .name }}" name="{{ .name }}" value="{{ .name }}">{{ .name }}<br> <input type="checkbox" class="mr-2" id="{{ .name }}" name="{{ .name }}" value="{{ .name }}">{{ .name }}<br>
{{ end }} {{ end }}
</div> </div>
</div> </div>
@ -57,7 +60,7 @@
<div class="validation"></div> <div class="validation"></div>
</div> </div>
<div class="text-center"> <div class="text-center">
<button type="submit" title="Send Message">Send Message</button> <button class="btn btn-outline-primary" type="submit" title="Send Message">Request your resource</button>
</div> </div>
</form> </form>
</div> </div>

@ -16,11 +16,11 @@
{{ range $.Site.Pages }} {{ range $.Site.Pages }}
{{ $group := .Param "wgtype" }} {{ $group := .Param "wgtype" }}
{{ if eq $group "twg" }} {{ if eq $group "twg" }}
<li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li> <li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }} {{ end }}
{{ if eq $group "sig" }} {{ if eq $group "sig" }}
<li class="header__menu-item"> <a href="{{ .Permalink }}">{{ .Title }}</a></li> <li class="header__menu-item"> <a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }} {{ end }}
{{ end }} {{ end }}
</ul> </ul>
{{ else }} {{ else }}
@ -69,10 +69,8 @@
<div class="header__contact-btn join-us-button mobile-view py-4"> <div class="header__contact-btn join-us-button mobile-view py-4">
<a class="d-inline-block btn-outline-primary btn-sm btn" href="/join">Join</a> <a class="d-inline-block btn-outline-primary btn-sm btn" href="/join">Join</a>
</div> </div>
</div> </div>
</ul> </ul>
</nav> </nav>
</div> </div>
<div class="header__contact-col col d-flex flex-nowrap justify-content-center align-items-center"> <div class="header__contact-col col d-flex flex-nowrap justify-content-center align-items-center">

@ -4,49 +4,53 @@


<main id="main"> <main id="main">


<section id="boardofdirectors"> <section id="steeringcomittee">
<div class="container-fluid"> <div class="container-fluid">
<div class="section-header"> <div class="section-header col-lg-8 offset-lg-2">
<h1 class="section-title text-center">{{ .Title }}</h1> <h1 class="section-title text-center">{{ .Title }}</h1>
<span class="section-divider"></span> <span class="section-divider"></span>
<p class="section-description">{{ .Content }}</p> <p class="section-description">{{ .Content }}</p>
</div> </div>
<div class="row"> <div class="row">
{{ range .Data.Pages.ByWeight }} {{ range .Data.Pages.ByWeight }}
<div class="col-lg-6 mx-auto" id="person"> <article class="post__article bg col-10 offset-1 row mb-4 mb-lg-0 pt-4">
<div id="person">
<div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-8">
<h2>{{ .Title }}</h2>
({{ .Param "position" }})
</div>
</div>
<div id="person-header"> <div id="person-header">
<div class="row"> <div class="row">
<div class="col-lg-8">
<h2>{{ .Title }}</h2>
({{ .Param "position" }})
</div>
{{ $personfile := .File.BaseFileName }} {{ $personfile := .File.BaseFileName }}
{{ range where .Site.RegularPages "Section" "persons" }} {{ range where .Site.RegularPages "Section" "persons" }}
{{ $person := .File.BaseFileName }} {{ $person := .File.BaseFileName }}
{{ if eq $personfile $person }} {{ if eq $personfile $person }}
<div class="col-lg-4" id="member"> <div class="col-lg-2" id="member">
{{ $member := .Param "member" }} {{ $member := .Param "member" }}
{{ range where .Site.RegularPages "Section" "members" }} {{ range where .Site.RegularPages "Section" "members" }}
{{ $membercompany := .File.BaseFileName }} {{ $membercompany := .File.BaseFileName }}
{{ if eq $member $membercompany }} {{ if eq $member $membercompany }}
<a href="{{ .Permalink }}"> <a href="{{ .Permalink }}">
{{ if .Param "image" }} {{ if .Param "image" }}
{{ $imagename := .Param "image" }} {{ $imagename := .Param "image" }}
{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }} {{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }} {{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource.Fit "100x100" }} {{ $image := $imageresource.Fit "100x100" }}
<img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}"> <img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
{{ else }} {{ else }}
{{ .Title }} {{ .Title }}
{{ end }}
</a>
{{ end }} {{ end }}
</a>
{{ end }} {{ end }}
</div> {{ end }}
</div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-2">
{{ if .Param "image" }} {{ if .Param "image" }}
{{ $imagename := .Param "image" }} {{ $imagename := .Param "image" }}
{{ $imagelocation := (printf "%s/%s" "images/persons/" $imagename) }} {{ $imagelocation := (printf "%s/%s" "images/persons/" $imagename) }}
@ -62,6 +66,7 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
</div> </div>
</article>
{{ end }} {{ end }}
</div> </div>
<div class="row"> <div class="row">
@ -71,46 +76,50 @@
{{ range $chairs }} {{ range $chairs }}
{{ $chairfile := printf "%s/%s" "persons" . }} {{ $chairfile := printf "%s/%s" "persons" . }}
{{ with $.Site.GetPage $chairfile }} {{ with $.Site.GetPage $chairfile }}
<div class="col-lg-4" id="person"> <article class="post__article col-10 offset-1 row mb-4 pt-4 pb-4">
<div id="person-header"> <div id="person">
<div class="row"> <div id="person-header">
<div class="col-lg-8"><h2>{{ .Title }}</h2> ({{ $wgname }})</div> <div class="row">
<div class="col-lg-4" id="member"> <div class="col-12" id="member">
{{ $member := .Param "member" }} {{ $member := .Param "member" }}
{{ range where .Site.RegularPages "Section" "members" }} {{ range where .Site.RegularPages "Section" "members" }}
{{ $membercompany := .File.BaseFileName }} {{ $membercompany := .File.BaseFileName }}
{{ if eq $member $membercompany }} {{ if eq $member $membercompany }}
<a href="{{ .Permalink }}"> <a href="{{ .Permalink }}">
{{ if .Param "image" }} {{ if .Param "image" }}
{{ $imagename := .Param "image" }} {{ $imagename := .Param "image" }}
{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }} {{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }} {{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource.Fit "100x100" }} {{ $image := $imageresource.Fit "100x100" }}
<img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}"> <img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
{{ else }} {{ else }}
{{ .Title }} {{ .Title }}
{{ end }} {{ end }}
</a> </a>
{{ end }} {{ end }}
{{ end }} {{ end }}
</div>
</div> </div>
</div> </div>
</div> <div class="row">
<div class="row"> <div class="col-lg-2">
<div class="col-lg-4"> {{ if .Param "image" }}
{{ if .Param "image" }} {{ $imagename := .Param "image" }}
{{ $imagename := .Param "image" }} {{ $imagelocation := (printf "%s/%s" "images/persons/" $imagename) }}
{{ $imagelocation := (printf "%s/%s" "images/persons/" $imagename) }} {{ $imageresource := resources.Get $imagelocation }}
{{ $imageresource := resources.Get $imagelocation }} {{ $image := $imageresource.Fit "100x400" }}
{{ $image := $imageresource.Fit "100x400" }} <img src="{{ $image.RelPermalink }}" alt="{{ .Title }}">
<img src="{{ $image.RelPermalink }}" alt="{{ .Title }}"> {{ else }}
{{ else }} &nbsp;
&nbsp; {{ end }}
{{ end }} </div>
<div class="col-lg-8">
<h2>{{ .Title }}</h2> ({{ $wgname }})
{{ .Content }}
</div>
</div> </div>
<div class="col-lg-8">{{ .Content }}</div>
</div> </div>
</div> </article>
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ end }} {{ end }}

Loading…
Cancel
Save