Template updates discussed on call/email

config/_default/menus.toml

@@ -1,7 +1,6 @@
 [[navbar]]
 	name = "About"
 	identifier = "about"
-	url = "/about/"
 	weight = -2000
 [[navbar]]
 	parent = "about"
@@ -62,7 +61,6 @@
 [[navbar]]
 	name = "Technical"
 	identifier = "resources"
-	url = "/resources/"
 	weight = -1500
 [[navbar]]
 	parent = "resources"
@@ -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

content/groups/_index.md

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

content/members/_index.md

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

data/hub/additions.yaml

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

themes/openpowerfoundation/assets/css/bod.scss

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

themes/openpowerfoundation/assets/css/groups.scss

@@ -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 {
       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;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 }

themes/openpowerfoundation/assets/css/header.scss

@@ -178,69 +178,61 @@ body {
 
 // 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;
 
+  &.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 {
+        a {
-                        display: none;
+          border: none;
-                      }
+          text-align:left;
-                      padding-left:15px;
+          &:before, &:after {
-                    }
+            display: none;
-                   }
+          }
-              }
+            padding-left:15px;
-       }
+          }
-     }
+        }
+      }
+    }
+  }
 
-     .header__logo {
+  .header__logo {
-      img {
+    img {
-        @media screen and (max-width: $lg) {
+      @media screen and (max-width: $lg) {
-            max-width:200px;
+        max-width:200px;
-            height: auto;
+        height: auto;
-         }
+      }
-  
-         @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) {
+      @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 {
 .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 {
         }
     }
 
-        &.mobile-view {
+  &.mobile-view {
-          display: flex;
+    display: flex;
-          align-items: center;
+    align-items: center;
-          justify-content: center;
+    justify-content: center;
-        }
+  }
  }
 
 .join-us-button,

themes/openpowerfoundation/assets/css/home.scss

@@ -1,29 +1,28 @@
+.home.promo__section {
+  min-height: 820px;
+}
 main { 
     &.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 {
   position: relative; 
-    &:not(:last-child) {
+  &:not(:last-child) {
-      margin-bottom: 3.75rem; 
+    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 {
       @media screen and (min-width: $lg) and (max-width: $xl) {
         padding: 4.4rem 0; 
       }
-
-      a {
-        color: black;
-      }
     }
     &._navy {
       background-color: #acc8fa; 

themes/openpowerfoundation/assets/css/main.css

@@ -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 {
   .d-print-none {
     display: none !important; } }
 
-#main {
+#main:not(.groups) {
   padding-top: 140px;
 }
 .main {

themes/openpowerfoundation/assets/css/pages.scss

@@ -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;
 // Events
 
 .events {
-    .post__article:not(:last-child) {
+  .post__article:not(:last-child) {
-        margin-bottom: 1.75rem;
+      margin-bottom: 1.75rem;
-    }
+  }
 }
 
 // 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 {
-            padding: 10px;  
-            background-color: #dfecf5; 
 
-          &:nth-of-type(1) {
+      th {
-              width: 20%;
+        padding: 10px;  
-          }
+        background-color: #dfecf5; 
-          &:nth-of-type(2) {
-            width: 15%;
-          }
 
-          &:nth-of-type(3) {
+        &:nth-of-type(1) {
-            width: 25%;
+          width: 20%;
-          }
+        }
+        &:nth-of-type(2) {
+          width: 15%;
+        }
 
-          &: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 {
-         padding:10px;  
+          padding:10px;  
-         background-color: #dfecf5; 
+          background-color: #dfecf5; 
-
+
-       &:nth-of-type(1) {
+          &:nth-of-type(1) {
-           width: 60%;
+              width: 60%;
-       }
+          }
-       &:nth-of-type(2) {
+          &:nth-of-type(2) {
-         width: 8%;
+            width: 8%;
-       }
+          }
-
+
-       &:nth-of-type(3) {
+          &:nth-of-type(3) {
-         width: 8%;
+            width: 8%;
-       }
+          }
-
+
-       &:nth-of-type(4) {
+          &:nth-of-type(4) {
-         width: 8%;
+            width: 8%;
-       }
+          }
        
-       &:nth-of-type(5) {
+          &:nth-of-type(5) {
-        width: 8%;
+            width: 8%;
-      }
+          }
       
-      &: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;
+    }
+  }
 }
 
 
+

themes/openpowerfoundation/assets/css/promo.scss

@@ -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 @@
   }
   &__container {
     position: relative; 
+    margin-bottom: 70px;
     @media screen and (max-width: $lg) {
       padding-top:17.5vw;
     }

themes/openpowerfoundation/layouts/boardofdirectors/list.html

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

themes/openpowerfoundation/layouts/groups/list.html

@@ -12,12 +12,14 @@
 			{{ $imagelocation := (printf "%s/%s" "images/" $imagename) }}
 			{{ $imageresource := resources.Get $imagelocation }}
 			<article class="post__article col-md-4">
-				{{ if $imageresource }}
+					{{ if $imageresource }}
-				<div class="post__thumb">
+					<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 }}

themes/openpowerfoundation/layouts/groups/single.html

@@ -5,134 +5,133 @@
 <main id="main">
 
 <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 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>
-					{{ 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 }}
+								</li>
 							{{ end }}
-							{{ end }}
+							</ul></li>
-							</li>
 						{{ 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 }}
+						{{ 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>
-							<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>
 						{{ 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>
+				</div>
-				{{ end }}
+				<div class="col-lg-2">&nbsp;</div>
-				</ul>
-			</div>
-			<div class="col-lg-4">
-			{{ if .Content }}
-				{{ .Content }}
-			{{ else }}
-				&nbsp;
-			{{ end }}
 			</div>
-			<div class="col-lg-2">&nbsp;</div>
 		</div>
 	</div>
-</div>
 </section>
 
 </main>

themes/openpowerfoundation/layouts/hub/list.html

@@ -6,19 +6,26 @@
 
 <section 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-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">
+	<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>
-		{{ end }}
+			{{ end }}
+		</div>
 	</div>
 </div>
 

themes/openpowerfoundation/layouts/hub/single.html

@@ -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 @@
 					{{ end }}
 				{{ end }}
 			</div>
-			<div class="col-lg-6">
+			<div class="col-lg-4">
 				{{ if .Param "provides" }}
 					Provides following OPF HUB resources :
 					<ul>

themes/openpowerfoundation/layouts/index.html

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

themes/openpowerfoundation/layouts/members/list.html

@@ -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">
+			<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 }}
 			{{ $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" }}

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

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

themes/openpowerfoundation/layouts/partials/hubform.html

@@ -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="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">
 					<div class="form-row">
 						<div class="form-group col-lg-6">
@@ -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 @@
 						<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>

themes/openpowerfoundation/layouts/partials/navbar.html

@@ -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>
+									<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 }}
 							</ul>
 							{{ else }}
@@ -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">

themes/openpowerfoundation/layouts/steeringcommittee/list.html

@@ -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 }}
+					{{ $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 }}
+								</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 @@
 			{{ end }}
 		{{ end }}
 		</div>
+		</article>
 	{{ end }}
 	</div>
 	<div class="row">
@@ -71,46 +76,50 @@
 		{{ range $chairs }}
 			{{ $chairfile := printf "%s/%s" "persons" . }}
 			{{ 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 }}
 								{{ if eq $member $membercompany }}
-									<a href="{{ .Permalink }}">
+								<a href="{{ .Permalink }}">
 									{{ 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 }}
-										{{ .Title }}
+									{{ .Title }}
 									{{ end }}
-									</a>
+								</a>
 								{{ end }}
-							{{ end }}
+								{{ end }}
+							</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 class="col-lg-8">{{ .Content }}</div>
 				</div>
-			</div>
+			</article>
 			{{ end }}
 		{{ end }}
 	{{ end }}