add Board of directors, Events, default single, Governance pages

content/_index.md

@@ -27,8 +27,7 @@ article-2:
   p-2:
     With more than 350 members collaborating regularly, the entire semiconductor industry - from global
     organizations with deep expertise to individual creators with a new lens - can innovate with choice and build
-    and develop across the full Hardware and Software stack.</p>
-    <h3>Complete Equation
+    and develop across the full Hardware and Software stack.
   lead-3: Complete Equation
   p-3:
     Open development of this scale enables unprecedented customization across applications, operating systems and

content/about/governance.md

@@ -1,19 +1,17 @@
 ---
 title: Governance
 date: 2021-09-25
-image:
-  file: governance.jpg
-  size: 475x450
+image: governance.jpg
+type: governance
+layout: single
 draft: false
 ---
 
 
-The OpenPOWER Foundation is a self-incorporated entity governed by its Articles of Incorporation and has 501c6 not-for-profit status.
-The governing documents of the organization include its Certificate of Incorporation, Bylaws, IP Rights Policy and Membership Agreement.  
+**The OpenPOWER Foundation is a self-incorporated entity governed by its Articles of Incorporation and has 501c6 not-for-profit status. The governing documents of the organization include its Certificate of Incorporation, Bylaws, IP Rights Policy and Membership Agreement.**  
 
 
-All members upon joining the organization must sign the OpenPOWER Membership Agreement that attests in writing that
-they have read and agree to abide by the terms of both the OpenPOWER Bylaws as well as the Intellectual Property Rights Agreement.  
+All members upon joining the organization must sign the OpenPOWER Membership Agreement that attests in writing that they have read and agree to abide by the terms of both the OpenPOWER Bylaws as well as the Intellectual Property Rights Agreement.  
 
 
 The organization is governed also by its Board of Directors composed of Platinum member delegates and
@@ -22,9 +20,7 @@ The Board controls the direction of the organization and
 its operations as well as providing for the final decision-making body as it relates to OpenPOWER work products.
 OpenPOWER is structured as an open organization of multi-tiered members.
 Work group activity including proposals for new work groups, work group charters, projects,
-and work product is developed at the Work Group level which, in turn, rolls up to the Technical Steering Committee (TSC) for approval.
-Once the TSC has provided approval, work product is then presented to the Board of Directors for final approval.  
+and work product is developed at the Work Group level which, in turn, rolls up to the Technical Steering Committee (TSC) for approval. Once the TSC has provided approval, work product is then presented to the Board of Directors for final approval.  
 
 
-A Marketing Committee also exists as a standing committee to execute initiatives to support the goals of OpenPOWER Foundation.
-The Board may elect to add additional committees to support the mission and goals of OpenPOWER Foundation.  
+A Marketing Committee also exists as a standing committee to execute initiatives to support the goals of OpenPOWER Foundation. The Board may elect to add additional committees to support the mission and goals of OpenPOWER Foundation.  

content/events/_index.md

@@ -1,5 +1,5 @@
 ---
-title: "OpenPOWER Foundation Event List"
+title: "Events"
 date: 2021-03-11
 type: events
 layout: list

content/members/_index.md

@@ -1,7 +1,7 @@
 ---
-title: "Current Member List"
+title: "OpenPOWER Members"
 date: 2021-03-03
 draft: false
 ---
 
-Our current members listed by membership levels :
+

content/members/redhat.md

@@ -1,5 +1,5 @@
 ---
-name: "Red Hat"
+title: "Red Hat"
 image: "redhat.png"
 level: gold
 country: "United States of America"

content/persons/artemikoev.md

@@ -1,7 +1,7 @@
 ---
 title: "Artem Ikoev"
 member: "yadro"
-image: "artemikoev.jpg"
+image: "artemikoev-200.jpg"
 date: 2021-03-03
 draft: false
 ---

content/persons/hughblemings.md

@@ -1,6 +1,6 @@
 ---
 title: "Hugh Blemings"
-image: "hughblemings.jpg"
+image: "hughblemings-200.jpg"
 member: individual
 date: 2021-03-13
 draft: false

