update layout of several pages

* change top padding on compliance, specifications
* update layouts and style files

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>

themes/openpowerfoundation/assets/css/pages.scss

@@ -1,14 +1,10 @@
-// Links disabled 
-
 .disabled {
-color: black;
+	color: black;
 	display: inline-block;
 	pointer-events: none;
 	text-decoration: none;
 }
 
-// Board of Directors
-
 .boardofdirectors {
 	article {
 		h3 {
@@ -18,18 +14,19 @@ color: black;
 			}
 		}
 	}
+	.post__article {
+		&:nth-child(even), &.bg {
+			background-color: #f7f7f7;
+		}
+	}
 }
 
-// Governance 
-
 .governance {
 	.row {
 		--bs-gutter-x: 0;
 	}
 }
 
-// Members
-
 .members {
 	.membership-level {
 		border-top: 1px solid#1b1c1f;
@@ -41,7 +38,7 @@ color: black;
 			align-items: center;
 			a {
 				text-decoration: none;
-        color:black;
+				color: black;
 				align-self: center;
 			}
 			img {
@@ -50,8 +47,9 @@ color: black;
 		}
 	}
 }
-
+#membersingle {
-// Events
+	padding-top: 3.75rem;
+}
 
 .events {
 	.post__article:not(:last-child) {
@@ -59,7 +57,6 @@ color: black;
 	}
 }
 
-// Join
 .join {
 	.membership-data {
 		table {
@@ -143,24 +140,12 @@ color: black;
 	}
 }
 
-// Board of Directors
-main.boardofdirectors {
-    .post__article {
-    &:nth-child(even),
-    &.bg {
-      background-color: #f7f7f7;
-    }
-  }
-}
-
-// Steering comittee
 section#steeringcomittee {
 	#person {
 		#person-header {
 			position: absolute;
 		}
-  #personmember
+		#personmember img {
-    img {
 				width: 100%;
 				max-width: 100%;
 				position: relative;
@@ -168,16 +153,14 @@ section#steeringcomittee {
 		}
 	}
 	.post__article {
-    &:nth-child(even),
+		&:nth-child(even), &.bg {
-    &.bg {
 			background-color: #f7f7f7;
 		}
 	}
 }
 
-// hubproviders
-
 #hubproviders {
+	padding-top: 3.75rem;
 	#hubprovider {
 		display: flex;
 		align-items: center;
@@ -196,7 +179,7 @@ section#steeringcomittee {
 	}
 }
 
-  .details {
+.details {
 	ul {
 		list-style-type: none;
 		padding-left: 0;
@@ -226,7 +209,11 @@ section#steeringcomittee {
 			}
 		}
 	}
-  }
+}
-
-
 
+#specifications {
+	padding-top: 3.75rem;
+}
+#specifications-single {
+	padding-top: 6.500rem;
+}

themes/openpowerfoundation/layouts/compliance/single.html

@@ -3,7 +3,7 @@
 {{ $filename := .File.BaseFileName }}
 {{ $datafile := index $.Site.Data.compliance $filename }}
 {{ $specificationfile := printf "%s/%s" "specifications" $filename }}
-<main id="main" class="specifications-single">
+<main id="specifications-single">
 <section id="page" class="section-bg">
 <div class="row">
 	<div class="section-header my-3 my-md5 pb-2 pb-md3 text-center">

themes/openpowerfoundation/layouts/members/list.html

@@ -25,7 +25,7 @@
 					{{ if eq $level $key }}
 						<div class="col-lg-{{ $col }} pt-5 pb-0 pb-lg-3">
 							<div class="box">
-								<a href="{{ .Permalink }}">
+								<a href="{{ .RelPermalink }}">
 								{{ if .Param "image" }}
 									{{ $imagename := .Param "image" }}
 									{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
@@ -34,7 +34,7 @@
 									<img src="{{  $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
 								</a>
 								{{ else }}
-									<h3><a class="text-black" href="{{ .Permalink  }}">{{ .Title }}</a></h3>
+									<h3><a class="text-black" href="{{ .RelPermalink  }}">{{ .Title }}</a></h3>
 								{{ end }}
 								{{ $i = add $i 1 }}
 							</div>

themes/openpowerfoundation/layouts/specifications/list.html

@@ -1,6 +1,5 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
-<main id="main">
 <section id="specifications">
 <div id="specifications" class="container-fluid">
 	<div class="section-header">
@@ -58,5 +57,4 @@
 	</div> 
 </div>
 </section>
-</main>
 {{ partial "footer.html" . }}

themes/openpowerfoundation/layouts/specifications/single.html

@@ -3,7 +3,7 @@
 {{ $filename := .File.BaseFileName }}
 {{ $datafile := index $.Site.Data.specifications $filename }}
 {{ $compliancefile := printf "%s/%s" "compliance" $filename }}
-<main id="main" class="specifications-single">
+<main id="specifications-single">
 <section id="page" class="section-bg">
 <div class="row">
 	<div class="section-header my-3 my-md5 pb-2 pb-md3 text-center">