Responsive menu, general responsive fixes, concatenate scss

archetype-theme-transition
Ryan Holder 3 years ago
parent 7afefee25b
commit 9bccfdd32c

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 KiB

@ -1,5 +1,5 @@
---
title: 'Membership'
title: 'Home'
date: 2021-07-17
type: home
layout: single

@ -1,7 +1,9 @@
---
title: Governance
date: 2021-09-25
image: governance.jpg
image:
name: governance.jpg
alt: Governance
type: governance
layout: single
draft: false

@ -1,15 +1,9 @@
---
title: "Workgroup Overview"
title: 'Workgroup Overview'
date: 2021-03-06
draft: false
---

At the foundation we have 2 different distinct types of working groups.


A __Technical Workgroup (TWG)__ is a workgroup that provides technical specifications and will help define next-generation of the specifications,
definitions, and the compliance of these specifications with primary output being specification documents.


A __Special Integration Group (SIG)__ is a workgroup that provides an implementation of technical specifications with the goal to produce reference designs.
A SIG will normally provide a reference design, a finished product, or help maintain project for direct usage.
promo-h1: At the foundation we have 2 different distinct types of working groups.
promo-p1: A <strong>Technical Workgroup (TWG)</strong> is a workgroup that provides technical specifications and will help define next-generation of the specifications, definitions, and the compliance of these specifications with primary output being specification documents.
promo-p2: A <strong>Special Integration Group (SIG)</strong> is a workgroup that provides an implementation of technical specifications with the goal to produce reference designs. A SIG will normally provide a reference design, a finished product, or help maintain project for direct usage.
---

@ -1,6 +1,7 @@
---
title: "Accelerator Workgroup"
title: 'Accelerator Workgroup'
wgtype: sig
image: thumb-5.jpg
chair:
- curtwollbrink
members:

@ -1,6 +1,7 @@
---
title: "Compliance Workgroup"
title: 'Compliance Workgroup'
wgtype: twg
image: thumb-2.jpg
chair:
- sandywoodward
members:

@ -1,10 +1,11 @@
---
title: "Hardware Architecture TWG"
title: 'Hardware Architecture TWG'
wgtype: twg
image: thumb-6.jpg
chair:
- derekwilliams
members:
participation: "Members"
participation: 'Members'
#git: https://git.openpower.foundation/librebmc/
#discussion: https://discuss.openpower.foundation/c/sig/librebmc/
#calendar:
@ -23,4 +24,3 @@ draft: false
This workgroup provides a forum for workgroup (WG) members to propose, discuss, and
approve modifications to the OpenPOWER System Hardware Architecture Specifications.
The scope of modifications will be focused on the needs of the OpenPOWER ecosystem.


@ -1,6 +1,7 @@
---
title: "High-Performance-Computing Workgroup"
title: 'High-Performance-Computing Workgroup'
wgtype: sig
image: thumb-3.jpg
chair:
- allancantle
members:

@ -1,6 +1,7 @@
---
title: "Instruction Set Architecture TWG"
title: 'Instruction Set Architecture TWG'
wgtype: twg
image: thumb-5.jpg
chair:
- paulmackerras
members:
@ -8,7 +9,7 @@ members:
- yadro
- inspurpowersystems
- raptorcomputingsystems
participation: "Members"
participation: 'Members'
git: https://git.openpower.foundation/isa/
discussion: https://discuss.openpower.foundation/c/twg/isa
meetingminutes: https://meetingminutes.openpower.foundation/isa/
@ -18,21 +19,20 @@ calendar:
chat:
mattermost: https://chat.openpower.foundation/opf/channels/isa
slack: https://app.slack.com/client/T443QD9JA/C02A1UACN1K
irc: "#openpower-isa on irc.libera.chat (invite required)"
irc: '#openpower-isa on irc.libera.chat (invite required)'
files: https://files.openpower.foundation/apps/files/?dir=/ISA
kanban: https://kanban.openpower.foundation/b/W2J9MaBaQtDCNXbvx/power-isa
date: 2021-08-21
draft: false
---


The OpenPOWER ISA Technical Workgroup is the workgroup that governs over the POWER ISA specifications.


The POWER ISA TWG will solicit proposals, Requests for Change (RFCs), review them, and publish approved additions to the POWER ISA specification.
Groups of proposals will be collected and published as a versioned specification on schedules determined by the WG.

The ISA WG will :

- solicit RFCs from both OpenPOWER Foundation members and non-members
- create a process by which RFCs are submitted, evaluated, and approved.
- The process will include the following concepts:

