Browse Source

Template updates discussed on call/email

archetype-theme-transition
Ryan Holder 10 months ago
parent
commit
551a9e0653
  1. 14
      config/_default/menus.toml
  2. 2
      content/groups/_index.md
  3. 4
      content/members/_index.md
  4. 6
      data/hub/additions.yaml
  5. 3
      themes/openpowerfoundation/assets/css/bod.scss
  6. 53
      themes/openpowerfoundation/assets/css/groups.scss
  7. 120
      themes/openpowerfoundation/assets/css/header.scss
  8. 31
      themes/openpowerfoundation/assets/css/home.scss
  9. 4
      themes/openpowerfoundation/assets/css/main.css
  10. 221
      themes/openpowerfoundation/assets/css/pages.scss
  11. 3
      themes/openpowerfoundation/assets/css/promo.scss
  12. 2
      themes/openpowerfoundation/layouts/boardofdirectors/list.html
  13. 8
      themes/openpowerfoundation/layouts/groups/list.html
  14. 225
      themes/openpowerfoundation/layouts/groups/single.html
  15. 25
      themes/openpowerfoundation/layouts/hub/list.html
  16. 6
      themes/openpowerfoundation/layouts/hub/single.html
  17. 2
      themes/openpowerfoundation/layouts/index.html
  18. 8
      themes/openpowerfoundation/layouts/members/list.html
  19. 2
      themes/openpowerfoundation/layouts/partials/home-promo.html
  20. 15
      themes/openpowerfoundation/layouts/partials/hubform.html
  21. 12
      themes/openpowerfoundation/layouts/partials/navbar.html
  22. 123
      themes/openpowerfoundation/layouts/steeringcommittee/list.html

14
config/_default/menus.toml

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

2
content/groups/_index.md

@ -3,7 +3,7 @@ title: 'Workgroup Overview' @@ -3,7 +3,7 @@ title: 'Workgroup Overview'
date: 2021-03-06
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-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.
---

4
content/members/_index.md

@ -1,7 +1,5 @@ @@ -1,7 +1,5 @@
---
title: "OpenPOWER Members"
title: 'Members'
date: 2021-03-03
draft: false
---



6
data/hub/additions.yaml

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

3
themes/openpowerfoundation/assets/css/bod.scss

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

53
themes/openpowerfoundation/assets/css/groups.scss

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

.post__thumb {
width: 40px;
height: 40px;
position: absolute;
left: 35px;
top: 33px;
}
.post__title {
display: block;
margin-top: 1em;
padding-left: 70px;
padding-right: 30px;
white-space: normal;
font-size: 18px;
min-height: 75px;
text-align: left;
line-height: 1.2;
}
}
}

@ -25,4 +42,38 @@ main { @@ -25,4 +42,38 @@ main {
font-size: 2rem;
}
}
}

#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;
}
}
}
}
}
}
}
}

120
themes/openpowerfoundation/assets/css/header.scss

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

// Desktop navigation responsive

.header__menu-item {
@media screen and (min-width: $lg) {
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;
.header__menu-item {
@media screen and (min-width: $lg) {
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: 0.5em;
}
li {
padding:10px 0;
border: none;
@media screen and (min-width: $lg) {
font-size: 100%;
}

&:before, &:after {
display: none;
}
padding-left:15px;
}
}
}
}
}
a {
border: none;
text-align:left;
&:before, &:after {
display: none;
}
padding-left:15px;
}
}
}
}
}

.header__logo {
img {
@media screen and (max-width: $lg) {
max-width:200px;
height: auto;
}
@media screen and (min-width:$lg) and (max-width: $xl) {
max-width:120px;
height: auto;
}
.header__logo {
img {
@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;
height: auto;
}

}
}
}

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

// Mobile navigation: mobile and desktop visibility
@ -248,10 +240,10 @@ body { @@ -248,10 +240,10 @@ body {
.mobile-view-social-join {
@media screen and (min-width: $lg) {
display: none;
}
}
}
}

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

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

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

.join-us-button,

31
themes/openpowerfoundation/assets/css/home.scss

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

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

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

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

4
themes/openpowerfoundation/assets/css/main.css

