theme updates

archetype-theme-transition
Ryan Holder 3 years ago
parent 9bccfdd32c
commit 672bb5a0bc

@ -22,3 +22,6 @@ enableRobotsTXT = true
mediatype = "application/rss" mediatype = "application/rss"
baseName = "feed" baseName = "feed"
suffix = "xml" suffix = "xml"
[markup.goldmark.renderer]
unsafe = true

@ -1,7 +1,6 @@
--- ---
title: "James Kulina" title: "James Kulina"
position: "Executive Director" position: "Executive Director"
member: linuxfoundation
weight: 100 weight: 100
date: 2021-03-03 date: 2021-03-03
draft: false draft: false

@ -60,3 +60,11 @@ become-member:
draft: false draft: false
--- ---



| Membership Level | Annual Fee | Technical Steering Committee | Board of Directors |
|----------------------|------------|---------------------------------|------------------------------------------------------------------|
| Platinum | $100k | 1 voting participant per member | 1 voting participant per member |
| Gold | $60k | If a WG lead | 1 elected voting participant per three gold member level |
| Silver | $20k | If a WG lead | 1 elected voting participant for all silver members |
| Associate / Academic | $0 | If a WG lead | 1 elected non-voting observer for all associate/acedemic members |


@ -0,0 +1,30 @@
---
title: 'Membership Benefits'
date: 2021-07-17
type: join
draft: false
---


| OpenPOWER Foundation Membership Matrix | Associate | ISV | Silver | Gold | Platinum |
|------------------------------------------------------------|-----------|-----|---------|------|----------|
| Working Group Participation | x | x | x | x | x |
| Marketing Committee Participation | x | x | x | x | x |
| Access to Specifications Approved by the Board | x | x | x | x | x |
| Access to Draft Specifications in development | x | x | x | x | x |
| Petition TSC to create a new workgroup or project | x | x | x | x | x |
| Exhibit opportunities as OPF-hosted and exhibiting events | x | x | x | x | x |
| Participate in OpenPOWER Ambassador Program | x | x | x | x | x |
| Speaker Opportunities at OPF-hosted events | x | | 1+ | 2+ | 2+ |
| Keynote Opportunities at OPF-hosted events | | | | | x |
| Registration/exibit at OPF events | | | 5% | 10% | 20% |
| Member logo featured on the website | x | x | x | x | x |
| Member logo featured on the website homepage | | | | x | x |
| Member logo featured on event signage | | | | x | x |
| Member profile featured on website spotlight | | | | x | x |
| Member name inclusion in Press Releases | | | | 1x/yr| 2x/yr |
| Final Approval of New Projects | <span>Board membership required</span> |
| Final Approval and Voting of IP and Specifications | <span>Board membership required</span> |
| Manage the Future Direction of the Organization | <span>Board membership required</span> |


@ -1,6 +1,7 @@
--- ---
title: "Google" title: "Google"
image: "google.png" image: "google.png"
link: https://www.google.com
level: platinum level: platinum
country: "United States of America" country: "United States of America"
joined: 2013 joined: 2013

@ -3,6 +3,7 @@ title: "Inspur Power Systems"
image: "inspur-power-systems.png" image: "inspur-power-systems.png"
level: platinum level: platinum
country: "China" country: "China"
link: https://www.inspursystems.com
joined: 2017 joined: 2017
date: 2021-03-03 date: 2021-03-03
draft: false draft: false

@ -1,11 +1,10 @@

---

title: "KARDINAL, INC."

image: ""
title: KARDINAL, INC.
image: KARDINAL, INC.
country: France country: France
link: https://kardinal.ai/ link: https://kardinal.ai
level: Silver level: Silver
joined: 2019 joined: 2019
date: 2021-03-31 date: 2021-03-31
draft: false draft: false
---

@ -1,6 +1,7 @@
--- ---
title: "Raptor Computing Systems" title: "Raptor Computing Systems"
image: "raptorcomputingsystems.png" image: "raptorcomputingsystems.png"
link: https://www.raptorcs.com
level: silver level: silver
country: "United States of America" country: "United States of America"
joined: 2018 joined: 2018

@ -1,6 +1,7 @@
--- ---
title: "University of Oregon" title: "University of Oregon"
image: "universityoforegon.jpg" image: "universityoforegon.jpg"
link: https://www.uoregon.edu
level: academic level: academic
country: "United States of America" country: "United States of America"
date: 2021-03-03 date: 2021-03-03

