Template updates discussed on call/email

archetype-theme-transition
Ryan Holder 2 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;
}
}
}
}
}
}
}
}

@ -193,15 +193,11 @@ body {
border-right: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;; border-left: 1px solid #e8e8e8;;
@media screen and (min-width: $lg) { @media screen and (min-width: $lg) {
margin-top:1em; margin-top: 0.5em;
} }
// -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 { li {
padding:10px 0; padding:10px 0;
border: none; border: none;

@media screen and (min-width: $lg) { @media screen and (min-width: $lg) {
font-size: 100%; font-size: 100%;
} }
@ -209,8 +205,6 @@ body {
a { a {
border: none; border: none;
text-align:left; text-align:left;


&:before, &:after { &:before, &:after {
display: none; display: none;
} }
@ -237,10 +231,8 @@ body {
max-width:120px; max-width:120px;
height: auto; height: auto;
} }

} }
} }

} }


// Mobile navigation: mobile and desktop visibility // Mobile navigation: mobile and desktop visibility

@ -1,3 +1,6 @@
.home.promo__section {
min-height: 820px;
}
main { main {
&.home { &.home {
@media screen and (max-width: $lg) { @media screen and (max-width: $lg) {
@ -20,10 +23,6 @@ main {
.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;
@ -100,11 +102,9 @@ color: black;
&:nth-of-type(4) { &:nth-of-type(4) {
width: 35%; width: 35%;
} }
} }
} }
} }

} }


.benefits-data { .benefits-data {
@ -162,16 +162,63 @@ color: black;
&:nth-of-type(6) { &:nth-of-type(6) {
width: 8%; 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" }}

@ -16,8 +16,10 @@
<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 }}

@ -8,14 +8,20 @@
<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-2">&nbsp;</div> <div class="col-lg-5 offset-lg-2 pr-4">
<div class="col-lg-4"> {{ if .Content }}
{{ .Content }}
{{ else }}
&nbsp;
{{ end }}
</div>
<div class="col-lg-3 details">
<ul> <ul>
<li>Workgroup Details : <li>Workgroup Details :
<ul> <ul>
@ -122,13 +128,6 @@
{{ end }} {{ end }}
</ul> </ul>
</div> </div>
<div class="col-lg-4">
{{ if .Content }}
{{ .Content }}
{{ else }}
&nbsp;
{{ end }}
</div>
<div class="col-lg-2">&nbsp;</div> <div class="col-lg-2">&nbsp;</div>
</div> </div>
</div> </div>

@ -6,21 +6,28 @@


<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>
<div class="row">
<div class="col-8 offset-2">
<span class="section-description">{{ .Content }}</span> <span class="section-description">{{ .Content }}</span>
</div> </div>
</div> </div>
</div>
</div>
<div class="container">
<div id="hubproviders" class="row"> <div id="hubproviders" class="row">
<div class="col-2"></div>
{{ range .Data.Pages }} {{ range .Data.Pages }}
<div id="hubprovider" class="col-lg-3 "> <div id="hubprovider" class="col-lg-2 text-center">
<a href="{{ .Permalink }}">{{ .Title }}</a> <a class="btn btn-outline-primary" href="{{ .Permalink }}">{{ .Title }}</a>
</div> </div>
{{ end }} {{ end }}
</div> </div>
</div> </div>
</div>


{{ partial "hubform.html" . }} {{ partial "hubform.html" . }}



@ -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>

@ -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,27 +4,31 @@


<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-header"> <div id="person">
<div class="row"> <div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-8"> <div class="col-lg-8">
<h2>{{ .Title }}</h2> <h2>{{ .Title }}</h2>
({{ .Param "position" }}) ({{ .Param "position" }})
</div> </div>
</div>
<div id="person-header">
<div class="row">
{{ $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 }}
@ -46,7 +50,7 @@
</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,11 +76,11 @@
{{ 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">
<div id="person-header"> <div id="person-header">
<div class="row"> <div class="row">
<div class="col-lg-8"><h2>{{ .Title }}</h2> ({{ $wgname }})</div> <div class="col-12" id="member">
<div class="col-lg-4" 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 }}
@ -97,7 +102,7 @@
</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) }}
@ -108,9 +113,13 @@
&nbsp; &nbsp;
{{ end }} {{ end }}
</div> </div>
<div class="col-lg-8">{{ .Content }}</div> <div class="col-lg-8">
<h2>{{ .Title }}</h2> ({{ $wgname }})
{{ .Content }}
</div>
</div> </div>
</div> </div>
</article>
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ end }} {{ end }}

Loading…
Cancel
Save