@ -1848,7 +1848,7 @@ textarea.form-control-lg { @@ -1848,7 +1848,7 @@ textarea.form-control-lg {
background-color: transparent;
border: 2px solid transparent;
padding: 0.75rem 2.5rem;
font-size: 1.25rem;
font-size: 1rem;
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; }
@media (prefers-reduced-motion: reduce) {
@ -4939,7 +4939,7 @@ textarea.form-control-lg { @@ -4939,7 +4939,7 @@ textarea.form-control-lg {
.d-print-none {
display: none !important; } }

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

221
themes/openpowerfoundation/assets/css/pages.scss

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

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

// Join

.join {

.membership-data {
.membership-data {

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

tr {
tr {

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


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

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

&:nth-of-type(1) {
width: 20%;
}
&:nth-of-type(2) {
width: 15%;
}
th {
padding: 10px;
background-color: #dfecf5;

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

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

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

.benefits-data {
.benefits-data {

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

tr {
tr {

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

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

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

&:nth-child(even) {
background-color: $lightgrey;
}
&: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%;
}
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(5) {
width: 8%;
}
&:nth-of-type(6) {
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;
}
}
}




3
themes/openpowerfoundation/assets/css/promo.scss

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

2
themes/openpowerfoundation/layouts/boardofdirectors/list.html

@ -6,7 +6,7 @@ @@ -6,7 +6,7 @@
<div class="row">
<h1 class="section-header my-3 my-md-5 pb-2 pb-md-3 text-center">{{ .Title }}</h1>
{{ 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">
{{ $personfile := .File.BaseFileName }}
{{ range where .Site.Pages "Section" "persons" }}

8
themes/openpowerfoundation/layouts/groups/list.html

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

{{ end }}

225
themes/openpowerfoundation/layouts/groups/single.html

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

<section id="workgroupsingle">
<div id="workgroupsingle" class="container-fluid">
<div class="section-header">
<div class="row">
<div class="col-lg-12 text-center">
<h3 class="section-title">{{ .Title }}</h3>
<span class="section-divider"></span>
<div id="workgroupsingle" class="container-fluid">
<div class="section-header">
<div class="row">
<div class="col-lg-12 text-center mb-lg-4">
<h1 class="section-title">{{ .Title }}</h1>
<span class="section-divider"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-2">&nbsp;</div>
<div class="col-lg-4">
<ul>
<li>Workgroup Details :
<div class="row">
<div class="col-lg-5 offset-lg-2 pr-4">
{{ if .Content }}
{{ .Content }}
{{ else }}
&nbsp;
{{ end }}
</div>
<div class="col-lg-3 details">
<ul>
{{ if .Param "chair" }}
<li>Chair :<ul>
{{ range (.Param "chair") }}
{{ $chairfile := printf "%s/%s" "persons" . }}
{{ with $.Site.GetPage $chairfile }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a>
{{ if .Param "member" }}
{{ $memberfile := printf "%s/%s" "members" (.Param "member") }}
{{ with $.Site.GetPage $memberfile }}
(<a href="{{ .Permalink }}">{{ .Title }}</a>)
<li>Workgroup Details :
<ul>
{{ if .Param "chair" }}
<li>Chair :<ul>
{{ range (.Param "chair") }}
{{ $chairfile := printf "%s/%s" "persons" . }}
{{ with $.Site.GetPage $chairfile }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a>
{{ if .Param "member" }}
{{ $memberfile := printf "%s/%s" "members" (.Param "member") }}
{{ with $.Site.GetPage $memberfile }}
(<a href="{{ .Permalink }}">{{ .Title }}</a>)
{{ end }}
{{ end }}
{{ end }}
</li>
{{ end }}
{{ end }}
</li>
</ul></li>
{{ end }}
</ul></li>
{{ end }}
{{ if .Param "wgtype" }}
{{ $data := index $.Site.Data }}
{{ $wgtype := .Param "wgtype" }}
{{ range $data.workgroups }}
{{ if eq $wgtype .id }}
<li>Type : {{ .name }}</li>
{{ if .Param "wgtype" }}
{{ $data := index $.Site.Data }}
{{ $wgtype := .Param "wgtype" }}
{{ range $data.workgroups }}
{{ if eq $wgtype .id }}
<li>Type : {{ .name }}</li>
{{ end }}
{{ end }}
{{ end }}
{{ end }}
{{ 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 }}
{{ if .Param "participation" }}
<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>
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>
<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 }}
</ul>
</li>
{{ end }}
</ul>
</div>
<div class="col-lg-4">
{{ if .Content }}
{{ .Content }}
{{ else }}
&nbsp;
{{ end }}
</div>
<div class="col-lg-2">&nbsp;</div>
</div>
<div class="col-lg-2">&nbsp;</div>
</div>
</div>
</div>
</section>

</main>

25
themes/openpowerfoundation/layouts/hub/list.html

@ -6,19 +6,26 @@ @@ -6,19 +6,26 @@

<section id="hubproviders">
<div id="hubproviders">
<div class="container-fluid">
<div class="section-header">
<h3 class="section-title">{{ .Title }}</h3>
<div class="container">
<div class="section-header mb-4">
<h1 class="section-title text-center mb-4">{{ .Title }}</h1>
<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 id="hubproviders" class="row">
{{ range .Data.Pages }}
<div id="hubprovider" class="col-lg-3 ">
<a href="{{ .Permalink }}">{{ .Title }}</a>
<div class="container">
<div id="hubproviders" class="row">
<div class="col-2"></div>
{{ range .Data.Pages }}
<div id="hubprovider" class="col-lg-2 text-center">
<a class="btn btn-outline-primary" href="{{ .Permalink }}">{{ .Title }}</a>
</div>
{{ end }}
{{ end }}
</div>
</div>
</div>


6
themes/openpowerfoundation/layouts/hub/single.html

@ -8,11 +8,11 @@ @@ -8,11 +8,11 @@
<div id="hubprovider">
<div class="container-fluid">
<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>
</div>
<div class="row">
<div class="col-lg-6">
<div class="col-lg-4 offset-lg-2">
{{ if .Param "member" }}
Provider :
{{ $member := .Param "member" }}
@ -37,7 +37,7 @@ @@ -37,7 +37,7 @@
{{ end }}
{{ end }}
</div>
<div class="col-lg-6">
<div class="col-lg-4">
{{ if .Param "provides" }}
Provides following OPF HUB resources :
<ul>

2
themes/openpowerfoundation/layouts/index.html

@ -72,7 +72,7 @@ @@ -72,7 +72,7 @@
<section class="teaser__section _dark">
<div class="container text-center">
<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>
</section>
<section class="teaser__section py-4 py-lg-5 my-lg-5">

8
themes/openpowerfoundation/layouts/members/list.html

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

2
themes/openpowerfoundation/layouts/partials/home-promo.html

@ -3,6 +3,6 @@ @@ -3,6 +3,6 @@
<div class="promo__container container text-center">
<h1>{{ .Param "promo-h1" }}</h1>
<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>
</section>

15
themes/openpowerfoundation/layouts/partials/hubform.html

@ -5,10 +5,10 @@ @@ -5,10 +5,10 @@
<section id="hub">
<div class="container">
<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 id="sendmessage">Your request has been sent. Thank you!</div>
<div id="errormessage">Error</div>
<div id="sendmessage" style="display:none">Your request has been sent. Thank you!</div>
<div id="errormessage" style="display:none">Error</div>
<form role="form" name="hubRequestForm" class="hubRequestForm" id="hubRequestForm" action="" method="post">
<div class="form-row">
<div class="form-group col-lg-6">
@ -40,15 +40,18 @@ @@ -40,15 +40,18 @@
<div class="validation"></div>
</div>
</div>
<div>
<h3>What OpenPOWER resources do you require?</h3>
</div>
<div class="form-row">
<div class="form-group col-lg-6">
{{ 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 }}
</div>
<div class="form-group col-lg-6">
{{ 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 }}
</div>
</div>
@ -57,7 +60,7 @@ @@ -57,7 +60,7 @@
<div class="validation"></div>
</div>
<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>
</form>
</div>

12
themes/openpowerfoundation/layouts/partials/navbar.html

@ -16,11 +16,11 @@ @@ -16,11 +16,11 @@
{{ range $.Site.Pages }}
{{ $group := .Param "wgtype" }}
{{ if eq $group "twg" }}
<li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
{{ if eq $group "sig" }}
<li class="header__menu-item"> <a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
<li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
{{ if eq $group "sig" }}
<li class="header__menu-item"> <a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
{{ end }}
</ul>
{{ else }}
@ -69,10 +69,8 @@ @@ -69,10 +69,8 @@
<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>
</div>
</div>
</ul>
</nav>
</div>
<div class="header__contact-col col d-flex flex-nowrap justify-content-center align-items-center">

123
themes/openpowerfoundation/layouts/steeringcommittee/list.html

@ -4,49 +4,53 @@ @@ -4,49 +4,53 @@

<main id="main">

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

Loading…
Cancel
Save