website
/
openpower.foundation
16
2
Fork 10
Code Issues 9 Pull Requests Releases Wiki Activity

update layout of several pages

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

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>
remotes/1693380793390951372/master
Toshaan Bharvani 3 years ago
parent e22434365c
commit ee7b949aef
5 changed files with 119 additions and 134 deletions
Show Stats Download Patch File Download Diff File

241
themes/openpowerfoundation/assets/css/pages.scss
Unescape Escape View File

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

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


// Board of Directors

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


// Governance

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


// Members

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

// Events


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


// Join
.join { .join {
.membership-data { .membership-data {
table { table {
@ -143,90 +140,80 @@ color: black;
} }
} }


// Board of Directors
main.boardofdirectors {
.post__article {
&:nth-child(even),
&.bg {
background-color: #f7f7f7;
}
}
}

// Steering comittee
section#steeringcomittee { section#steeringcomittee {
#person { #person {
#person-header { #person-header {
position: absolute; position: absolute;
} }
#personmember #personmember img {
img { width: 100%;
width: 100%; max-width: 100%;
max-width: 100%; position: relative;
position: relative; top: 15px;
top: 15px; }
} }
} .post__article {
.post__article { &:nth-child(even), &.bg {
&:nth-child(even), background-color: #f7f7f7;
&.bg { }
background-color: #f7f7f7; }
}
}
} }


// hubproviders

#hubproviders { #hubproviders {
#hubprovider { padding-top: 3.75rem;
display: flex; #hubprovider {
align-items: center; display: flex;
min-height: 100px; align-items: center;
a { min-height: 100px;
white-space: normal; a {
line-height: 1.2; white-space: normal;
font-size: 18px; line-height: 1.2;
min-width: 100%; font-size: 18px;
} min-width: 100%;
} }
form { }
.form-control { form {
font-size: 14px; .form-control {
} font-size: 14px;
} }
}
} }


.details { .details {
ul { ul {
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;
} }
> ul { > ul {
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;
> li { > li {
margin-bottom: 6px; margin-bottom: 6px;
background-color: #f7f7f7; background-color: #f7f7f7;
padding: 10px 6px; padding: 10px 6px;
> ul { > ul {
background-color: white; background-color: white;
padding: 10px 6px; padding: 10px 6px;
> li { > li {
padding: 5px; padding: 5px;
> ul { > ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
border-left: 2px solid #f7f7f7; border-left: 2px solid #f7f7f7;
> li { > li {
flex: 1 0 50%; flex: 1 0 50%;
padding: 5px; padding: 5px;
} }
} }
} }
} }
} }
} }
} }




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

2
themes/openpowerfoundation/layouts/compliance/single.html
Unescape Escape View File

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

4
themes/openpowerfoundation/layouts/members/list.html
Unescape Escape View File

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

2
themes/openpowerfoundation/layouts/specifications/list.html
Unescape Escape View File

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

2
themes/openpowerfoundation/layouts/specifications/single.html
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save