@ -1,6 +1,6 @@
--- ---
title: "James Huang" title: "James Huang"
member: inspurpowersystems member: Inspur Power Systems
image: "jameshuang-200.jpg" image: "jameshuang-200.jpg"
date: 2021-03-03 date: 2021-03-03
draft: false draft: false

@ -1,7 +1,7 @@
--- ---
title: "James Kulina" title: "James Kulina"
image: "jameskulina-200.jpg" image: "jameskulina-200.jpg"
member: "openpowerfoundation" member: "OpenPOWER Foundation"
date: 2021-03-03 date: 2021-03-03
draft: false draft: false
--- ---

@ -1,7 +1,7 @@
--- ---
title: "Sameer Shende" title: "Sameer Shende"
image: "sameershende-200.jpg" image: "sameershende-200.jpg"
member: universityoforegon member: University of Oregon
date: 2021-03-03 date: 2021-03-03
draft: false draft: false
--- ---

@ -1,7 +1,7 @@
--- ---
title: "Timothy Pearson" title: "Timothy Pearson"
image: "timothypearson-200.jpg" image: "timothypearson-200.jpg"
member: "raptorcomputingsystems" member: "Raptor Computing Systems"
date: 2021-03-03 date: 2021-03-03
draft: false draft: false
--- ---

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

@ -29,10 +29,8 @@ body {
z-index: 100; z-index: 100;
&__logo { &__logo {
text-decoration: none; text-decoration: none;

&-col { &-col {
flex-grow: 0; flex-grow: 0;
} }
} }
&__menu { &__menu {
@ -44,7 +42,6 @@ body {
&.join { &.join {
display: none; display: none;
} }

&.menu-has-children { &.menu-has-children {
position: relative; position: relative;
ul { ul {
@ -81,7 +78,7 @@ body {
transition: width .2s ease-out; transition: width .2s ease-out;
} }
&:hover { &:hover {
color: #1595b1; color: #2566f4;
} }
} }
} }
@ -89,12 +86,12 @@ body {
&__contact-col { &__contact-col {
flex-grow: 0; flex-grow: 0;
} }
&__contact-btn { &__contact-btn,
min-width: 120px; &__login-btn {
margin-left: 2em; min-width: 80px;
margin-left: 1.5em;
white-space: nowrap; white-space: nowrap;
} }

} }




@ -195,6 +192,9 @@ body {
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
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) {
margin-top:1em;
}
// -webkit-box-shadow: 5px 5px 5px -1px rgba(0, 0, 0, 0.4); // -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); // box-shadow: 5px 5px 5px -1px rgba(0, 0, 0, 0.4);


@ -273,7 +273,8 @@ body {
} }
} }


.join-us-button { .join-us-button,
.login-button {
&.desktop-view { &.desktop-view {
@media screen and (max-width: $lg) { @media screen and (max-width: $lg) {
display: none; display: none;
@ -285,14 +286,11 @@ body {
padding:0.375rem 0; padding:0.375rem 0;
} }
} }

} }
&.mobile-view { &.mobile-view {
margin:auto; margin:auto;
width: 97px; width: 97px;
min-width: 97px; min-width: 97px;
} }

} }



@ -35,7 +35,7 @@
--bs-yellow: #ffc107; --bs-yellow: #ffc107;
--bs-green: #198754; --bs-green: #198754;
--bs-teal: #20c997; --bs-teal: #20c997;
--bs-cyan: #71d8ee; --bs-cyan: #2566f4;
--bs-white: #fff; --bs-white: #fff;
--bs-gray: #6c757d; --bs-gray: #6c757d;
--bs-gray-dark: #343a40; --bs-gray-dark: #343a40;
@ -48,7 +48,7 @@
--bs-gray-700: #495057; --bs-gray-700: #495057;
--bs-gray-800: #343a40; --bs-gray-800: #343a40;
--bs-gray-900: #212529; --bs-gray-900: #212529;
--bs-primary: #71d8ee; --bs-primary: #2566f4;
--bs-secondary: #6c757d; --bs-secondary: #6c757d;
--bs-success: #198754; --bs-success: #198754;
--bs-info: #2666f5; --bs-info: #2666f5;
@ -208,10 +208,12 @@ sup {
top: -.5em; } top: -.5em; }