content/persons/jameshuang.md

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

content/persons/jameskulina.md

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

content/persons/mendyfurmanek.md

@@ -1,6 +1,6 @@
 ---
 title: "Mendy Furmanek"
-image: "mendyfermanuk.jpg"
+image: "mendyfurmanek-200.jpg"
 member: ibm
 date: 2021-03-03
 draft: false

content/persons/sameershende.md

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

content/persons/timothypearson.md

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

data/memberlevels.yaml

@@ -1,24 +1,24 @@
-- name: Platinum
+- name: Platinum Members
   identifier: platinum
   size: 300x300
   col: 6
-- name: Gold
+- name: Gold Members
   identifier: gold
   size: 200x200
   col: 4
-- name: Silver
+- name: Silver Members
   identifier: silver
   size: 150x150
   col: 3
-- name: Academic
+- name: Academic Members
   identifier: academic
   size: 100x100
-  col: 2
-- name: Associate
+  col: 2 
+- name: Associate Members
   identifier: associate
   size: 100x100
   col: 2
-- name: Individual
+- name: Individual Members
   identifier: individual
   size: 1x1
   col: 1

themes/openpowerfoundation/assets/css/pages.scss

@@ -0,0 +1,31 @@
+
+// Board of Directors
+
+#boardofdirectors {
+    article {
+        h3 {
+           text-transform: uppercase; 
+        }
+    } 
+}
+
+// Members
+
+#members {
+
+    .membership-level {     
+        border-top: 1px solid#1b1c1f;
+     
+        .box {
+          min-height: 110px;  
+        a {
+            text-decoration: none;
+            color:black;
+        } 
+
+        img {
+            max-width: 210px;
+        }
+     } 
+    } 
+}

themes/openpowerfoundation/layouts/_default/single.html

@@ -2,50 +2,30 @@
 
 {{ partial "navbar.html" . }}
 
-<main id="main">
-<section id="page" class="section-bg">
-<div class="container-fluid">
-	<div class="section-header">
-		<h3 class="section-title">{{ .Title }}</h3>
-		<span class="section-divider"></span>
-		<p class="section-description"></p>
-	</div>
-	<div class="row">
-	{{ if .Param "image" }}
-		<div class="col-lg-6 text-right content wow fadeInLeft">
-	{{ else }}
-		<div class="col-lg-2">&nbsp;</div>
-		<div class="col-lg-8 content wow fadeInTop">
-	{{ end }}
-			<p>{{ .Content }}</p>
+	<main class="main">
+		<div class="container">
+			<div class="row">
+				<div class="col-md-6">
+					<h1 class="h2 section-header my-3 my-md-5 pb-2">{{ .Title }}</h1>
+					{{ .Content }}
+				</div>
+					{{ if .Param "image" }}
+						<div class="col-md-6 pt-5 pl-3 pr-0">
+							{{ $imagefilename := .Param "image.file" }}
+							{{ $imagesize := .Param "image.size" }}
+							{{ $imagelocation := printf "%s/%s" "images" $imagefilename }}
+							{{ $imageresource := resources.Get $imagelocation }}
+							{{ if $imageresource }}
+								{{ $imagefile := $imageresource.Fit "600x600" }}
+								<figure class="figure d-flex pt-3">
+									<img src="{{ $imagefile.RelPermalink }}">
+								</figure>
+							{{ end }}
+						</div>
+					{{ end }}
+				</div>
+			</div>
 		</div>
-	{{ if .Param "image" }}
-		<div class="col-lg-6 content wow fadeInRight">
-			<p>
-			{{ $imagefilename := .Param "image.file" }}
-			{{ $imagesize := .Param "image.size" }}
-			{{ $imagelocation := printf "%s/%s" "images" $imagefilename }}
-			{{ $imageresource := resources.Get $imagelocation }}
-			{{ if $imageresource }}
-				{{ $imagefile := $imageresource }}
-				{{ if $imagesize }}
-					{{ $imagefile = $imageresource.Resize $imagesize }}
-				{{ else }}
-					{{ $imagefile = $imageresource.Resize "750x750" }}
-				{{ end }}
-				<figure>
-					<img src="{{ $imagefile.RelPermalink }}">
-				</figure>
-			{{ end }}
-			</p>
-		</div>
-	{{ else }}
-		<div class="col-lg-2">&nbsp;</div>
-		</div>
-	{{ end }}
-	</div>
-</div>
-</section>
-</main>
+	</main>
 
 {{ partial "footer.html" . }}

