From d90a83aaced67f26a32c6d1c70e2552fee336519 Mon Sep 17 00:00:00 2001
From: Ryan Holder <ryan.letbe-holder@archetype.co>
Date: Wed, 22 Dec 2021 16:52:59 +0000
Subject: [PATCH] final email list items

---
 .../assets/css/changelog.css                  |  3 +-
 .../assets/css/footer.scss                    |  6 ++++
 .../assets/css/groups.scss                    | 31 ------------------
 .../assets/css/header.scss                    |  9 +++---
 .../openpowerfoundation/assets/css/pages.scss | 32 +++++++++++++++++++
 .../layouts/partials/footer.html              | 23 +++++++------
 .../layouts/partials/navbar.html              |  2 +-
 .../layouts/ready/list.html                   | 10 +++---
 .../layouts/ready/single.html                 | 30 +++++++----------
 .../layouts/specifications/list.html          |  6 ++--
 .../layouts/specifications/single.html        |  5 +--
 11 files changed, 79 insertions(+), 78 deletions(-)

diff --git a/themes/openpowerfoundation/assets/css/changelog.css b/themes/openpowerfoundation/assets/css/changelog.css
index 0f35193..5af391b 100644
--- a/themes/openpowerfoundation/assets/css/changelog.css
+++ b/themes/openpowerfoundation/assets/css/changelog.css
@@ -5,6 +5,7 @@
   margin-top: 20px;
   padding: 1em 0;
   list-style-type: none;
+  left: -330px;
 }
 
 .changelogtimeline:before {
@@ -15,7 +16,7 @@
   display: block;
   width: 6px;
   height: 100%;
-  margin-left: -3px;
+  margin-left: -7px;
   background: rgb(80,80,80);
   background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
diff --git a/themes/openpowerfoundation/assets/css/footer.scss b/themes/openpowerfoundation/assets/css/footer.scss
index 6e572d6..6241d78 100644
--- a/themes/openpowerfoundation/assets/css/footer.scss
+++ b/themes/openpowerfoundation/assets/css/footer.scss
@@ -11,4 +11,10 @@
 
     color: #fff;
     background-color: #02123e; 
+    a {
+      color: white;
+      &:hover {
+        color: #2566f4;
+      }
+    }
 }
\ No newline at end of file
diff --git a/themes/openpowerfoundation/assets/css/groups.scss b/themes/openpowerfoundation/assets/css/groups.scss
index 94ef219..c37d3a5 100644
--- a/themes/openpowerfoundation/assets/css/groups.scss
+++ b/themes/openpowerfoundation/assets/css/groups.scss
@@ -45,35 +45,4 @@ 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;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
 }
\ No newline at end of file
diff --git a/themes/openpowerfoundation/assets/css/header.scss b/themes/openpowerfoundation/assets/css/header.scss
index c062abd..3a8c873 100644
--- a/themes/openpowerfoundation/assets/css/header.scss
+++ b/themes/openpowerfoundation/assets/css/header.scss
@@ -89,9 +89,11 @@ body {
   &__contact-btn,
   &__login-btn {
     min-width: 80px;
-    margin-left: 1.5em;
     white-space: nowrap;  
   }
+  &__login-btn {
+    margin-left: 1.5em;
+  }
 }
 
 