@ -1,6 +1,7 @@
---
title: "LibreBMC SIG"
title: 'LibreBMC SIG'
wgtype: sig
image: thumb-6.jpg
chair:
- toddrosedahl
- karolgugala
@ -12,7 +13,7 @@ members:
- vantosh
- yadro
- oregonstateuniversity
participation: "Public"
participation: 'Public'
git: https://git.openpower.foundation/librebmc/
discussion: https://discuss.openpower.foundation/c/sig/librebmc/
meetingminutes: https://meetingminutes.openpower.foundation/librebmc/
@ -22,7 +23,7 @@ calendar:
chat:
mattermost: https://chat.openpower.foundation/opf/channels/librebmc
slack: https://app.slack.com/client/T443QD9JA/C01UVKFKUQY
irc: "#librebmc on irc.libera.chat"
irc: '#librebmc on irc.libera.chat'
files: https://files.openpower.foundation/s/iZRseq3XLtRcjtX
kanban: https://kanban.openpower.foundation/b/hgDqwnbiZDHFR3B3b/librebmc
date: 2021-06-12
@ -55,5 +56,3 @@ Any changes to system reference designs or specifications to use the adapter are

The scope of the workgroup will require the use of Linux, OpenBMC, open source tools, interfaces, and components.
Any modifications of these are outside the scope of the workgroup and will be handled through their respective bodies.



@ -1,6 +1,7 @@
---
title: "Machine Learning AI Work Group"
title: 'Machine Learning AI Work Group'
wgtype: sig
image: thumb-2.jpg
chair:
- lionelclavien
- kipwarner

@ -1,6 +1,7 @@
---
title: "Memory Workgroup"
title: 'Memory Workgroup'
wgtype: twg
image: thumb-1.jpg
chair:
- pierreluccantin
- curtwollbrink

@ -1,6 +1,7 @@
---
title: "PowerPi Workgroup"
title: 'PowerPi Workgroup'
wgtype: sig
image: thumb-1.jpg
chair:
- alexeystepanov
members:

@ -1,6 +1,7 @@
---
title: "System Software TWG"
title: 'System Software TWG'
wgtype: twg
image: thumb-3.jpg
chair:
- michalzygowski
members:
@ -9,7 +10,7 @@ members:
- yadro
- 3mdeb
- stevenmunroe
participation: "Members"
participation: 'Members'
git: https://git.openpower.foundation/systemsoftware
discussion: https://discuss.openpower.foundation/c/twg/syssoftware/19
meetingminutes: https://meetingminutes.openpower.foundation/systemsoftware/

@ -0,0 +1,14 @@
.footer {
padding: 3.75rem 0 7.5rem;

@media screen and (max-width: $lg) {
padding: 2.35rem 0 2.5rem;
}

@media screen and (min-width:$lg) and (max-width: $xl) {
padding: 3.75rem 0 4.5rem;
}

color: #fff;
background-color: #02123e;
}

@ -0,0 +1,28 @@

main {
&.groups {
@media screen and (max-width: $lg) {
padding-top:50px;
padding-bottom: 40px;
}

@media screen and (min-width: $lg) and (max-width: $xl) {
padding-top:70px;
padding-bottom: 40px;
}

@media screen and (min-width: $xl) {
padding-bottom: 50px;
}

}
}

.promo__section {
align-items: center;
&.groups {
h1 {
font-size: 2rem;
}
}
}

@ -1,14 +1,38 @@

body {
#mobile-nav {
display: none;
}
&.mobile-nav-active {

#mobile-nav {
display: block;
position: fixed;
top: 80px;
background: white;
z-index: 100;
width:100%;
height: 100%;
}
}