themes/openpowerfoundation/layouts/boardofdirectors/list.html

@@ -1,72 +1,47 @@
 {{ partial "header.html" . }}
-
 {{ partial "navbar.html" . }}
 
-<main id="main">
-
-<section id="boardofdirectors">
-<div class="container-fluid">
-	<div class="section-header">
-		<h3 class="section-title">{{ .Title }}</h3>
-		<span class="section-divider"></span>
-		<p class="section-description">{{ .Content }}</p>
-	</div>
-	<div class="row">
-	{{ range .Data.Pages.ByWeight }}
-		<div class="col-lg-4" id="person">
-			<div id="person-header">
-				<div class="row">
-					<div class="col-lg-8">
-						<h1>{{ .Title }}</h1>
-						({{ .Param "position" }})
-					</div>
+ <main id="main" class="main">
+	  <div id="boardofdirectors">
+		<div class="container">
+			<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">
+				<div class="col-md-2 mb-4 mb-md-0 pt-md-3">
 					{{ $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" }}
+						{{ if .Param "image" }}
 										{{ $imagename := .Param "image" }}
-										{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
+										{{ $imagelocation := (printf "%s/%s" "images/persons/" $imagename) }}
 										{{ $imageresource := resources.Get $imagelocation }}
-										{{ $image := $imageresource.Fit "100x100" }}
-										<img src="{{  $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
+										{{ $image := $imageresource.Fit "390x390" }}
+										<img class="img-fluid"  src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
 									{{ else }}
 										{{ .Title }}
-									{{ end }}
-									</a>
-								{{ end }}
-							{{ end }}
-						</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 }}
+					        {{ end }}
 					{{ end }}
-					</div>
-					<div class="col-lg-8">{{ .Content }}</div>
 				</div>
+				<div class="col-md-10 pl-4">
+					<h2>{{ .Title }}, {{ .Param "position" }}</h2>
+					{{ $personfile := .File.BaseFileName }}
+					{{ range where .Site.RegularPages "Section" "persons" }}
+						{{ $person := .File.BaseFileName }}
+						{{ if eq $personfile $person }}
+
+					<h3>{{ .Param "member" }}</h3>
+					<p>{{ .Content }}</p>
+				</div>
+			</article>
+		      	{{ end }}
+			  {{ end }}
 			{{ end }}
-		{{ end }}
-		</div>
-	{{ end }}
-	</div>
-</div>
-</section>
+   </div>
+  </div>
+  </div>
 
 </main>
-
 {{ partial "footer.html" . }}

themes/openpowerfoundation/layouts/events/list.html

@@ -1,13 +1,16 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
 
-<main class="main">
+<main id="main" class="main" >
+	<div id="events" >
 		<div class="container">
-			<h1 class="mb-5 text-center">{{ .Title }}</h1>
+			<div class="row">
+				<h1 class="section-header my-3 my-md-5 pb-2 text-center">{{ .Title }}</h1>
 	{{ range .Pages.ByDate.Reverse }}
 	{{ $eventdate := .Param "eventdate" }}
+	    
 			<article class="post__article row">
-				<div class="col-md-6">
+				<div class="col-md-6 pt-3">
 					{{ if .Param "image" }}
 					{{ $imagename := .Param "image" }}
 					{{ $imagelocation := (printf "%s/%s" "images/events/" $imagename) }}
@@ -15,7 +18,7 @@
 					{{ $image := $imageresource }}
 					<img class="img-fluid"  src="{{  $image.RelPermalink }}" alt="{{ .Param "title" }}" title="{{ .Param "title" }}">
 				{{ else }}
-					{{ .Title }}
+					{{ .Param "title" }}
 				{{ end }}
 				</div>
 				<div class="col-md-6">
@@ -31,6 +34,7 @@
 			</article>
 	{{ end }}
    </div>
+   </div>
 </main> 
 
 <script>

themes/openpowerfoundation/layouts/governance/single.html

@@ -0,0 +1,35 @@
+{{ partial "header.html" . }}
+
+{{ partial "navbar.html" . }}
+
+<main id="main" class="main" >
+	<div id="governance" >
+		<div class="container">
+			<div class="row"> 
+				<div class="col-md-6 pr-3 pl-0">
+					<h1 class="h2 section-header my-3 my-md-5 pb-2">{{ .Title }}</h1>
+					<div class="content">
+							{{ .Content }}
+					</div>   
+				</div>
+				<div class="col-md-6 pt-5 pl-3 pr-0">
+				{{ if .Param "image" }}
+					<figure class="figure d-flex pt-3">      
+					{{ $imagename := .Param "image" }}
+					{{ $imagelocation := (printf "%s/%s" "images/governance/" $imagename) }}
+					{{ $imageresource := resources.Get $imagelocation }}
+					{{ if $imageresource }}
+							{{ $image := $imageresource.Fit "600x600" }}
+							<img src="{{  $image.RelPermalink }}" alt="{{ .Param "membership-benefits.image-table.alt" }}" title="{{ .Param "membership-benefits.image-table.alt" }}">
+					{{ end }}
+					</figure>
+				{{ else }}
+					{{ .Title }}
+				{{ end }}
+				</div>
+			</div>
+		</div>
+	</div>
+</main>
+
+{{ partial "footer.html" . }}

themes/openpowerfoundation/layouts/join/single.html

@@ -5,17 +5,20 @@
     <div id="joinus">
       <div class="container">
         <section id="intro">
-        <h1 class="section-header mb-5 text-center">{{ .Title }}</h1>
-        <h2>{{ .Param "intro.subtitle" }}</h2>
+          <div class="row">
+            <h1 class="section-header my-3 my-md-5 text-center">{{ .Title }}</h1>
+          
+        <h2 class="mt-0 pt-0">{{ .Param "intro.subtitle" }}</h2>
                 <p>{{ .Param "intro.p-2" }}</p>
                 <p><b>{{ .Param "intro.p-3" }}</b></p>
-                <p><a class="btn-outline-primary btn" href="{{ .Param "join.cta.url" }}">{{ .Param "join.cta.title" }}</a></p>
-    </section>
+                <p class="pb-0 mb-0"><a class="btn-outline-primary btn" href="{{ .Param "join.cta.url" }}">{{ .Param "join.cta.title" }}</a></p>
+                </div>
+   </section>
 
     <section id="teaser">
     <div class="teaser__info">
         <h2>{{ .Param "join.teaser.title" }}</h2>
-        <ul>
+        <ul class="mb-0 pb-0">
                         
             {{ range .Param "join.options" }}
                 <li>{{ .option }}</li>  
@@ -28,18 +31,18 @@
     <h2>{{ .Param "membership-levels.title" }}</h2>
     <p>{{ .Param "membership-levels.subtitle" }}</p>
 
-    <ul>
+    <ul class="mb-0 pb-0">
         {{ range .Param "membership-levels.options" }}
           <li>{{ .option }}</li>  
         {{ end }}
     </ul>
     <p class="membership-levels-text">{{ .Param "membership-levels.text" }}</p>
-    <ul>
+    <ul class="mb-0 pb-0">
         {{ range .Param "membership-levels.features" }}
            <li>{{ .feature }}</li>  
         {{ end }}
     </ul>
-    <figure class="figure d-flex justify-content-center">
+    <figure class="figure d-flex justify-content-center mt-5">
         {{ if .Param "membership-levels.image-table" }}
         {{ $imagename := .Param "membership-levels.image-table.image" }}
         {{ $imagelocation := (printf "%s/%s" "images/join/" $imagename) }}
@@ -54,7 +57,7 @@
 
     <section id="membership-benefits">
       <div class="teaser__info">
-        <h2 class="text-center mb-5">{{ .Param "membership-benefits.title" }}</h2>
+        <h2 class="text-center mb-5 pb-2">{{ .Param "membership-benefits.title" }}</h2>
 
         <figure class="figure d-flex justify-content-center">
             {{ if .Param "membership-benefits.image-table" }}
@@ -71,7 +74,7 @@
     </section>
 
     <section id="become-member">
-            <h2 class="text-center mb-5">{{ .Param "become-member.title" }}</h2>
+            <h2 class="text-center mb-5 pb-3">{{ .Param "become-member.title" }}</h2>
             <div class="row">
                 {{ range .Param "become-member.options" }}
                         <article class="post__article col-md-6">

themes/openpowerfoundation/layouts/members/list.html

@@ -2,21 +2,21 @@
 
 {{ partial "navbar.html" . }}
 
-<main id="main">
+<main id="main" class="main">
 
-<section id="members">
-<div class="container-fluid">
-	<div class="section-header">
-		<h3 class="section-title">{{ .Title }}</h3>
-		<span class="section-divider"></span>
-		<span class="section-description">{{ .Content }}</span>
-	</div>
-	<div class="row" id="level">
+    <div id="members">
+		<div class="container">
+			<section id="intro">
+				<div class="row">
+				<h1 class="section-header my-3 my-md-5 pb-2 pb-md-3 text-center">{{ .Title }}</h1>
+			</section>
+	<div class="row">
 	{{ $i := 0 }}
 	{{ $data := index $.Site.Data }}
 	{{ range $data.memberlevels }}
-		<div class="col-lg-12 text-lg-center">
-			<h2>{{ .name }}</h2>
+		<div class="col-lg-12">
+			<div class="membership-level pt-5 pb-5">
+			<h2 class="pb-5">{{ .name }}</h2>
 			{{ $key := .identifier }}
 			{{ $imageheight := .image.height }}
 			{{ $imagewidth := .image.width }}
@@ -26,7 +26,7 @@
 			{{ range $.Site.Pages }}
 				{{ $level := .Param "level" }}
 				{{ if eq $level $key }}
-					<div class="col-lg-{{ $col }}">
+					<div class="col-lg-4 pt-5 pb-5">
 						<div class="box">
 							<a href="{{ .Permalink }}">
 							{{ if .Param "image" }}
@@ -40,14 +40,16 @@
 							{{ end }}
 							</a>
 						</div>
+						<a class="text-black" href="{{ .Permalink }}">
+							<h3>{{ .Param "title" }}</h3>
+						</a>
 					</div>
+					
 				{{ end }}
 			{{ end }}
-		<span class="section-divider"></span>
-	{{ end }}
-	</div>
-</div>
-</section>
+
+	{{ end }}</div>
+
 
 </main>
 

themes/openpowerfoundation/layouts/partials/header.html

@@ -42,6 +42,9 @@
 	{{ $timelineoptions := (dict "targetPath" "timeline.css" "outputStyle" "compressed" "enableSourceMap" true) }}
 	{{ $timeline := resources.Get "css/timeline.scss" | resources.ToCSS $timelineoptions | resources.Fingerprint | resources.Minify }}
 	<link href="{{ $timeline.RelPermalink }}" rel="stylesheet">
+	{{ $timelineoptions := (dict "targetPath" "pages.css" "outputStyle" "compressed" "enableSourceMap" true) }}
+	{{ $timeline := resources.Get "css/pages.scss" | resources.ToCSS $timelineoptions | resources.Fingerprint | resources.Minify }}
+	<link href="{{ $timeline.RelPermalink }}" rel="stylesheet">
 	{{ $changelogoptions := (dict "targetPath" "changelog.css" "outputStyle" "compressed" "enableSourceMap" true) }}
 	{{ $changelog := resources.Get "css/changelog.scss" | resources.ToCSS $changelogoptions | resources.Fingerprint | resources.Minify }}
 	<link href="{{ $changelog.RelPermalink }}" rel="stylesheet">