@@ -180,7 +182,7 @@ body {
 
 .header__menu-item {
   @media screen and (min-width: $lg) {
-    font-size: 83%;
+    // font-size: 83%;
   }  
 
   &.menu-has-children {
@@ -244,9 +246,6 @@ body {
 }
 
 .social__list {
-  align-items: center;
-  justify-content: center;
-
         &.desktop-view {
           @media screen and (max-width: $lg) {
             display: none;
diff --git a/themes/openpowerfoundation/assets/css/pages.scss b/themes/openpowerfoundation/assets/css/pages.scss
index f8bc31a..dbbebc2 100644
--- a/themes/openpowerfoundation/assets/css/pages.scss
+++ b/themes/openpowerfoundation/assets/css/pages.scss
@@ -220,5 +220,37 @@ section#steeringcomittee {
   }
 }
 
+  .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;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
 
 
diff --git a/themes/openpowerfoundation/layouts/partials/footer.html b/themes/openpowerfoundation/layouts/partials/footer.html
index 8c29e56..7d55378 100644
--- a/themes/openpowerfoundation/layouts/partials/footer.html
+++ b/themes/openpowerfoundation/layouts/partials/footer.html
@@ -1,15 +1,7 @@
 <footer class="footer">
 	<div class="container">
 		<div class="row">
-			<div class="col-md-3">
-				<div class="social__list pb-4 pb-lg-0">
-					<a target="_blank" class="social__item _tw" href="https://twitter.com/OpenPOWERorg"><span class="visually-hidden">Twitter</span></a>
-					<a target="_blank" class="social__item _fb" href="https://www.facebook.com/openpower"><span class="visually-hidden">Facebook</span></a>
-					<a target="_blank" class="social__item _in" href="https://www.linkedin.com/company/openpower-foundation/?viewAsMember=true"><span class="visually-hidden">LinkedIn</span></a>
-					<a target="_blank" class="social__item _yt" href="https://www.youtube.com/channel/UCNVcHm09eXVbvUzZkQs0_Sg"><span class="visually-hidden">Youtube</span></a>
-				</div>
-			</div>
-			<div class="col-md-3">
+			<div class="col-md-4">
 				<div class="footer__info">
 					<h3 class="footer__info-title">OpenPOWER Foundation</h3>
 					<div class="footer__addr">
@@ -21,18 +13,25 @@
 					</div>
 				</div>
 			</div>
-			<div class=col-md-3>
+			<div class=col-md-4>
 				<div class="footer__info">
 					<h3 class="footer__info-title">Governance</h3>
 					<div class="footer__addr">
-						<a href="{{ "/privacypolicy/" | relURL }}">Privacy Policy</a><br>
+						<a href="{{ " /privacypolicy/" | relURL }}">Privacy Policy</a><br>
 						<a href="">Certificate of Incorporation</a><br>
 						<a href="">Bylaws</a><br>
 						<a href="">IP Rights Policy</a>
 					</div>
 				</div>
 			</div>
-			<div class=col-md-3>
+			<div class="col-md-4">
+				<p>Stay in touch, follow us:</p>
+				<div class="social__list pb-4 pb-lg-0">
+					<a target="_blank" class="social__item _tw" href="https://twitter.com/OpenPOWERorg"><span class="visually-hidden">Twitter</span></a>
+					<a target="_blank" class="social__item _fb" href="https://www.facebook.com/openpower"><span class="visually-hidden">Facebook</span></a>
+					<a target="_blank" class="social__item _in" href="https://www.linkedin.com/company/openpower-foundation/?viewAsMember=true"><span class="visually-hidden">LinkedIn</span></a>
+					<a target="_blank" class="social__item _yt" href="https://www.youtube.com/channel/UCNVcHm09eXVbvUzZkQs0_Sg"><span class="visually-hidden">Youtube</span></a>
+				</div>
 			</div>
 		</div>
 	</div>
diff --git a/themes/openpowerfoundation/layouts/partials/navbar.html b/themes/openpowerfoundation/layouts/partials/navbar.html
index 2ceee6b..4cdf12f 100644
--- a/themes/openpowerfoundation/layouts/partials/navbar.html
+++ b/themes/openpowerfoundation/layouts/partials/navbar.html
@@ -75,7 +75,7 @@
 				</div>
 				<div class="header__login-btn login-button desktop-view">
 					<a class="d-block btn-outline-primary btn-sm btn" href="https://portal.openpower.foundation/">
-						<i class="fas fa-sign-in-alt"></i>
+						Login&nbsp;<i class="fas fa-sign-in-alt"></i>
 					</a>
 				</div>
 			</div>
diff --git a/themes/openpowerfoundation/layouts/ready/list.html b/themes/openpowerfoundation/layouts/ready/list.html
index a69db1f..df19778 100644
--- a/themes/openpowerfoundation/layouts/ready/list.html
+++ b/themes/openpowerfoundation/layouts/ready/list.html
@@ -9,7 +9,7 @@
 	<div class="section-header">
 		<div class="row">
 			<div class="col-lg-12 text-center">
-				<h3 class="section-title">{{ .Title }}</h3>
+				<h2 class="section-title text-center">{{ .Title }}</h2>
 			</div>
 		</div>
 		<div class="row">
@@ -34,11 +34,11 @@
 					<form action="{{ .RelPermalink }}" onkeyup="executeInlineSearch()">
 						<input id="search-query" placeholder="Search..." name="s" autocomplete="off" search autofocus/>
 					</form>
-					<div id="search-results"><h3 class="search-results-title">Matching pages</h3></div>
+					<div id="search-results"><h3 class="search-results-title mb-4">Matching pages</h3></div>
 				</div>
 				<script id="search-result-template" type="text/x-js-template">
 					<div class="search-results-summary" id="summary-${key}">
-						<h4><a class="search-item" href="${link}">${title}</a></h4>
+						<h4><a class="search-item mb-4" href="${link}">${title}</a></h4>
 						<p>${snippet}  ... <a class="search-item-more" href="${link}">[more]</a></p>
 						${ isset tags }<p>${tags}</p>${ end }
 						${ isset categories }<p>Categories: ${categories}</p>${ end }
@@ -51,11 +51,11 @@
 			<span class="section-divider"></span>
 		</div>
 	</div>
-	<div class="row">
+	<div class="row pb-4">
 	{{ range .Data.Pages }}
 		<div class="col-lg-2">&nbsp;</div>
 		<div class="col-lg-8">
-			<a href="{{ .Permalink }}">{{ .Title }}</a>
+			<a class="mb-4" href="{{ .Permalink }}">{{ .Title }}</a>
 		</div>
 		<div class="col-lg-2">&nbsp;</div>
 	{{ end }}
diff --git a/themes/openpowerfoundation/layouts/ready/single.html b/themes/openpowerfoundation/layouts/ready/single.html
index 1731c0f..b600f75 100644
--- a/themes/openpowerfoundation/layouts/ready/single.html
+++ b/themes/openpowerfoundation/layouts/ready/single.html
@@ -10,37 +10,31 @@
 <section id="page" class="section-bg">
 	<div class="container-fluid">
 		<div class="section-header">
-			<h3 class="section-title">{{ .Title }}</h3>
+			<h2 class="section-title text-center">{{ .Title }}</h2>
 			<p class="section-description"></p>
 			<span class="section-divider"></span>
 		</div>
 		<div class="row">
 			<div class="col-lg-2">&nbsp;</div>
-			<div class="col-lg-4">
+			<div class="col-lg-6 content wow fadeInTop">
+				<p>{{ .Content }}</p>
+			</div>
+			<div class="col-lg-2 details">
 				<ul>
-				{{ if .Param "vendor" }}
+					{{ if .Param "vendor" }}
 					<li>Vendor : {{ .Param "vendor" }}</li>
-				{{ end }}
-				{{ if .Param "criteria" }}
+					{{ end }}
+					{{ if .Param "criteria" }}
 					<li>Criteria Version : {{ .Param "criteria" }}</li>
-				{{ end }}
+					{{ end }}
 				</ul>
-			</div>
-			<div class="col-lg-4">
+				<h4>Tags</h4>
 				<ul id="tags">
-				{{ range .Params.tags }}
+					{{ range .Params.tags }}
 					<li>{{ . }}</li>
-				{{ end }}
+					{{ end }}
 				</ul>
 			</div>
-			<div class="col-lg-2">&nbsp;</div>
-		</div>
-		<div class="row">
-			<div class="col-lg-2">&nbsp;</div>
-			<div class="col-lg-8 content wow fadeInTop">
-				<p>{{ .Content }}</p>
-			</div>
-			<div class="col-lg-2">&nbsp;</div>
 		</div>
 	</div>
 </section>
diff --git a/themes/openpowerfoundation/layouts/specifications/list.html b/themes/openpowerfoundation/layouts/specifications/list.html
index dc9c387..f053074 100644
--- a/themes/openpowerfoundation/layouts/specifications/list.html
+++ b/themes/openpowerfoundation/layouts/specifications/list.html
@@ -9,7 +9,7 @@
 	<div class="section-header">
 		<div class="row">
 			<div class="col-lg-12 text-center">
-				<h3 class="section-title">{{ .Title }}</h3>
+				<h1 class="section-title text-center">{{ .Title }}</h1>
 			</div>
 		</div>
 		<div class="row">
@@ -46,11 +46,11 @@
 			<span class="section-divider"></span>
 		</div>
 	</div>
-	<div class="row">
+	<div class="row pb-4 text-center">
 	{{ range .Data.Pages }}
 		<div class="col-lg-2">&nbsp;</div>
 		<div class="col-lg-8">
-			<a href="{{ .Permalink }}">{{ .Title }}</a>
+			<a class="mb-4" href="{{ .Permalink }}">{{ .Title }}</a>
 		</div>
 		<div class="col-lg-2">&nbsp;</div>
 	{{ end }}
diff --git a/themes/openpowerfoundation/layouts/specifications/single.html b/themes/openpowerfoundation/layouts/specifications/single.html
index 724d4b9..79bab77 100644
--- a/themes/openpowerfoundation/layouts/specifications/single.html
+++ b/themes/openpowerfoundation/layouts/specifications/single.html
@@ -9,15 +9,16 @@
 <section id="page" class="section-bg">
 <div class="row">
 	<div class="section-header my-3 my-md5 pb-2 pb-md3 text-center">
-		<h1 class="section-title text-center">{{ .Title }}</h1>
+		<h2 class="section-title text-center">{{ .Title }}</h2>
 		<p class="section-description"></p>
 	</div>
 <div class="row">
 	<div class="col-lg-2"></div>
-	<div class="col-lg-8">
+	<div class="col-lg-6">
 	{{ if $datafile.versions }}
 		{{ range last 1 $datafile.versions }}
 			<a href="{{ .download }}"><i class="far fa-file-pdf mr-2"></i>&nbsp;Download version {{.number }}</a>
+			<span class="changetime-wrapper"><span class="changetime">{{ .date }}</span></span>
 		{{ end }}
 	{{ end }}
 	</div>