.header {
padding: 1rem 0;
padding: 10px 0;
@media screen and (max-width: $lg) {
padding-top:17px;
}
border-bottom: 1px solid #1b1c1f;
position: fixed;
width: 100vw;
height: 80px;
background: white;
z-index: 100;
&__logo {
text-decoration: none;

&-col {
flex-grow: 0;
}
}
&__menu {
@ -17,12 +41,17 @@
line-height: 1.2;
&-item {
text-align: center;
&.join {
display: none;
}

&.menu-has-children {
position: relative;
ul {
display: none;
position: absolute;
background-color: white;
padding-left: 0;
li {
margin-right: 0;
}
@ -65,4 +94,205 @@
margin-left: 2em;
white-space: nowrap;
}

}


// Mobile navigation

#mobile-nav-toggle {
border: none;
height: 45px;
margin-right: 5px;
background-color:transparent;
@media screen and (min-width: $lg) {
display: none;
}
}

#mobile-nav {
border-bottom: 1px solid black;
@media screen and (max-width: $lg) {
display: none;
padding-top:35px;
}
ul {
list-style: none;
padding-left: 0;

&:first-child {
height: 100%;
overflow-y: auto;
}

&.menu-item-active {
margin-top:0;
}
li {
&.menu-has-children {
padding-left:4%;
}

&.join {
display: none;
}

a {
display: inline-block;
&.expandable-active {
font-weight: 500;
font-size: 100%;
}
}
i {
padding-left: 12px;
}
ul {
width:100%;
background-color:white;
position: relative;
z-index: 200;
display: block;
margin-left:auto;
margin-right: auto;
border: none;
li {
padding:0 15px;
}
}
&:hover {
a {
text-decoration: none;
&::after {
display: none;
}
}
}
}
}
}
.navbar {
@media screen and (max-width: $lg) {
display: none;
}
}

// Desktop navigation responsive

.header__menu-item {
@media screen and (min-width: $lg) {
font-size: 83%;
}

&.menu-has-children {
ul {
width:300px;
margin-top:1.6vw;
list-style: none;
border-top: none;
border-bottom: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;;
// -webkit-box-shadow: 5px 5px 5px -1px rgba(0, 0, 0, 0.4);
// box-shadow: 5px 5px 5px -1px rgba(0, 0, 0, 0.4);

li {
padding:10px 0;
border: none;

@media screen and (min-width: $lg) {
font-size: 100%;
}

a {
border: none;
text-align:left;


&:before, &:after {
display: none;
}
padding-left:15px;
}
}
}
}
}

.header__logo {
img {
@media screen and (max-width: $lg) {
max-width:200px;
height: auto;
}
@media screen and (min-width:$lg) and (max-width: $xl) {
max-width:120px;
height: auto;
}

@media screen and (min-width:$xl) and (max-width: $xxl) {
max-width:120px;
height: auto;
}

}
}

}

// Mobile navigation: mobile and desktop visibility

.mobile-view-social-join {
@media screen and (min-width: $lg) {
display: none;
}
}

.social__list {
align-items: center;
justify-content: center;

&.desktop-view {
@media screen and (max-width: $lg) {
display: none;
}
.social__item {
@media screen and (min-width:$lg) and (max-width: $xxl) {
margin-right: 0;
}
}
}

&.mobile-view {
display: flex;
align-items: center;
justify-content: center;
}
}

.join-us-button {
&.desktop-view {
@media screen and (max-width: $lg) {
display: none;
}
a {
@media screen and (min-width:$lg) and (max-width: $xxl) {
max-width:80px;
height: auto;
padding:0.375rem 0;
}
}

}
&.mobile-view {
margin:auto;
width: 97px;
min-width: 97px;
}

}


@ -1,3 +1,15 @@
main {
&.home {
@media screen and (max-width: $lg) {
padding-top:50px;
padding-bottom: 0;
}

@media screen and (min-width: $lg) and (max-width: $xl) {
padding-top:70px;
}
}
}

.post__article {
position: relative;
@ -5,8 +17,6 @@
margin-bottom: 3.75rem;
}
}


.post__title {
display: block;
margin-top: 1em;
@ -23,13 +33,21 @@
content: '';
}
}