a { a {
color: #71d8ee; color: #2566f4;
text-decoration: none; } text-decoration: none; }
a:hover { a:hover {
color: #1595b1; } color: #2566f4;
text-decoration: none;
}


a:not([href]):not([class]), a:not([href]):not([class]):hover { a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit; color: inherit;
@ -1460,15 +1462,15 @@ textarea.form-control-lg {
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(113, 216, 238, 0.25); } box-shadow: 0 0 0 0.25rem rgba(113, 216, 238, 0.25); }
.form-check-input:checked { .form-check-input:checked {
background-color: #71d8ee; background-color: #2566f4;
border-color: #71d8ee; } border-color: #2566f4; }
.form-check-input:checked[type="checkbox"] { .form-check-input:checked[type="checkbox"] {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10l3 3l6-6%27/%3e%3c/svg%3e"); } background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10l3 3l6-6%27/%3e%3c/svg%3e"); }
.form-check-input:checked[type="radio"] { .form-check-input:checked[type="radio"] {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e"); } background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e"); }
.form-check-input[type="checkbox"]:indeterminate { .form-check-input[type="checkbox"]:indeterminate {
background-color: #71d8ee; background-color: #2566f4;
border-color: #71d8ee; border-color: #2566f4;
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e"); } background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e"); }
.form-check-input:disabled { .form-check-input:disabled {
pointer-events: none; pointer-events: none;
@ -1526,7 +1528,7 @@ textarea.form-control-lg {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-top: -0.25rem; margin-top: -0.25rem;
background-color: #71d8ee; background-color: #2566f4;
border: 0; border: 0;
border-radius: 1rem; border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@ -1547,7 +1549,7 @@ textarea.form-control-lg {
.form-range::-moz-range-thumb { .form-range::-moz-range-thumb {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
background-color: #71d8ee; background-color: #2566f4;
border: 0; border: 0;
border-radius: 1rem; border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@ -1864,8 +1866,8 @@ textarea.form-control-lg {


.btn-primary { .btn-primary {
color: #000; color: #000;
background-color: #71d8ee; background-color: #2566f4;
border-color: #71d8ee; } border-color: #2566f4; }
.btn-primary:hover { .btn-primary:hover {
color: #000; color: #000;
background-color: #fafefe; background-color: #fafefe;
@ -1887,8 +1889,8 @@ textarea.form-control-lg {
box-shadow: 0 0 0 0.25rem rgba(96, 184, 202, 0.5); } box-shadow: 0 0 0 0.25rem rgba(96, 184, 202, 0.5); }
.btn-primary:disabled, .btn-primary.disabled { .btn-primary:disabled, .btn-primary.disabled {
color: #000; color: #000;
background-color: #71d8ee; background-color: #2566f4;
border-color: #71d8ee; } border-color: #2566f4; }


.btn-secondary { .btn-secondary {
color: #fff; color: #fff;
@ -2092,20 +2094,20 @@ textarea.form-control-lg {
border-color: #2566f4; } border-color: #2566f4; }
.btn-outline-primary:hover { .btn-outline-primary:hover {
color: white; color: white;
background-color: #71d8ee; background-color: #2566f4;
border-color: #71d8ee; } border-color: #2566f4; }
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
box-shadow: 0 0 0 0.25rem rgba(113, 216, 238, 0.5); } box-shadow: 0 0 0 0.25rem rgba(113, 216, 238, 0.5); }
.btn-check:checked + .btn-outline-primary, .btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
color: #000; color: #000;
background-color: #71d8ee; background-color: #2566f4;
border-color: #71d8ee; } border-color: #2566f4; }
.btn-check:checked + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(113, 216, 238, 0.5); } box-shadow: 0 0 0 0.25rem rgba(113, 216, 238, 0.5); }
.btn-outline-primary:disabled, .btn-outline-primary.disabled { .btn-outline-primary:disabled, .btn-outline-primary.disabled {
color: #71d8ee; color: #2566f4;
background-color: transparent; } background-color: transparent; }


.btn-outline-secondary { .btn-outline-secondary {
@ -2257,10 +2259,10 @@ textarea.form-control-lg {


.btn-link { .btn-link {
font-weight: 400; font-weight: 400;
color: #71d8ee; color: #2566f4;
text-decoration: none; } text-decoration: none; }
.btn-link:hover { .btn-link:hover {
color: #1595b1; } color: #2566f4; }
.btn-link:disabled, .btn-link.disabled { .btn-link:disabled, .btn-link.disabled {
color: #6c757d; } color: #6c757d; }


@ -2310,13 +2312,13 @@ textarea.form-control-lg {
.nav-link { .nav-link {
display: block; display: block;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
color: #71d8ee; color: #2566f4;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 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; }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.nav-link { .nav-link {
transition: none; } } transition: none; } }
.nav-link:hover, .nav-link:focus { .nav-link:hover, .nav-link:focus {
color: #1595b1; } color: #2566f4; }
.nav-link.disabled { .nav-link.disabled {
color: #6c757d; color: #6c757d;
pointer-events: none; pointer-events: none;
@ -2355,7 +2357,7 @@ textarea.form-control-lg {
.nav-pills .nav-link.active, .nav-pills .nav-link.active,
.nav-pills .show > .nav-link { .nav-pills .show > .nav-link {
color: #fff; color: #fff;
background-color: #71d8ee; } background-color: #2566f4; }


.nav-fill > .nav-link, .nav-fill > .nav-link,
.nav-fill .nav-item { .nav-fill .nav-item {
@ -2384,7 +2386,7 @@ textarea.form-control-lg {
content: ""; } content: ""; }


.link-primary { .link-primary {
color: #71d8ee; } color: #2566f4; }
.link-primary:hover, .link-primary:focus { .link-primary:hover, .link-primary:focus {
color: #8de0f1; } color: #8de0f1; }


@ -2725,7 +2727,7 @@ textarea.form-control-lg {
border-left: 0 !important; } border-left: 0 !important; }


.border-primary { .border-primary {
border-color: #71d8ee !important; } border-color: #2566f4 !important; }


.border-secondary { .border-secondary {
border-color: #6c757d !important; } border-color: #6c757d !important; }
@ -4937,6 +4939,9 @@ textarea.form-control-lg {
.d-print-none { .d-print-none {
display: none !important; } } display: none !important; } }


#main {
padding-top: 140px;
}
.main { .main {
padding: 3.75rem 0; padding: 3.75rem 0;
padding-top: 100px; } padding-top: 100px; }

@ -1,3 +1,11 @@
// Links disabled

.disabled {
color: black;
display: inline-block;
pointer-events: none;
text-decoration: none;
}


// Board of Directors // Board of Directors


@ -5,6 +13,9 @@
article { article {
h3 { h3 {
text-transform: uppercase; text-transform: uppercase;
a {
color: black;
}
} }
} }
} }
@ -20,17 +31,17 @@
// Members // Members


.members { .members {

.membership-level { .membership-level {
border-top: 1px solid#1b1c1f; border-top: 1px solid#1b1c1f;
.box { .box {
min-height: 110px; min-height: 110px;
text-align: center;
display: flex;
a { a {
text-decoration: none; text-decoration: none;
color:black; color:black;
align-self: center;
} }

img { img {
max-width: 210px; max-width: 210px;
} }
@ -46,3 +57,121 @@
} }
} }


// Join

.join {

.membership-data {

table {
margin:auto;
width:100%;

tr {

td {
padding: 10px;
}


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

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

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

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

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

}

.benefits-data {

table {
margin:auto;
width:100%;

tr {

td {
padding:10px;
position: relative;

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

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

&:nth-child(even) {
background-color: $lightgrey;
}
th {
padding:10px;
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) {
width: 8%;
}
}
}

}
}


}



@ -8,3 +8,8 @@ $md: 768px;
$lg: 992px; $lg: 992px;
$xl: 1200px; $xl: 1200px;
$xxl: 1300px; $xxl: 1300px;

// Colours

$lightgrey: #f9f9f9;
$white: #ffffff;

@ -6,10 +6,10 @@
<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"> <article class="post__article row mb-4 mb-lg-0 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.RegularPages "Section" "persons" }} {{ range where .Site.Pages "Section" "persons" }}
{{ $person := .File.BaseFileName }} {{ $person := .File.BaseFileName }}
{{ if eq $personfile $person }} {{ if eq $personfile $person }}
{{ if .Param "image" }} {{ if .Param "image" }}
@ -24,14 +24,32 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
</div> </div>
<div class="col-md-10 pl-4"> <div class="col-md-10 pl-4 mb-4 mb-lg-6 person">
<h2>{{ .Title }}, {{ .Param "position" }}</h2> <h2>{{ .Title }}, {{ .Param "position" }}</h2>
{{ $personfile := .File.BaseFileName }} {{ $personfile := .File.BaseFileName }}
{{ $persontitle := .Title }}
{{ range where .Site.RegularPages "Section" "persons" }} {{ range where .Site.RegularPages "Section" "persons" }}
{{ $person := .File.BaseFileName }} {{ $person := .File.BaseFileName }}
{{ $company_member := .Param "member" }}
{{ $company_member := upper $company_member }}
{{ if eq $personfile $person }} {{ if eq $personfile $person }}
<h3>
{{ if eq $persontitle "Hugh Blemings" }}
<a class="disabled" href="{{ .Param "link" }}">Individual</a>
{{ else if eq $persontitle "James Kulina"}}
<a href="https://openpowerfoundation.org" target="_blank">OpenPOWER Foundation</a>
{{ else }}

{{ range where .Site.Pages "Section" "members" }}
{{ $company_title := upper .Title }}

{{if eq $company_member $company_title}}
<a href="{{ .Param "link" }}" target="_blank">{{ $company_member }}</a>
{{ end }}
{{ end }}
{{ end }}
<h3>{{ .Param "member" }}</h3> </h3>
<p>{{ .Content }}</p> <p>{{ .Content }}</p>
</div> </div>
</article> </article>

@ -10,7 +10,9 @@
<h2 class="mt-0 pt-0">{{ .Param "intro.subtitle" }}</h2> <h2 class="mt-0 pt-0">{{ .Param "intro.subtitle" }}</h2>
<p>{{ .Param "intro.p-2" }}</p> <p>{{ .Param "intro.p-2" }}</p>
<p><b>{{ .Param "intro.p-3" }}</b></p> <p><b>{{ .Param "intro.p-3" }}</b></p>
<p class="pb-0 mb-0"><a class="btn-outline-primary btn" href="{{ .Param "join.cta.url" }}">{{ .Param "join.cta.title" }}</a></p> <p class="pb-0 mb-0">
<a class="btn-outline-primary btn" href="{{ .Param "join.cta.url" }}">{{ .Param "join.cta.title" }}</a>
</p>
</div> </div>
</section> </section>


@ -41,34 +43,21 @@
<li>{{ .feature }}</li> <li>{{ .feature }}</li>
{{ end }} {{ end }}
</ul> </ul>
<figure class="figure d-flex justify-content-center mt-5"> <div class="membership-data mt-5">
{{ if .Param "membership-levels.image-table" }} {{ .Content }}
{{ $imagename := .Param "membership-levels.image-table.image" }} </div>
{{ $imagelocation := (printf "%s/%s" "images/join/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource }}
<img class="img-fluid" src="{{ $image.RelPermalink }}" alt="{{ .Param "membership-levels.image-table.alt" }}" title="{{ .Param "membership-levels.image-table.alt" }}">
{{ else }}
{{ .Title }}
{{ end }}
</figure>
</section> </section>


<section id="membership-benefits"> <section id="membership-benefits">
<div class="teaser__info"> <div class="teaser__info">
<h2 class="text-center mb-5 pb-2">{{ .Param "membership-benefits.title" }}</h2> <h2 class="text-center mb-5 pb-2">{{ .Param "membership-benefits.title" }}</h2>

<div class="benefits-data">
<figure class="figure d-flex justify-content-center"> {{ range where .Site.Pages "Section" "join" }}
{{ if .Param "membership-benefits.image-table" }} {{if eq .Title "Membership Benefits"}}
{{ $imagename := .Param "membership-benefits.image-table.image" }} {{ .Content }}
{{ $imagelocation := (printf "%s/%s" "images/join/" $imagename) }} {{ end}}
{{ $imageresource := resources.Get $imagelocation }} {{ end}}
{{ $image := $imageresource }} </div>
<img class="img-fluid" src="{{ $image.RelPermalink }}" alt="{{ .Param "membership-benefits.image-table.alt" }}" title="{{ .Param "membership-benefits.image-table.alt" }}">
{{ else }}
{{ .Title }}
{{ end }}
</figure>
</div> </div>
</section> </section>



@ -26,23 +26,19 @@
{{ 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-5">
<div class="box"> <div class="box">
<a href="{{ .Permalink }}"> <a target="_blank" href="{{ .Param "link" }}">
{{ 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 $imagesize }} {{ $image := $imageresource.Fit $imagesize }}
<img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}"> <img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
</a>
{{ else }} {{ else }}
{{ .Title }} <h3><a target="_blank" class="text-black" href="{{ .Param " link" }}">{{ .Param "title" }}</a></h3>
{{ end }} {{ end }}
</a>
</div> </div>
<a class="text-black" href="{{ .Permalink }}">
<h3>{{ .Param "title" }}</h3>
</a>
</div> </div>
{{ end }} {{ end }}
{{ end }} {{ end }}



@ -3,10 +3,10 @@
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
<div class="social__list pb-4 pb-lg-0"> <div class="social__list pb-4 pb-lg-0">
<a class="social__item _tw" href="/"><span <a target="_blank" class="social__item _tw" href="https://twitter.com/OpenPOWERorg"><span
class="visually-hidden">Twitter</span></a><a class="social__item _fb" href="/"><span class="visually-hidden">Twitter</span></a><a target="_blank" class="social__item _fb" href="https://www.facebook.com/openpower"><span
class="visually-hidden">Facebook</span></a><a class="social__item _in" href="/"><span class="visually-hidden">Facebook</span></a><a target="_blank" class="social__item _in" href="https://www.linkedin.com/company/openpower-foundation/?viewAsMember=true"><span
class="visually-hidden">LinkedIn</span></a><a class="social__item _yt" href="/"><span class="visually-hidden">LinkedIn</span></a><a target="_blank" class="social__item _yt" href="https://www.youtube.com/channel/UCNVcHm09eXVbvUzZkQs0_Sg"><span
class="visually-hidden">Youtube</span></a> class="visually-hidden">Youtube</span></a>
</div> </div>
</div> </div>

@ -33,11 +33,12 @@
{{ $promo := resources.Get "css/promo.scss" | resources.Minify }} {{ $promo := resources.Get "css/promo.scss" | resources.Minify }}
{{ $home := resources.Get "css/home.scss" | resources.Minify }} {{ $home := resources.Get "css/home.scss" | resources.Minify }}
{{ $groups := resources.Get "css/groups.scss" | resources.Minify }} {{ $groups := resources.Get "css/groups.scss" | resources.Minify }}
{{ $bod := resources.Get "css/bod.scss" | resources.Minify }}
{{ $timeline := resources.Get "css/timeline.scss" | resources.Minify }} {{ $timeline := resources.Get "css/timeline.scss" | resources.Minify }}
{{ $pages := resources.Get "css/pages.scss" | resources.Minify }} {{ $pages := resources.Get "css/pages.scss" | resources.Minify }}
{{ $footer := resources.Get "css/footer.scss" | resources.Minify }} {{ $footer := resources.Get "css/footer.scss" | resources.Minify }}
{{ $changelog := resources.Get "css/changelog.scss" | resources.Minify }} {{ $changelog := resources.Get "css/changelog.scss" | resources.Minify }}
{{ $scss := slice $variables $header $promo $home $groups $timeline $pages $footer $changelog | resources.Concat "css/custom.scss" }} {{ $scss := slice $variables $header $promo $home $groups $bod $timeline $pages $footer $changelog | resources.Concat "css/custom.scss" }}
{{ $css := $scss | toCSS (dict "targetPath" "css/custom.min.css" "outputStyle" "compressed" "enableSourceMap" true) }} {{ $css := $scss | toCSS (dict "targetPath" "css/custom.min.css" "outputStyle" "compressed" "enableSourceMap" true) }}
<link rel="stylesheet" href="{{ $css.RelPermalink }}"> <link rel="stylesheet" href="{{ $css.RelPermalink }}">
<link href="{{ "css/font-awesome.min.css" | relURL }}" rel="stylesheet" defer> <link href="{{ "css/font-awesome.min.css" | relURL }}" rel="stylesheet" defer>

@ -59,12 +59,11 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
<li class="header__menu-item"><a href="/contact/"><i class="envelope icon"></i>&nbsp;Contact</a></li> <li class="header__menu-item"><a href="/contact/"><i class="envelope icon"></i>&nbsp;Contact</a></li>
<li class="header__menu-item"><a href="https://portal.openpower.foundation/"><i class="sign-in icon"></i>&nbsp;Member Login</a></li>
<div class="mobile-view-social-join pt-3"> <div class="mobile-view-social-join pt-3">
<div class="social__list mobile-view pt-1 pb-2"><a class="social__item _tw" href="/"><span <div class="social__list mobile-view pt-1 pb-2"><a target="_blank" class="social__item _tw" href="https://twitter.com/OpenPOWERorg"><span
class="visually-hidden">Twitter</span></a><a class="social__item _fb" href="/"><span class="visually-hidden">Twitter</span></a><a target="_blank" class="social__item _fb" href="https://www.facebook.com/openpower"><span
class="visually-hidden">Facebook</span></a><a class="social__item _in" href="/"><span class="visually-hidden">Facebook</span></a><a target="_blank" class="social__item _in" href="https://www.youtube.com/channel/UCNVcHm09eXVbvUzZkQs0_Sg"><span
class="visually-hidden">LinkedIn</span></a><a class="social__item _yt" href="/"><span class="visually-hidden">LinkedIn</span></a><a target="_blank" class="social__item _yt" href="https://www.linkedin.com/company/openpower-foundation/?viewAsMember=true"><span
class="visually-hidden">Youtube</span></a> class="visually-hidden">Youtube</span></a>
</div> </div>
<div class="header__contact-btn join-us-button mobile-view py-4"> <div class="header__contact-btn join-us-button mobile-view py-4">
@ -77,14 +76,18 @@
</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">
<div class="social__list desktop-view"><a class="social__item _tw" href="/"><span <div class="social__list desktop-view"><a target="_blank" class="social__item _tw" href="https://twitter.com/OpenPOWERorg"><span
class="visually-hidden">Twitter</span></a><a class="social__item _fb" href="/"><span class="visually-hidden">Twitter</span></a><a target="_blank" class="social__item _fb" href="https://www.facebook.com/openpower"><span
class="visually-hidden">Facebook</span></a><a class="social__item _in" href="/"><span class="visually-hidden">Facebook</span></a><a target="_blank" class="social__item _in" href="https://www.linkedin.com/company/openpower-foundation/?viewAsMember=true"><span
class="visually-hidden">LinkedIn</span></a><a class="social__item _yt" href="/"><span class="visually-hidden">LinkedIn</span></a><a target="_blank" class="social__item _yt" href="https://www.youtube.com/channel/UCNVcHm09eXVbvUzZkQs0_Sg"><span
class="visually-hidden">Youtube</span></a> class="visually-hidden">Youtube</span></a>
</div> </div>
<div class="header__contact-btn join-us-button desktop-view"> <div class="header__contact-btn join-us-button desktop-view">
<a class="d-block btn-outline-primary btn-sm btn" href="/join">Join</a></div> <a class="d-block btn-outline-primary btn-sm btn" href="/join">Join</a>
</div>
<div class="header__login-btn login-button desktop-view">
<a class="d-block btn-outline-primary btn-sm btn" href="https://portal.openpower.foundation/">Login</a>
</div>
</div> </div>
</div> </div>
</div> </div>

@ -7,7 +7,7 @@
<section id="boardofdirectors"> <section id="boardofdirectors">
<div class="container-fluid"> <div class="container-fluid">
<div class="section-header"> <div class="section-header">
<h3 class="section-title">{{ .Title }}</h3> <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>
@ -17,7 +17,7 @@
<div id="person-header"> <div id="person-header">
<div class="row"> <div class="row">
<div class="col-lg-8"> <div class="col-lg-8">
<h1>{{ .Title }}</h1> <h2>{{ .Title }}</h2>
({{ .Param "position" }}) ({{ .Param "position" }})
</div> </div>
{{ $personfile := .File.BaseFileName }} {{ $personfile := .File.BaseFileName }}
@ -74,7 +74,7 @@
<div class="col-lg-4" id="person"> <div class="col-lg-4" id="person">
<div id="person-header"> <div id="person-header">
<div class="row"> <div class="row">
<div class="col-lg-8"><h1>{{ .Title }}</h1> ({{ $wgname }})</div> <div class="col-lg-8"><h2>{{ .Title }}</h2> ({{ $wgname }})</div>
<div class="col-lg-4" 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" }}

Loading…
Cancel
Save