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;
+    }
   }
 }
 
@@ -26,3 +43,37 @@ main {
     }
   }
 }
+
+#workgroupsingle {
+  .details {
+    ul {
+      list-style-type: none;
+      padding-left: 0;
+    }
+    > ul {
+      list-style-type: none;
+      padding-left: 0;
+      > li {
+        margin-bottom: 6px;
+        background-color: #f7f7f7;
+        padding: 10px 6px;
+        > ul {
+          background-color: white;
+          padding: 10px 6px;
+          > li {
+            padding: 5px;
+            > ul {;
+              display: flex;
+              flex-wrap: wrap;
+              border-left: 2px solid #f7f7f7;
+              > li {
+                flex: 1 0 50%;
+                padding: 5px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

themes/openpowerfoundation/assets/css/header.scss

@@ -178,7 +178,7 @@ body {
 
 // Desktop navigation responsive 
 
-     .header__menu-item {
+.header__menu-item {
   @media screen and (min-width: $lg) {
     font-size: 83%;
   }  
@@ -193,15 +193,11 @@ body {
       border-right: 1px solid #e8e8e8;
       border-left: 1px solid #e8e8e8;;
       @media screen and (min-width: $lg) {
-                        margin-top:1em;
+        margin-top: 0.5em;
       }  
-                 //  -webkit-box-shadow: 5px 5px 5px -1px rgba(0, 0, 0, 0.4); 
-             //       box-shadow: 5px 5px 5px -1px rgba(0, 0, 0, 0.4); 
-
       li {
         padding:10px 0;
         border: none;
-
         @media screen and (min-width: $lg) {
           font-size: 100%;
         }
@@ -209,8 +205,6 @@ body {
         a {
           border: none;
           text-align:left;
-
-
           &:before, &:after {
             display: none;
           }
@@ -237,10 +231,8 @@ body {
         max-width:120px;
         height: auto;
       }
-
     }
   }
-
 }
 
 // Mobile navigation: mobile and desktop visibility
@@ -249,9 +241,9 @@ body {
   @media screen and (min-width: $lg) {
     display: none;
   }
- }
+}
 
- .social__list {
+.social__list {
   align-items: center;
   justify-content: center;
 

themes/openpowerfoundation/assets/css/home.scss

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

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

@@ -16,8 +16,10 @@
 					<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,17 +5,23 @@
 <main id="main">
 
 <section id="workgroupsingle">
-<div id="workgroupsingle" class="container-fluid">
+	<div id="workgroupsingle" class="container-fluid">
 		<div class="section-header">
 			<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>
 				</div>
 			</div>
 			<div class="row">
-			<div class="col-lg-2">&nbsp;</div>
+				<div class="col-lg-5 offset-lg-2 pr-4">
-			<div class="col-lg-4">
+					{{ if .Content }}
+					{{ .Content }}
+					{{ else }}
+					&nbsp;
+					{{ end }}
+				</div>
+				<div class="col-lg-3 details">
 					<ul>
 						<li>Workgroup Details :
 						<ul>
@@ -122,17 +128,10 @@
 					{{ end }}
 					</ul>
 				</div>
-			<div class="col-lg-4">
-			{{ if .Content }}
-				{{ .Content }}
-			{{ else }}
-				&nbsp;
-			{{ end }}
-			</div>
 				<div class="col-lg-2">&nbsp;</div>
 			</div>
 		</div>
-</div>
+	</div>
 </section>
 
 </main>

themes/openpowerfoundation/layouts/hub/list.html

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

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

@@ -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,27 +4,31 @@
 
 <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-header">
+		<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">
 					{{ $personfile := .File.BaseFileName }}
 					{{ range where .Site.RegularPages "Section" "persons" }}
 					{{ $person := .File.BaseFileName }}
 					{{ if eq $personfile $person }}
-						<div class="col-lg-4" id="member">
+					<div class="col-lg-2" id="member">
 						{{ $member := .Param "member" }}
 						{{ range where .Site.RegularPages "Section" "members" }}
 							{{ $membercompany := .File.BaseFileName }}
@@ -46,7 +50,7 @@
 				</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,11 +76,11 @@
 		{{ 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">
 					<div id="person-header">
 						<div class="row">
-						<div class="col-lg-8"><h2>{{ .Title }}</h2> ({{ $wgname }})</div>
+							<div class="col-12" id="member">
-						<div class="col-lg-4" id="member">
 								{{ $member := .Param "member" }}
 								{{ range where .Site.RegularPages "Section" "members" }}
 								{{ $membercompany := .File.BaseFileName }}
@@ -97,7 +102,7 @@
 						</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) }}
@@ -108,9 +113,13 @@
 							&nbsp;
 							{{ end }}
 						</div>
-					<div class="col-lg-8">{{ .Content }}</div>
+						<div class="col-lg-8">
+							<h2>{{ .Title }}</h2> ({{ $wgname }})
+							{{ .Content }}
+						</div>
 					</div>
 				</div>
+			</article>
 			{{ end }}
 		{{ end }}
 	{{ end }}