.teaser {
&__section {
padding: 5.625rem 0;
&._dark {
color: #fff;
background-color: #1b1c1f;

@media screen and (max-width: $lg) {
padding: 3.5rem 0;
}
@media screen and (min-width: $lg) and (max-width: $xl) {
padding: 4.4rem 0;
}

a {
color: black;
}
@ -40,9 +58,26 @@
}
&__title {
margin-bottom: 1em;

@media screen and (max-width: $lg) {
margin-top: 0.6em;
}
@media screen and (min-width: $lg) and (max-width: $xl) {
margin-top: 0.8em;
}
}
&__form {
margin-top: 4.1em;

@media screen and (max-width: $lg) {
margin-top: 2em;
}
@media screen and (min-width: $lg) and (max-width: $xl) {
margin-top: 3em;
}
}
&__info {
margin: 3.75rem 0;

@ -4964,7 +4964,4 @@ textarea.form-control-lg {
.social__item._yt {
background-image: url(../img/yt.svg); }

.footer {
padding: 3.75rem 0 7.5rem;
color: #fff;
background-color: #02123e; }

@ -1,7 +1,7 @@

// Board of Directors

#boardofdirectors {
.boardofdirectors {
article {
h3 {
text-transform: uppercase;
@ -9,9 +9,17 @@
}
}

// Governance

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

// Members

#members {
.members {

.membership-level {
border-top: 1px solid#1b1c1f;
@ -29,3 +37,12 @@
}
}
}

// Events

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


@ -1,27 +1,54 @@
.promo__section {
.promo {
&__section {
position: relative;
min-height: 820px;
@media screen and (max-width: $lg) {
min-height:460px;
}

@media screen and (min-width: $lg) and (max-width: $xl) {
min-height:580px;
}

color: #fff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover; }
.promo__section::before {
background-size: cover;
&::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: '';
background-color: rgba(24, 38, 54, 0.4); }

.promo__container {
position: relative; }
background-color: rgba(24, 38, 54, 0.4);
}
}
&__container {
position: relative;
@media screen and (max-width: $lg) {
padding-top:17.5vw;
}

.promo__title._large {
font-size: calc(1.525rem + 3.3vw); }
@media (min-width: 1200px) {
.promo__title._large {
font-size: 4rem; } }
@media screen and (min-width: $lg) and (max-width: $xl) {
padding-top:10vw;
}

.promo-wrapper {
width: 50%;
@media screen and (max-width: $lg) {
width:100%;
}

}

}
&__title {
&._large {
font-size: calc(1.525rem + 3.3vw);
@media (min-width: 1200px) {
font-size: 4rem;
}
}
}
}

@ -0,0 +1,10 @@
// Variables

// Bootstrap breakpoints

$xs: 0;
$sm: 576px;
$md: 768px;
$lg: 992px;
$xl: 1200px;
$xxl: 1300px;

@ -30,25 +30,28 @@ jQuery(document).ready(function($) {

// Mobile Navigation
if ($('#nav-menu-container').length) {
var $mobile_nav = $('#nav-menu-container').clone().prop({
id: 'mobile-nav'
var $mobile_nav = $('#nav-menu-container').clone().attr({
id: 'mobile-nav',
style:'display:none'
});
$mobile_nav.find('> ul').attr({
'class': '',
'id': ''
});
$('body').append($mobile_nav);
$('body').prepend('<button type="button" id="mobile-nav-toggle"><i class="fa fa-bars"></i></button>');
$('body').append('<div id="mobile-body-overly"></div>');
$('#mobile-nav').find('.menu-has-children').prepend('<i class="fa fa-chevron-down"></i>');
$('.navigation .header__contact-col').append('<button class="ml-3" type="button" id="mobile-nav-toggle"><i class="fa fa-bars"></i></button>');
$('body').prepend('<div id="mobile-body-overly"></div>');
$('<i class="fa fa-chevron-down"></i>').insertAfter('#mobile-nav .menu-has-children > a');

$(document).on('click', '.menu-has-children i', function(e) {
$(this).next().toggleClass('menu-item-active');
$(this).nextAll('ul').eq(0).slideToggle();
$(this).toggleClass("fa-chevron-up fa-chevron-down");
$(this).prev('a').toggleClass("expandable-active");
});

$(document).on('click', '#mobile-nav-toggle', function(e) {
$('#mobile-nav').slideToggle(600);
$('body').toggleClass('mobile-nav-active');
$('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
$('#mobile-body-overly').toggle();

@ -25,7 +25,6 @@
{{ end }}
</div>
</div>
</div>
</main>

{{ partial "footer.html" . }}

@ -1,14 +1,13 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}

<main id="main" class="main">
<div id="boardofdirectors">
<main id="main" class="main 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">
<article class="post__article row mb-4 mb-lg-0">
<div class="col-md-2 mb-4 mb-md-0 pt-md-3 pl-4 pl-lg-0">
{{ $personfile := .File.BaseFileName }}
{{ range where .Site.RegularPages "Section" "persons" }}
{{ $person := .File.BaseFileName }}
@ -41,7 +40,5 @@
{{ end }}
</div>
</div>
</div>

</main>
{{ partial "footer.html" . }}

@ -1,8 +1,7 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}

<main id="main" class="main" >
<div id="events" >
<main id="main" class="main events" >
<div class="container">
<div class="row">
<h1 class="section-header my-3 my-md-5 pb-2 text-center">{{ .Title }}</h1>
@ -10,7 +9,7 @@
{{ $eventdate := .Param "eventdate" }}
<article class="post__article row">
<div class="col-md-6 pt-3">
<div class="col-md-6 pt-3 mb-3 mb-lg-0">
{{ if .Param "image" }}
{{ $imagename := .Param "image" }}
{{ $imagelocation := (printf "%s/%s" "images/events/" $imagename) }}
@ -34,7 +33,6 @@
</article>
{{ end }}
</div>
</div>
</main>

<script>

@ -2,25 +2,24 @@

{{ partial "navbar.html" . }}

<main id="main" class="main" >
<div id="governance" >
<main id="main" class="main governance" >
<div class="container">
<div class="row">
<div class="row no-gutters">
<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" }}
<div class="col-md-6 pt-3 pt-lg-5 pl-0 pl-lg-3 pr-0">
{{ if .Param "image.name" }}
<figure class="figure d-flex pt-0 pt-lg-3">
{{ $imagename := .Param "image.name" }}
{{ $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" }}">
<img class="img-fluid" src="{{ $image.RelPermalink }}" alt="{{ .Param "image.alt" }}" title="{{ .Param "image.alt" }}">
{{ end }}
</figure>
{{ else }}
@ -29,7 +28,6 @@
</div>
</div>
</div>
</div>
</main>

{{ partial "footer.html" . }}

@ -2,26 +2,26 @@

{{ partial "navbar.html" . }}

<section class="promo__section d-flex flex-column justify-content-center"
style="background-image:url(../img/promo-1.jpg)">
<div class="promo__container container">
<div class="row">
<div class="col-md-7">
<h1 class="h2">OpenPOWER has two different distinct types of working groups.</h1>
<p><b>A Technical Workgroup (TWG)</b> is a workgroup that provides technical specifications and will help define
next-generation of the specifications, definitions, and the compliance of these specifications with primary
output being specification documents.</p>
<p><b>A Special Integration Group (SIG)</b> is a workgroup that provides an implementation of technical
specifications with the goal to produce reference designs. A SIG will normally provide a reference design, a
finished product, or help maintain project for direct usage.</p>
</div>
</div>
</div>
</section>
<main class="main">
{{ partial "groups-promo.html" . }}

<main id="main" class="main groups">
<div class="container">
<div class="row">
{{ range (.Data.Pages.ByParam "wgtype").Reverse }}
{{ $imagename := .Param "image" }}
{{ $imagelocation := (printf "%s/%s" "images/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }}
<article class="post__article col-md-4">
{{ if $imageresource }}
<div class="post__thumb">
{{ $image := $imageresource.Fit "390x390" }}
<img class="img-fluid" src="{{ $image.RelPermalink }}" width="390" height="390" alt="">
{{ end }}
</div><a class="post__title" href="{{ .Permalink }}">{{ .Title }}</a>
</article>

{{ end }}
<!-- <article class="post__article col-md-4">
<div class="post__thumb"><img class="img-fluid" src="../img/thumb-1.jpg" width="390" height="390" alt="">
</div><a class="post__title" href="/">Libre BMC</a>
</article>
@ -44,7 +44,7 @@
<article class="post__article col-md-4">
<div class="post__thumb"><img class="img-fluid" src="../img/thumb-3.jpg" width="390" height="390" alt="">
</div><a class="post__title" href="/">Libre BMC</a>
</article>
</article> -->
</div>
</div>
</main>

@ -2,23 +2,25 @@

{{ partial "navbar.html" . }}

{{ partial "home-promo" . }}
{{ partial "home-promo.html" . }}

<main class="main">
<main id="main" class="main home" >
<div class="container">
<div class="row">
<div class="col-md-6 mb-5"><img class="img-fluid" src="./img/thumb-4.jpg" width="600" height="420" alt="">
<div class="col-md-6 mb-4 mb-lg-5">
<img class="img-fluid" src="./img/thumb-4.jpg" width="600" height="420" alt="">
</div>
<div class="col-md-6 mb-5">
<div class="col-md-6 mb-3 mb-lg-5">
<h2>{{ .Param "article-1.header" }}</h2>
<p><b>{{ .Param "article-1.lead-1" }}</b> {{ .Param "article-1.p-1" }}</p>
<p><b>{{ .Param "article-1.lead-2" }}</b> {{ .Param "article-1.p-2" }}</p>
</div>
</div>
<div class="row flex-md-row-reverse">
<div class="col-md-6 mb-5"><img class="img-fluid" src="./img/thumb-5.jpg" width="600" height="420" alt="">
<div class="col-md-6 mb-4 mb-lg-5">
<img class="img-fluid" src="./img/thumb-5.jpg" width="600" height="420" alt="">
</div>
<div class="col-md-6 mb-5">
<div class="col-md-6 mb-0">
<h2>{{ .Param "article-2.header" }}</h2>
<h3>{{ .Param "article-2.lead-1" }}</h3>
<p>{{ .Param "article-2.p-1" }}</p>
@ -30,10 +32,25 @@
</div>
</div>
</main>
<section class="teaser__section pt-0">
<section class="teaser__section pt-0 pb-3 pb-lg-5">
<div class="container">
<h2 class="teaser__title text-center">{{ .Param "sections.section-1.title" }}</h2>
<h2 class="teaser__title text-lg-center">{{ .Param "sections.section-1.title" }}</h2>
<div class="row">

<!-- {{ range (.Data.Pages.ByParam "wgtype").Reverse }}
{{ $imagename := .Param "image" }}
{{ $imagelocation := (printf "%s/%s" "images/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }}
<article class="post__article col-md-4">
{{ if $imageresource }}
<div class="post__thumb">
{{ $image := $imageresource.Fit "390x390" }}
<img class="img-fluid" src="{{ $image.RelPermalink }}" width="390" height="390" alt="">
{{ end }}
</div><a class="post__title" href="{{ .Permalink }}">{{ .Title }}</a>
</article>
{{ end }} -->
<article class="post__article col-md-4">
<div class="post__thumb"><img class="img-fluid" src="./img/thumb-1.jpg" width="390" height="390" alt="">
</div><a class="post__title" href="/">{{ .Param "sections.section-1.article-1.text" }}</a>
@ -47,16 +64,18 @@
</div><a class="post__title" href="/">{{ .Param "sections.section-1.article-3.text" }}</a>
</article>
</div>
<p class="text-center"><a class="btn btn-outline-primary">Libre BMC</a></p>
<p class="text-center mt-3 mt-lg-0">
<a class="btn btn-outline-primary">Libre BMC</a>
</p>
</div>
</section>
<section class="teaser__section _dark">
<div class="container text-center">
<p class="h2 mb-4">{{ .Param "sections.section-dark.p-1" }}</p>
<p><a class="btn btn-light" href="/">{{ .Param "sections.section-dark.cta" }}</a></p>
<p class="mt-3 mt-lg-0"><a class="btn btn-light" href="/">{{ .Param "sections.section-dark.cta" }}</a></p>
</div>
</section>
<section class="teaser__section">
<section class="teaser__section py-4 py-lg-5 my-lg-5">
<div class="container">
<h2 class="teaser__title text-center">{{ .Param "sections.section-supporters.title" }}</h2>
<div class="row justify-content-center">
@ -66,27 +85,29 @@
{{ $imagelocation := (printf "%s/%s" "images/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource.Fit "180x102" }}
<div class="col-md-2"><img class="img-fluid" src="{{ $image.RelPermalink }}" width="180" height="102" alt="{{ .title }}"></div>
<div class="col-md-2 pb-3 pb-lg-0">
<img class="img-fluid" src="{{ $image.RelPermalink }}" width="180" height="102" alt="{{ .title }}">
</div>
{{ end }}
</div>
</div>
</section>
<section class="teaser__section _navy">
<div class="container text-center">
<section class="teaser__section _navy py-4 py-lg-5 my-lg-5">
<div class="container text-center pb-4 pb-lg-0">
<h2 class="teaser__title">{{ .Param "sections.section-subscribe.title" }}</h2>
<p>{{ .Param "sections.section-subscribe.p-1" }}</p>
<form class="teaser__form row justify-content-center" action="/" method="post">
<div class="col-md-2">
<div class="col-md-2 pb-3 pb-lg-0">
<input class="form-control" name="" type="text" value="">
</div>
<div class="col-md-2">
<div class="col-md-2 pb-3 pb-lg-0">
<input class="form-control" name="" type="text" value="">
</div>
<div class="col-md-2">
<div class="col-md-2 pb-3 pb-lg-0">
<input class="form-control" name="" type="text" value="">
</div>
<div class="col-md-2">
<input class="btn btn-outline-primary" type="submit" value="Submit">
<input class="btn btn-outline-primary mt-4 mt-md-0" type="submit" value="Submit">
</div>
</form>
</div>

@ -1,8 +1,7 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}

<main id="main" class="main">
<div id="joinus">
<main id="main" class="main join">
<div class="container">
<section id="intro">
<div class="row">
@ -48,7 +47,7 @@
{{ $imagelocation := (printf "%s/%s" "images/join/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource }}
<img src="{{ $image.RelPermalink }}" alt="{{ .Param "membership-levels.image-table.alt" }}" title="{{ .Param "membership-levels.image-table.alt" }}">
<img class="img-fluid" src="{{ $image.RelPermalink }}" alt="{{ .Param "membership-levels.image-table.alt" }}" title="{{ .Param "membership-levels.image-table.alt" }}">
{{ else }}
{{ .Title }}
{{ end }}
@ -65,7 +64,7 @@
{{ $imagelocation := (printf "%s/%s" "images/join/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource }}
<img src="{{ $image.RelPermalink }}" alt="{{ .Param "membership-benefits.image-table.alt" }}" title="{{ .Param "membership-benefits.image-table.alt" }}">
<img class="img-fluid" src="{{ $image.RelPermalink }}" alt="{{ .Param "membership-benefits.image-table.alt" }}" title="{{ .Param "membership-benefits.image-table.alt" }}">
{{ else }}
{{ .Title }}
{{ end }}
@ -83,7 +82,7 @@
{{ $imagelocation := (printf "%s/%s" "images/join/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource.Fit "600x390" }}
<img src="{{ $image.RelPermalink }}" alt="{{ .title }}" title="{{ .title }}">
<img class="img-fluid" src="{{ $image.RelPermalink }}" alt="{{ .title }}" title="{{ .title }}">
</div>
<div class="h2">{{ .title }}</div>
<p>{{ .text }}</p>
@ -92,12 +91,6 @@
{{ end }}
</div>
</section>
<!--
{{ .Content }}
-->

</div>
</div>
</main>


@ -2,9 +2,7 @@

{{ partial "navbar.html" . }}

<main id="main" class="main">

<div id="members">
<main id="main" class="main members">
<div class="container">
<section id="intro">
<div class="row">
@ -15,8 +13,8 @@
{{ $data := index $.Site.Data }}
{{ range $data.memberlevels }}
<div class="col-lg-12">
<div class="membership-level pt-5 pb-5">
<h2 class="pb-5">{{ .name }}</h2>
<div class="membership-level pt-5 pb-0 pb-lg-5">
<h2 class="pb-2 pb-lg-5">{{ .name }}</h2>
{{ $key := .identifier }}
{{ $imageheight := .image.height }}
{{ $imagewidth := .image.width }}
@ -26,7 +24,7 @@
{{ range $.Site.Pages }}
{{ $level := .Param "level" }}
{{ if eq $level $key }}
<div class="col-lg-4 pt-5 pb-5">
<div class="col-lg-4 pt-5 pb-0 pb-lg-5">
<div class="box">
<a href="{{ .Permalink }}">
{{ if .Param "image" }}
@ -48,8 +46,7 @@
{{ end }}
{{ end }}

{{ end }}</div>

{{ end }}

</main>


@ -2,14 +2,15 @@
<div class="container">
<div class="row">
<div class="col-md-2">
<div class="social__list"><a class="social__item _tw" href="/"><span
<div class="social__list pb-4 pb-lg-0">
<a class="social__item _tw" href="/"><span
class="visually-hidden">Twitter</span></a><a class="social__item _fb" href="/"><span
class="visually-hidden">Facebook</span></a><a class="social__item _in" href="/"><span
class="visually-hidden">LinkedIn</span></a><a class="social__item _yt" href="/"><span
class="visually-hidden">Youtube</span></a>
</div>
</div>
<div class="col-md">
<div class="col-md-10">
<div class="footer__info">
<h3 class="footer__info-title">OpenPOWER Foundation</h3>
<div class="footer__addr">Main Office<br>548 Market St<br>PMB 57274<br>San Francisco, California<br>94194-5401

@ -0,0 +1,12 @@
<section class="promo__section groups d-flex"
style="background-image:url(../img/promo-1.jpg)">
<div class="promo__container container">
<div class="d-flex justify-content-start">
<div class="promo-wrapper p-3 p-lg-0">
<h1>{{ .Param "promo-h1" }}</h1>
<p>{{ .Param "promo-p1" | safeHTML }}</p>
<p>{{ .Param "promo-p2" | safeHTML }}</p>
</div>
</div>
</div>
</section>

@ -27,31 +27,22 @@
{{ $syntaxcss := resources.Get "css/syntax.css" }}
{{ $syntax := $syntaxcss | resources.Minify }}
<link href="{{ $syntax.RelPermalink }}" rel="stylesheet">
{{ $headeroptions := (dict "targetPath" "header.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $header := resources.Get "css/header.scss" | resources.ToCSS $headeroptions | resources.Fingerprint |
resources.Minify }}
<link href="{{ $header.RelPermalink }}" rel="stylesheet">
{{ $promooptions := (dict "targetPath" "promo.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $promo := resources.Get "css/promo.scss" | resources.ToCSS $promooptions | resources.Fingerprint |
resources.Minify }}
<link href="{{ $promo.RelPermalink }}" rel="stylesheet">
{{ $homeoptions := (dict "targetPath" "home.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $home := resources.Get "css/home.scss" | resources.ToCSS $homeoptions | resources.Fingerprint |
resources.Minify }}
<link href="{{ $home.RelPermalink }}" rel="stylesheet">
{{ $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">
{{ $variables := resources.Get "css/variables.scss"}}
{{ $variables = $variables | resources.ExecuteAsTemplate "variables.scss" . }}
{{ $header := resources.Get "css/header.scss" | resources.Minify }}
{{ $promo := resources.Get "css/promo.scss" | resources.Minify }}
{{ $home := resources.Get "css/home.scss" | resources.Minify }}
{{ $groups := resources.Get "css/groups.scss" | resources.Minify }}
{{ $timeline := resources.Get "css/timeline.scss" | resources.Minify }}
{{ $pages := resources.Get "css/pages.scss" | resources.Minify }}
{{ $footer := resources.Get "css/footer.scss" | resources.Minify }}
{{ $changelog := resources.Get "css/changelog.scss" | resources.Minify }}
{{ $scss := slice $variables $header $promo $home $groups $timeline $pages $footer $changelog | resources.Concat "css/custom.scss" }}
{{ $css := $scss | toCSS (dict "targetPath" "css/custom.min.css" "outputStyle" "compressed" "enableSourceMap" true) }}
<link rel="stylesheet" href="{{ $css.RelPermalink }}">
<link href="{{ "css/font-awesome.min.css" | relURL }}" rel="stylesheet" defer>
<link href="{{ "css/googlefonts_montserrat.css" | relURL }}" rel="stylesheet" defer>
</head>

<body>

<div id="preloader">

@ -1,8 +1,8 @@
<section class="promo__section d-flex flex-column justify-content-center"
<section class="home promo__section d-flex flex-column justify-content-center"
style="background-image:url(./img/hero_homepage.jpg)" >
<div class="promo__container container text-center">
<h1>{{ .Param "promo-h1" }}</h1>
<p>{{ .Param "promo-p1" }}</p>
<p><a class="btn btn-light" href="/">{{ .Param "promo-cta" }}</a></p>
<p><a class="btn btn-light" href="/join">{{ .Param "promo-cta" }}</a></p>
</div>
</section>

@ -1,18 +1,18 @@

<header class="header">
<div class="container-fluid">
<div class="row align-items-center">
<div class="container navigation">
<div class="row d-lg-flex flex-lg-nowrap">
{{ $imageresource := resources.Get "img/logo.png" }}
{{ $imagefile := $imageresource.Resize "350x60" }}
<div class="header__logo-col col"><a class="header__logo" href="/"><img src="{{ $imagefile.RelPermalink }}" width="297"
<div class="header__logo-col col d-flex justify-content-center align-items-center"><a class="header__logo" href="/">
<img src="{{ $imagefile.RelPermalink }}" width="297"
height="49" alt="OpenPOWER"></a></div>
<div class="header__menu-col col">
<nav class="header__menu-nav">
<ul class="nav-menu header__menu d-flex justify-content-center list-unstyled">
<nav class="navbar navbar-expand-lg header__menu-nav" id="nav-menu-container">
<ul class="nav-menu header__menu d-lg-flex justify-content-center list-unstyled">
{{ range .Site.Menus.navbar }}
{{ if eq .Identifier "groups" }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul class="justify-content-center list-unstyled">
<ul class="list-unstyled">
{{ range $.Site.Pages }}
{{ $group := .Param "wgtype" }}
{{ if eq $group "twg" }}
@ -25,12 +25,14 @@
</ul>
{{ else }}
{{ if .HasChildren }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul class="justify-content-center list-unstyled">
<li class="header__menu-item menu-has-children">
<a href="{{ .URL }}">{{ .Name }}</a>
<ul class="">
{{ range .Children }}
{{ if .HasChildren }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul class="justify-content-center list-unstyled">
<li class="header__menu-item menu-has-children">
<a href="{{ .URL }}">{{ .Name }}</a>
<ul class="">
{{ range .Children }}
<li class="header__menu-item"><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
@ -52,23 +54,37 @@
{{ end }}
</ul>
{{ else }}
<li class="header__menu-item"><a href="{{ .URL }}">{{ .Name }}</a></li>
<li class="header__menu-item {{lower .Name }}" ><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
{{ end }}
{{ end }}
<li class="header__menu-item"><a href="/contact/"><i class="envelope icon"></i>&nbsp;Contact</a></li>
<li class="header__menu-item"><a href="https://portal.openpower.foundation/"><i class="sign-in icon"></i>&nbsp;Member Login</a></li>
<div class="mobile-view-social-join pt-3">
<div class="social__list mobile-view pt-1 pb-2"><a class="social__item _tw" href="/"><span
class="visually-hidden">Twitter</span></a><a class="social__item _fb" href="/"><span
class="visually-hidden">Facebook</span></a><a class="social__item _in" href="/"><span
class="visually-hidden">LinkedIn</span></a><a class="social__item _yt" href="/"><span
class="visually-hidden">Youtube</span></a>
</div>
<div class="header__contact-btn join-us-button mobile-view py-4">
<a class="d-inline-block btn-outline-primary btn-sm btn" href="/join">Join</a>
</div>
</div>
</ul>
</nav>
</div>
<div class="header__contact-col col d-flex align-items-center">
<div class="social__list"><a class="social__item _tw" href="/"><span
<div class="header__contact-col col d-flex flex-nowrap justify-content-center align-items-center">
<div class="social__list desktop-view"><a class="social__item _tw" href="/"><span
class="visually-hidden">Twitter</span></a><a class="social__item _fb" href="/"><span
class="visually-hidden">Facebook</span></a><a class="social__item _in" href="/"><span
class="visually-hidden">LinkedIn</span></a><a class="social__item _yt" href="/"><span
class="visually-hidden">Youtube</span></a>
</div>
<div class="header__contact-btn"><a class="d-block btn-outline-primary btn-sm btn" href="/">Join</a></div>
<div class="header__contact-btn join-us-button desktop-view">
<a class="d-block btn-outline-primary btn-sm btn" href="/join">Join</a></div>
</div>
</div>
</div>

Loading…
Cancel
Save