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 date: 2021-07-17
type: home type: home
layout: single layout: single

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

@ -1,15 +1,9 @@
--- ---
title: "Workgroup Overview" title: 'Workgroup Overview'
date: 2021-03-06 date: 2021-03-06
draft: false 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, promo-h1: At the foundation we have 2 different distinct types of working groups.
definitions, and the compliance of these specifications with primary output being specification documents. 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.

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

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

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

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

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



The OpenPOWER ISA Technical Workgroup is the workgroup that governs over the POWER ISA specifications. 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. 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. Groups of proposals will be collected and published as a versioned specification on schedules determined by the WG.


The ISA WG will : The ISA WG will :

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

@ -1,6 +1,7 @@
--- ---
title: "LibreBMC SIG" title: 'LibreBMC SIG'
wgtype: sig wgtype: sig
image: thumb-6.jpg
chair: chair:
- toddrosedahl - toddrosedahl
- karolgugala - karolgugala
@ -12,7 +13,7 @@ members:
- vantosh - vantosh
- yadro - yadro
- oregonstateuniversity - oregonstateuniversity
participation: "Public" participation: 'Public'
git: https://git.openpower.foundation/librebmc/ git: https://git.openpower.foundation/librebmc/
discussion: https://discuss.openpower.foundation/c/sig/librebmc/ discussion: https://discuss.openpower.foundation/c/sig/librebmc/
meetingminutes: https://meetingminutes.openpower.foundation/librebmc/ meetingminutes: https://meetingminutes.openpower.foundation/librebmc/
@ -22,7 +23,7 @@ calendar:
chat: chat:
mattermost: https://chat.openpower.foundation/opf/channels/librebmc mattermost: https://chat.openpower.foundation/opf/channels/librebmc
slack: https://app.slack.com/client/T443QD9JA/C01UVKFKUQY 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 files: https://files.openpower.foundation/s/iZRseq3XLtRcjtX
kanban: https://kanban.openpower.foundation/b/hgDqwnbiZDHFR3B3b/librebmc kanban: https://kanban.openpower.foundation/b/hgDqwnbiZDHFR3B3b/librebmc
date: 2021-06-12 date: 2021-06-12
@ -36,7 +37,7 @@ The goal of the SIG is to design the adapter, based on the POWER ISA processor c
and all required interfaces and controls using open source tools in order to contribute to their growth and usability. and all required interfaces and controls using open source tools in order to contribute to their growth and usability.


The purpose of LibreBMC is to create a fully open source BMC design which will enhance the security of server management control The purpose of LibreBMC is to create a fully open source BMC design which will enhance the security of server management control
by being fully open and created with fully open source tooling. The use of an FPGA adds flexibility and security as well. by being fully open and created with fully open source tooling. The use of an FPGA adds flexibility and security as well.


The requirement of a POWER ISA core will drive the design and open release of a new or improved POWER soft-core. The requirement of a POWER ISA core will drive the design and open release of a new or improved POWER soft-core.


@ -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. 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. 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 wgtype: sig
image: thumb-2.jpg
chair: chair:
- lionelclavien - lionelclavien
- kipwarner - kipwarner

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

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

