Browse Source

update layout of several pages

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

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>
master
Toshaan Bharvani 8 months ago
parent
commit
ee7b949aef
  1. 243
      themes/openpowerfoundation/assets/css/pages.scss
  2. 2
      themes/openpowerfoundation/layouts/compliance/single.html
  3. 4
      themes/openpowerfoundation/layouts/members/list.html
  4. 2
      themes/openpowerfoundation/layouts/specifications/list.html
  5. 2
      themes/openpowerfoundation/layouts/specifications/single.html

243
themes/openpowerfoundation/assets/css/pages.scss

@ -1,65 +1,62 @@ @@ -1,65 +1,62 @@
// Links disabled

.disabled {
color: black;
display: inline-block;
pointer-events: none;
text-decoration: none;
.disabled {
color: black;
display: inline-block;
pointer-events: none;
text-decoration: none;
}

// Board of Directors

.boardofdirectors {
article {
h3 {
text-transform: uppercase;
a {
color: black;
}
}
}
article {
h3 {
text-transform: uppercase;
a {
color: black;
}
}
}
.post__article {
&:nth-child(even), &.bg {
background-color: #f7f7f7;
}
}
}

// Governance

.governance {
.row {
--bs-gutter-x: 0;
}
.row {
--bs-gutter-x: 0;
}
}

// Members

.members {
.membership-level {
border-top: 1px solid#1b1c1f;
.box {
min-height: 110px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
a {
text-decoration: none;
color:black;
align-self: center;
}
img {
max-width: 210px;
}
}
}
.membership-level {
border-top: 1px solid#1b1c1f;
.box {
min-height: 110px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
a {
text-decoration: none;
color: black;
align-self: center;
}
img {
max-width: 210px;
}
}
}
}
#membersingle {
padding-top: 3.75rem;
}

// Events

.events {
.post__article:not(:last-child) {
margin-bottom: 1.75rem;
}
.post__article:not(:last-child) {
margin-bottom: 1.75rem;
}
}

// Join
.join {
.membership-data {
table {
@ -143,90 +140,80 @@ color: black; @@ -143,90 +140,80 @@ 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
img {
width: 100%;
max-width: 100%;
position: relative;
top: 15px;
}
}
.post__article {
&:nth-child(even),
&.bg {
background-color: #f7f7f7;
}
}
#person {
#person-header {
position: absolute;
}
#personmember 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;
}
}
padding-top: 3.75rem;
#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;
}
}
}

.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;
}
}
}
}
}
}
}


.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;
}
}
}
}
}
}
}

#specifications {
padding-top: 3.75rem;
}
#specifications-single {
padding-top: 6.500rem;
}

2
themes/openpowerfoundation/layouts/compliance/single.html

@ -3,7 +3,7 @@ @@ -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">

4
themes/openpowerfoundation/layouts/members/list.html

@ -25,7 +25,7 @@ @@ -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 @@ @@ -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>

2
themes/openpowerfoundation/layouts/specifications/list.html

@ -1,6 +1,5 @@ @@ -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 @@ @@ -58,5 +57,4 @@
</div>
</div>
</section>
</main>
{{ partial "footer.html" . }}

2
themes/openpowerfoundation/layouts/specifications/single.html

@ -3,7 +3,7 @@ @@ -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">

Loading…
Cancel
Save