@ -1,6 +1,7 @@
--- ---
title: "System Software TWG" title: 'System Software TWG'
wgtype: twg wgtype: twg
image: thumb-3.jpg
chair: chair:
- michalzygowski - michalzygowski
members: members:
@ -9,7 +10,7 @@ members:
- yadro - yadro
- 3mdeb - 3mdeb
- stevenmunroe - stevenmunroe
participation: "Members" participation: 'Members'
git: https://git.openpower.foundation/systemsoftware git: https://git.openpower.foundation/systemsoftware
discussion: https://discuss.openpower.foundation/c/twg/syssoftware/19 discussion: https://discuss.openpower.foundation/c/twg/syssoftware/19
meetingminutes: https://meetingminutes.openpower.foundation/systemsoftware/ 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 { .header {
padding: 1rem 0; padding: 10px 0;
@media screen and (max-width: $lg) {
padding-top:17px;
}
border-bottom: 1px solid #1b1c1f; border-bottom: 1px solid #1b1c1f;
position: fixed; position: fixed;
width: 100vw; width: 100vw;
height: 80px;
background: white; background: white;
z-index: 100; z-index: 100;
&__logo { &__logo {
text-decoration: none; text-decoration: none;

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

&.menu-has-children { &.menu-has-children {
position: relative; position: relative;
ul { ul {
display: none; display: none;
position: absolute; position: absolute;
background-color: white; background-color: white;
padding-left: 0;
li { li {
margin-right: 0; margin-right: 0;
} }
@ -65,4 +94,205 @@
margin-left: 2em; margin-left: 2em;
white-space: nowrap; 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 { .post__article {
position: relative; position: relative;
@ -5,8 +17,6 @@
margin-bottom: 3.75rem; margin-bottom: 3.75rem;
} }
} }


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

.teaser { .teaser {
&__section { &__section {
padding: 5.625rem 0; padding: 5.625rem 0;
&._dark { &._dark {
color: #fff; color: #fff;
background-color: #1b1c1f; 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 { a {
color: black; color: black;
} }
@ -40,9 +58,26 @@
} }
&__title { &__title {
margin-bottom: 1em; 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 { &__form {
margin-top: 4.1em; 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 { &__info {
margin: 3.75rem 0; margin: 3.75rem 0;
@ -51,4 +86,4 @@
border-style: solid none; border-style: solid none;
border-color: #1b1c1f; border-color: #1b1c1f;
} }
} }

@ -4964,7 +4964,4 @@ textarea.form-control-lg {
.social__item._yt { .social__item._yt {
background-image: url(../img/yt.svg); } 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 // Board of Directors


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


// Governance

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

// Members // Members


#members { .members {


.membership-level { .membership-level {
border-top: 1px solid#1b1c1f; 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 {
position: relative; &__section {
min-height: 820px; position: relative;
color: #fff; min-height: 820px;
background-position: 50% 50%; @media screen and (max-width: $lg) {
background-repeat: no-repeat; min-height:460px;
background-size: cover; } }
.promo__section::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: '';
background-color: rgba(24, 38, 54, 0.4); }


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


.promo__title._large { color: #fff;
font-size: calc(1.525rem + 3.3vw); } background-position: 50% 50%;
@media (min-width: 1200px) { background-repeat: no-repeat;
.promo__title._large { background-size: cover;
font-size: 4rem; } } &::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: '';
background-color: rgba(24, 38, 54, 0.4);
}
}
&__container {
position: relative;
@media screen and (max-width: $lg) {
padding-top:17.5vw;
}


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


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


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

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



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


<main id="main" class="main"> <main id="main" class="main boardofdirectors">
<div id="boardofdirectors">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<h1 class="section-header my-3 my-md-5 pb-2 pb-md-3 text-center">{{ .Title }}</h1> <h1 class="section-header my-3 my-md-5 pb-2 pb-md-3 text-center">{{ .Title }}</h1>
{{ range .Data.Pages.ByWeight }} {{ range .Data.Pages.ByWeight }}
<article class="post__article row"> <article class="post__article row mb-4 mb-lg-0">
<div class="col-md-2 mb-4 mb-md-0 pt-md-3"> <div class="col-md-2 mb-4 mb-md-0 pt-md-3 pl-4 pl-lg-0">
{{ $personfile := .File.BaseFileName }} {{ $personfile := .File.BaseFileName }}
{{ range where .Site.RegularPages "Section" "persons" }} {{ range where .Site.RegularPages "Section" "persons" }}
{{ $person := .File.BaseFileName }} {{ $person := .File.BaseFileName }}
@ -41,7 +40,5 @@
{{ end }} {{ end }}
</div> </div>
</div> </div>
</div>

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

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


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


<script> <script>

@ -2,25 +2,24 @@


{{ partial "navbar.html" . }} {{ partial "navbar.html" . }}


<main id="main" class="main" > <main id="main" class="main governance" >
<div id="governance" >
<div class="container"> <div class="container">
<div class="row"> <div class="row no-gutters">
<div class="col-md-6 pr-3 pl-0"> <div class="col-md-6 pr-3 pl-0">
<h1 class="h2 section-header my-3 my-md-5 pb-2">{{ .Title }}</h1> <h1 class="h2 section-header my-3 my-md-5 pb-2">{{ .Title }}</h1>
<div class="content"> <div class="content">
{{ .Content }} {{ .Content }}
</div> </div>
</div> </div>
<div class="col-md-6 pt-5 pl-3 pr-0"> <div class="col-md-6 pt-3 pt-lg-5 pl-0 pl-lg-3 pr-0">
{{ if .Param "image" }} {{ if .Param "image.name" }}
<figure class="figure d-flex pt-3"> <figure class="figure d-flex pt-0 pt-lg-3">
{{ $imagename := .Param "image" }} {{ $imagename := .Param "image.name" }}
{{ $imagelocation := (printf "%s/%s" "images/governance/" $imagename) }} {{ $imagelocation := (printf "%s/%s" "images/governance/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }} {{ $imageresource := resources.Get $imagelocation }}
{{ if $imageresource }} {{ if $imageresource }}
{{ $image := $imageresource.Fit "600x600" }} {{ $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 }} {{ end }}
</figure> </figure>
{{ else }} {{ else }}
@ -29,7 +28,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</main> </main>


{{ partial "footer.html" . }} {{ partial "footer.html" . }}

@ -2,26 +2,26 @@


{{ partial "navbar.html" . }} {{ partial "navbar.html" . }}


<section class="promo__section d-flex flex-column justify-content-center" {{ partial "groups-promo.html" . }}
style="background-image:url(../img/promo-1.jpg)">
<div class="promo__container container"> <main id="main" class="main groups">
<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">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<article class="post__article col-md-4"> {{ 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 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> </div><a class="post__title" href="/">Libre BMC</a>
</article> </article>
@ -44,7 +44,7 @@
<article class="post__article col-md-4"> <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 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> </div><a class="post__title" href="/">Libre BMC</a>
</article> </article> -->
</div> </div>
</div> </div>
</main> </main>

@ -2,23 +2,25 @@


{{ partial "navbar.html" . }} {{ partial "navbar.html" . }}


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


<main class="main"> <main id="main" class="main home" >
<div class="container"> <div class="container">
<div class="row"> <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>
<div class="col-md-6 mb-5"> <div class="col-md-6 mb-3 mb-lg-5">
<h2>{{ .Param "article-1.header" }}</h2> <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-1" }}</b> {{ .Param "article-1.p-1" }}</p>
<p><b>{{ .Param "article-1.lead-2" }}</b> {{ .Param "article-1.p-2" }}</p> <p><b>{{ .Param "article-1.lead-2" }}</b> {{ .Param "article-1.p-2" }}</p>
</div> </div>
</div> </div>
<div class="row flex-md-row-reverse"> <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>
<div class="col-md-6 mb-5"> <div class="col-md-6 mb-0">
<h2>{{ .Param "article-2.header" }}</h2> <h2>{{ .Param "article-2.header" }}</h2>
<h3>{{ .Param "article-2.lead-1" }}</h3> <h3>{{ .Param "article-2.lead-1" }}</h3>
<p>{{ .Param "article-2.p-1" }}</p> <p>{{ .Param "article-2.p-1" }}</p>
@ -30,10 +32,25 @@
</div> </div>
</div> </div>
</main> </main>
<section class="teaser__section pt-0"> <section class="teaser__section pt-0 pb-3 pb-lg-5">
<div class="container"> <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"> <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"> <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 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> </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> </div><a class="post__title" href="/">{{ .Param "sections.section-1.article-3.text" }}</a>
</article> </article>
</div> </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> </div>
</section> </section>
<section class="teaser__section _dark"> <section class="teaser__section _dark">
<div class="container text-center"> <div class="container text-center">
<p class="h2 mb-4">{{ .Param "sections.section-dark.p-1" }}</p> <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> </div>
</section> </section>
<section class="teaser__section"> <section class="teaser__section py-4 py-lg-5 my-lg-5">
<div class="container"> <div class="container">
<h2 class="teaser__title text-center">{{ .Param "sections.section-supporters.title" }}</h2> <h2 class="teaser__title text-center">{{ .Param "sections.section-supporters.title" }}</h2>
<div class="row justify-content-center"> <div class="row justify-content-center">
@ -66,27 +85,29 @@
{{ $imagelocation := (printf "%s/%s" "images/" $imagename) }} {{ $imagelocation := (printf "%s/%s" "images/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }} {{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource.Fit "180x102" }} {{ $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 }} {{ end }}
</div> </div>
</div> </div>
</section> </section>
<section class="teaser__section _navy"> <section class="teaser__section _navy py-4 py-lg-5 my-lg-5">
<div class="container text-center"> <div class="container text-center pb-4 pb-lg-0">
<h2 class="teaser__title">{{ .Param "sections.section-subscribe.title" }}</h2> <h2 class="teaser__title">{{ .Param "sections.section-subscribe.title" }}</h2>
<p>{{ .Param "sections.section-subscribe.p-1" }}</p> <p>{{ .Param "sections.section-subscribe.p-1" }}</p>
<form class="teaser__form row justify-content-center" action="/" method="post"> <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=""> <input class="form-control" name="" type="text" value="">
</div> </div>
<div class="col-md-2"> <div class="col-md-2 pb-3 pb-lg-0">
<input class="form-control" name="" type="text" value=""> <input class="form-control" name="" type="text" value="">
</div> </div>
<div class="col-md-2"> <div class="col-md-2 pb-3 pb-lg-0">
<input class="form-control" name="" type="text" value=""> <input class="form-control" name="" type="text" value="">
</div> </div>
<div class="col-md-2"> <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> </div>
</form> </form>
</div> </div>

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


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

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



@ -2,9 +2,7 @@


{{ partial "navbar.html" . }} {{ partial "navbar.html" . }}


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

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


{{ end }}</div> {{ end }}



</main> </main>



@ -2,14 +2,15 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-2"> <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">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">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">LinkedIn</span></a><a class="social__item _yt" href="/"><span
class="visually-hidden">Youtube</span></a> class="visually-hidden">Youtube</span></a>
</div> </div>
</div> </div>
<div class="col-md"> <div class="col-md-10">
<div class="footer__info"> <div class="footer__info">
<h3 class="footer__info-title">OpenPOWER Foundation</h3> <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 <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" }} {{ $syntaxcss := resources.Get "css/syntax.css" }}
{{ $syntax := $syntaxcss | resources.Minify }} {{ $syntax := $syntaxcss | resources.Minify }}
<link href="{{ $syntax.RelPermalink }}" rel="stylesheet"> <link href="{{ $syntax.RelPermalink }}" rel="stylesheet">
{{ $headeroptions := (dict "targetPath" "header.css" "outputStyle" "compressed" "enableSourceMap" true) }} {{ $variables := resources.Get "css/variables.scss"}}
{{ $header := resources.Get "css/header.scss" | resources.ToCSS $headeroptions | resources.Fingerprint | {{ $variables = $variables | resources.ExecuteAsTemplate "variables.scss" . }}
resources.Minify }} {{ $header := resources.Get "css/header.scss" | resources.Minify }}
<link href="{{ $header.RelPermalink }}" rel="stylesheet"> {{ $promo := resources.Get "css/promo.scss" | resources.Minify }}
{{ $promooptions := (dict "targetPath" "promo.css" "outputStyle" "compressed" "enableSourceMap" true) }} {{ $home := resources.Get "css/home.scss" | resources.Minify }}
{{ $promo := resources.Get "css/promo.scss" | resources.ToCSS $promooptions | resources.Fingerprint | {{ $groups := resources.Get "css/groups.scss" | resources.Minify }}
resources.Minify }} {{ $timeline := resources.Get "css/timeline.scss" | resources.Minify }}
<link href="{{ $promo.RelPermalink }}" rel="stylesheet"> {{ $pages := resources.Get "css/pages.scss" | resources.Minify }}
{{ $homeoptions := (dict "targetPath" "home.css" "outputStyle" "compressed" "enableSourceMap" true) }} {{ $footer := resources.Get "css/footer.scss" | resources.Minify }}
{{ $home := resources.Get "css/home.scss" | resources.ToCSS $homeoptions | resources.Fingerprint | {{ $changelog := resources.Get "css/changelog.scss" | resources.Minify }}
resources.Minify }} {{ $scss := slice $variables $header $promo $home $groups $timeline $pages $footer $changelog | resources.Concat "css/custom.scss" }}
<link href="{{ $home.RelPermalink }}" rel="stylesheet"> {{ $css := $scss | toCSS (dict "targetPath" "css/custom.min.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $timelineoptions := (dict "targetPath" "timeline.css" "outputStyle" "compressed" "enableSourceMap" true) }} <link rel="stylesheet" href="{{ $css.RelPermalink }}">
{{ $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">
<link href="{{ "css/font-awesome.min.css" | relURL }}" rel="stylesheet" defer> <link href="{{ "css/font-awesome.min.css" | relURL }}" rel="stylesheet" defer>
<link href="{{ "css/googlefonts_montserrat.css" | relURL }}" rel="stylesheet" defer> <link href="{{ "css/googlefonts_montserrat.css" | relURL }}" rel="stylesheet" defer>
</head> </head>

<body> <body>


<div id="preloader"> <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)"> style="background-image:url(./img/hero_homepage.jpg)" >
<div class="promo__container container text-center"> <div class="promo__container container text-center">
<h1>{{ .Param "promo-h1" }}</h1> <h1>{{ .Param "promo-h1" }}</h1>
<p>{{ .Param "promo-p1" }}</p> <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> </div>
</section> </section>

@ -1,40 +1,42 @@

<header class="header"> <header class="header">
<div class="container-fluid"> <div class="container navigation">
<div class="row align-items-center"> <div class="row d-lg-flex flex-lg-nowrap">
{{ $imageresource := resources.Get "img/logo.png" }} {{ $imageresource := resources.Get "img/logo.png" }}
{{ $imagefile := $imageresource.Resize "350x60" }} {{ $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> height="49" alt="OpenPOWER"></a></div>
<div class="header__menu-col col"> <div class="header__menu-col col">
<nav class="header__menu-nav"> <nav class="navbar navbar-expand-lg header__menu-nav" id="nav-menu-container">
<ul class="nav-menu header__menu d-flex justify-content-center list-unstyled"> <ul class="nav-menu header__menu d-lg-flex justify-content-center list-unstyled">
{{ range .Site.Menus.navbar }} {{ range .Site.Menus.navbar }}
{{ if eq .Identifier "groups" }} {{ if eq .Identifier "groups" }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a> <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 }} {{ range $.Site.Pages }}
{{ $group := .Param "wgtype" }} {{ $group := .Param "wgtype" }}
{{ if eq $group "twg" }} {{ if eq $group "twg" }}
<li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li> <li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }} {{ end }}
{{ if eq $group "sig" }} {{ if eq $group "sig" }}
<li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li> <li class="header__menu-item"> <a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }} {{ end }}
{{ end }} {{ end }}
</ul> </ul>
{{ else }} {{ else }}
{{ if .HasChildren }} {{ if .HasChildren }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a> <li class="header__menu-item menu-has-children">
<ul class="justify-content-center list-unstyled"> <a href="{{ .URL }}">{{ .Name }}</a>
<ul class="">
{{ range .Children }} {{ range .Children }}
{{ if .HasChildren }} {{ if .HasChildren }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a> <li class="header__menu-item menu-has-children">
<ul class="justify-content-center list-unstyled"> <a href="{{ .URL }}">{{ .Name }}</a>
{{ range .Children }} <ul class="">
<li class="header__menu-item"><a href="{{ .URL }}">{{ .Name }}</a></li> {{ range .Children }}
{{ end }} <li class="header__menu-item"><a href="{{ .URL }}">{{ .Name }}</a></li>
</ul> {{ end }}
</ul>
</li> </li>
{{ else }} {{ else }}
<li class="header__menu-item"> <li class="header__menu-item">
@ -52,24 +54,38 @@
{{ end }} {{ end }}
</ul> </ul>
{{ else }} {{ 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 }} {{ 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="/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> <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> </ul>
</nav> </nav>
</div> </div>
<div class="header__contact-col col d-flex align-items-center"> <div class="header__contact-col col d-flex flex-nowrap justify-content-center align-items-center">
<div class="social__list"><a class="social__item _tw" href="/"><span <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">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">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">LinkedIn</span></a><a class="social__item _yt" href="/"><span
class="visually-hidden">Youtube</span></a> class="visually-hidden">Youtube</span></a>
</div> </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>
</div>
</div> </div>
</header> </header>
Loading…
Cancel
Save