Transition homepage and join page, break css into separate scss files
After Width: | Height: | Size: 97 B |
After Width: | Height: | Size: 152 KiB |
After Width: | Height: | Size: 152 KiB |
After Width: | Height: | Size: 152 KiB |
After Width: | Height: | Size: 152 KiB |
After Width: | Height: | Size: 152 KiB |
After Width: | Height: | Size: 144 KiB |
After Width: | Height: | Size: 184 KiB |
@ -0,0 +1,72 @@
|
|||||||
|
---
|
||||||
|
title: 'Membership'
|
||||||
|
date: 2021-07-17
|
||||||
|
type: home
|
||||||
|
layout: single
|
||||||
|
|
||||||
|
promo-h1: OpenPOWER Foundation
|
||||||
|
promo-p1: Create the Future with POWER
|
||||||
|
promo-cta: Join us
|
||||||
|
|
||||||
|
article-1:
|
||||||
|
header: OpenPOWER
|
||||||
|
lead-1: A Technical Workgroup (TWG)
|
||||||
|
p-1: 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.
|
||||||
|
lead-2: A Special Integration Group (SIG)
|
||||||
|
p-2: 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.
|
||||||
|
|
||||||
|
article-2:
|
||||||
|
header: OpenPOWER
|
||||||
|
lead-1: Industry Proven
|
||||||
|
p-1:
|
||||||
|
By open sourcing and developing on the POWER ISA - one of the most sophisticated processor architectures
|
||||||
|
available - the OpenPOWER Foundation is democratizing access and extending the reach of the RISC-based
|
||||||
|
architecture.
|
||||||
|
lead-2: Open for All
|
||||||
|
p-2:
|
||||||
|
With more than 350 members collaborating regularly, the entire semiconductor industry - from global
|
||||||
|
organizations with deep expertise to individual creators with a new lens - can innovate with choice and build
|
||||||
|
and develop across the full Hardware and Software stack.</p>
|
||||||
|
<h3>Complete Equation
|
||||||
|
lead-3: Complete Equation
|
||||||
|
p-3:
|
||||||
|
Open development of this scale enables unprecedented customization across applications, operating systems and
|
||||||
|
firmware - driving hundreds of innovations across artificial intelligence, supercomputing, hyperscale and
|
||||||
|
more.
|
||||||
|
|
||||||
|
sections:
|
||||||
|
section-1:
|
||||||
|
title: What are you building?
|
||||||
|
article-1:
|
||||||
|
image: ./img/thumb-1.jpg
|
||||||
|
text: Libre BMC
|
||||||
|
url: /
|
||||||
|
article-2:
|
||||||
|
image: ./img/thumb-2.jpg
|
||||||
|
text: Libre BMC
|
||||||
|
url: /
|
||||||
|
article-3:
|
||||||
|
image: ./img/thumb-3.jpg
|
||||||
|
text: Libre BMC
|
||||||
|
url: /
|
||||||
|
section-dark:
|
||||||
|
p-1: With its open ecosystem approach, active participation from its global membership base and powerful foundation of the POWER ISA, the OpenPOWER Foundation is the premiere organization to facilitate truly effective collaboration and drive meaningful, accessible innovation across the open hardware industry.
|
||||||
|
cta: Libre BMC
|
||||||
|
section-supporters:
|
||||||
|
title: Supporters of OpenPOWER
|
||||||
|
logos:
|
||||||
|
- title: image
|
||||||
|
image: 180x102.png
|
||||||
|
- title: image
|
||||||
|
image: 180x102.png
|
||||||
|
- title: image
|
||||||
|
image: 180x102.png
|
||||||
|
- title: image
|
||||||
|
image: 180x102.png
|
||||||
|
|
||||||
|
section-subscribe:
|
||||||
|
title: Subscribe to the OpenPOWER newsletter.
|
||||||
|
p-1: Sign up with your email address to receive news and updates.
|
||||||
|
draft: false
|
||||||
|
---
|
@ -1,5 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: "OpenPOWER Foundation Event List"
|
title: "OpenPOWER Foundation Event List"
|
||||||
date: 2021-03-11
|
date: 2021-03-11
|
||||||
|
type: events
|
||||||
|
layout: list
|
||||||
draft: false
|
draft: false
|
||||||
---
|
---
|
@ -1,7 +0,0 @@
|
|||||||
---
|
|
||||||
title: "OpenPOWER Summit EU 2019"
|
|
||||||
eventdate: 2019-10-31
|
|
||||||
eventplace: "Lyon, France"
|
|
||||||
date: 2019-10-31
|
|
||||||
draft: false
|
|
||||||
---
|
|
@ -1,15 +0,0 @@
|
|||||||
---
|
|
||||||
title: "OpenPOWER Summit Virtual 2020"
|
|
||||||
eventdate: 2020-09-15
|
|
||||||
eventlocation: "Virtual"
|
|
||||||
summary: "The OpenPOWER Summit North America is going virtual on September 15, 2020."
|
|
||||||
date: 2020-09-15
|
|
||||||
draft: false
|
|
||||||
---
|
|
||||||
|
|
||||||
|
|
||||||
The OpenPOWER Summit North America is going virtual on September 15, 2020.
|
|
||||||
|
|
||||||
The event will bring open hardware and software developers, OpenPOWER Member companies,
|
|
||||||
researchers and academics across the ecosystem to share learnings, highlight innovation and discuss the future of OpenPOWER
|
|
||||||
in an online setting. Architects, developers, executives, and end users are all welcome.
|
|
@ -1,23 +1,13 @@
|
|||||||
---
|
---
|
||||||
title: "OpenPOWER Summit Virtual 2021"
|
title: "OpenPOWER Summit EU 2019"
|
||||||
eventdate: 2021-10-28
|
eventdate: 2019-10-31
|
||||||
eventlocation: "Virtual"
|
eventplace: "Lyon, France"
|
||||||
prereg:
|
eventcalendar: Google Calendar ICS
|
||||||
organizer: summit
|
eventtime: 10:00am 6:00pm
|
||||||
event: 2021
|
image: thumb-7.jpg
|
||||||
pretalx: summit2021
|
link: '#'
|
||||||
date: 2021-05-30
|
date: 2021-10-27
|
||||||
draft: false
|
draft: false
|
||||||
---
|
---
|
||||||
|
|
||||||
The __OpenPOWER Summit 2021__ is going to be _virtual_ again, and will be held on __28th October 2021__.
|
First- It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
|
||||||
|
|
||||||
The event will bring open hardware and software developers, OpenPOWER Member companies,
|
|
||||||
researchers and academics across the ecosystem to share learnings, highlight innovation and
|
|
||||||
discuss the future of OpenPOWER in an online setting. Architects, developers, executives, and end users are all welcome.
|
|
||||||
|
|
||||||
We are looking for presentations about OpenPOWER, more can be found on the following website.
|
|
||||||
[https://cfp.openpower.foundation/summit2021/cfp](https://cfp.openpower.foundation/summit2021/cfp){{< externallink >}}
|
|
||||||
|
|
||||||
We will be opening registration soon, please keep an eye on this page for updates.
|
|
||||||
|
|
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
title: "OpenPOWER Summit EU 2021"
|
||||||
|
eventdate: 2021-10-31
|
||||||
|
eventplace: "Lyon, France"
|
||||||
|
eventcalendar: Google Calendar ICS
|
||||||
|
eventtime: 10:00am 6:00pm
|
||||||
|
image: thumb-7.jpg
|
||||||
|
link: '#'
|
||||||
|
date: 2021-10-28
|
||||||
|
draft: false
|
||||||
|
---
|
||||||
|
|
||||||
|
Second - It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
|
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
title: "OpenPOWER Summit EU 2023"
|
||||||
|
eventdate: 2023-10-31
|
||||||
|
eventplace: "Lyon, France"
|
||||||
|
eventcalendar: Google Calendar ICS
|
||||||
|
eventtime: 10:00am 6:00pm
|
||||||
|
image: thumb-7.jpg
|
||||||
|
link: '#'
|
||||||
|
date: 2021-10-29
|
||||||
|
draft: false
|
||||||
|
---
|
||||||
|
|
||||||
|
Third- It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
|
@ -0,0 +1,68 @@
|
|||||||
|
.header {
|
||||||
|
padding: 1rem 0;
|
||||||
|
border-bottom: 1px solid #1b1c1f;
|
||||||
|
position: fixed;
|
||||||
|
width: 100vw;
|
||||||
|
background: white;
|
||||||
|
z-index: 100;
|
||||||
|
&__logo {
|
||||||
|
text-decoration: none;
|
||||||
|
&-col {
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&__menu {
|
||||||
|
margin-bottom: 0;
|
||||||
|
align-items: center;
|
||||||
|
line-height: 1.2;
|
||||||
|
&-item {
|
||||||
|
text-align: center;
|
||||||
|
&.menu-has-children {
|
||||||
|
position: relative;
|
||||||
|
ul {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
background-color: white;
|
||||||
|
li {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
ul {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
&:hover a::after,
|
||||||
|
&._active a::after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
padding: .3em .2em;
|
||||||
|
color: #02123e;
|
||||||
|
&::after {
|
||||||
|
display: block;
|
||||||
|
content: '';
|
||||||
|
width: 0;
|
||||||
|
border-bottom: 1px solid currentColor;
|
||||||
|
transition: width .2s ease-out;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
color: #1595b1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&__contact-col {
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
&__contact-btn {
|
||||||
|
min-width: 120px;
|
||||||
|
margin-left: 2em;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,54 @@
|
|||||||
|
|
||||||
|
.post__article {
|
||||||
|
position: relative;
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-bottom: 3.75rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.post__title {
|
||||||
|
display: block;
|
||||||
|
margin-top: 1em;
|
||||||
|
color: black;
|
||||||
|
&:hover{
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
&::before {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.teaser {
|
||||||
|
&__section {
|
||||||
|
padding: 5.625rem 0;
|
||||||
|
&._dark {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1b1c1f;
|
||||||
|
a {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&._navy {
|
||||||
|
background-color: #acc8fa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&__title {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
&__form {
|
||||||
|
margin-top: 4.1em;
|
||||||
|
}
|
||||||
|
&__info {
|
||||||
|
margin: 3.75rem 0;
|
||||||
|
padding: 3.75rem 0;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid none;
|
||||||
|
border-color: #1b1c1f;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,27 @@
|
|||||||
|
.promo__section {
|
||||||
|
position: relative;
|
||||||
|
min-height: 820px;
|
||||||
|
color: #fff;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
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 {
|
||||||
|
position: relative; }
|
||||||
|
|
||||||
|
.promo__title._large {
|
||||||
|
font-size: calc(1.525rem + 3.3vw); }
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.promo__title._large {
|
||||||
|
font-size: 4rem; } }
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,76 +0,0 @@
|
|||||||
{{ partial "header.html" . }}
|
|
||||||
|
|
||||||
{{ partial "navbar.html" . }}
|
|
||||||
|
|
||||||
{{ $eventdate := time (.Param "eventdate") }}
|
|
||||||
{{ $eventdate = $eventdate.Format "Monday, January 2, 2006" }}
|
|
||||||
{{ $eventorganizer := .Param "prereg.organizer" }}
|
|
||||||
{{ $eventcode := .Param "prereg.event" }}
|
|
||||||
{{ $eventsched := .Param "pretalx" }}
|
|
||||||
|
|
||||||
<main id="main">
|
|
||||||
|
|
||||||
<section id="page" class="section-bg">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="section-header">
|
|
||||||
<h1 class="section-title">{{ .Title }}</h1>
|
|
||||||
<h3 class="section-description">{{ $eventdate }} @ {{ .Param "eventlocation" }}</h3>
|
|
||||||
<span class="section-divider"></span>
|
|
||||||
</div>
|
|
||||||
{{ if .Param "image" }}
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12 text-center content wow fadeInTop"><p>
|
|
||||||
{{ $imagefilename := .Param "image.file" }}
|
|
||||||
{{ $imagesize := .Param "image.size" }}
|
|
||||||
{{ $imagelocation := printf "%s/%s" "img" $imagefilename }}
|
|
||||||
{{ $imageresource := resources.Get $imagelocation }}
|
|
||||||
{{ if $imageresource }}
|
|
||||||
{{ $imagefile := $imageresource }}
|
|
||||||
{{ if $imagesize }}
|
|
||||||
{{ $imagefile = $imageresource.Resize $imagesize }}
|
|
||||||
{{ else }}
|
|
||||||
{{ $imagefile = $imageresource.Resize "1000x250" }}
|
|
||||||
{{ end }}
|
|
||||||
<figure>
|
|
||||||
<img src="{{ $imagefile.RelPermalink }}">
|
|
||||||
</figure>
|
|
||||||
{{ end }}
|
|
||||||
</p></div>
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-6 content wow fadeInRight">{{ .Content }}</div>
|
|
||||||
<div class="col-lg-6 content wow fadeInLeft">
|
|
||||||
{{ if and $eventorganizer $eventcode }}
|
|
||||||
<div id="registration">
|
|
||||||
<link rel="stylesheet" type="text/css" href="https://registration.openpower.foundation/{{ $eventorganizer }}/{{ $eventcode }}/widget/v1.css">
|
|
||||||
<div class="pretix-widget-compat" event="https://registration.openpower.foundation/{{ $eventorganizer }}/{{ $eventcode }}/"></div>
|
|
||||||
<noscript><div class="pretix-widget"><div class="pretix-widget-info-message">
|
|
||||||
JavaScript is disabled in your browser. To access our ticket shop without JavaScript, please <a target="_blank" rel="noopener" href="https://registration.openpower.foundation/{{ $eventorganizer }}/{{ $eventcode }}/">click here</a>
|
|
||||||
</div></div></noscript>
|
|
||||||
<a href="https://registration.openpower.foundation/{{ $eventorganizer }}/{{ $eventcode }}/">External Direct Registration Link <i class="external link alternate icon"></i></a>
|
|
||||||
</div>
|
|
||||||
{{ else }}
|
|
||||||
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{ if $eventsched }}
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12 content wow fadeInBottom">
|
|
||||||
<div id="schedule">
|
|
||||||
<script src="https://cfp.openpower.foundation/{{ $eventsched }}/schedule/widget/v2.en.js" type="text/javascript" async></script>
|
|
||||||
<pretalx-schedule event-url="https://cfp.openpower.foundation/{{ $eventsched }}/" locale="en" format="grid" style="--pretalx-clr-primary: #3aa57c"></pretalx-schedule>
|
|
||||||
<noscript><div class="pretalx-widget"><div class="pretalx-widget-info-message">
|
|
||||||
JavaScript is disabled in your browser. To access our schedule without JavaScript, please <a target="_blank" href="https://cfp.openpower.foundation/{{ $eventsched }}/schedule/">click here</a>.
|
|
||||||
</div></div></noscript>
|
|
||||||
<a href="https://cfp.openpower.foundation/{{ $eventsched }}/schedule/">External Direct Schedule Link <i class="external link alternate icon"></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
|
|
||||||
{{ partial "footer.html" . }}
|
|
@ -1,108 +1,95 @@
|
|||||||
{{ partial "header.html" . }}
|
{{ partial "header.html" . }}
|
||||||
|
|
||||||
{{ partial "navbar.html" . }}
|
{{ partial "navbar.html" . }}
|
||||||
<section class="promo__section d-flex flex-column justify-content-center"
|
|
||||||
style="background-image:url(./img/promo-2.jpg)">
|
{{ partial "home-promo" . }}
|
||||||
<div class="promo__container container text-center">
|
|
||||||
<h1>OpenPOWER Foundation</h1>
|
<main class="main">
|
||||||
<p>Create the Future with POWER</p>
|
<div class="container">
|
||||||
<p><a class="btn btn-light" href="/">Join us</a></p>
|
<div class="row">
|
||||||
</div>
|
<div class="col-md-6 mb-5"><img class="img-fluid" src="./img/thumb-4.jpg" width="600" height="420" alt="">
|
||||||
</section>
|
</div>
|
||||||
<main class="main">
|
<div class="col-md-6 mb-5">
|
||||||
<div class="container">
|
<h2>{{ .Param "article-1.header" }}</h2>
|
||||||
<div class="row">
|
<p><b>{{ .Param "article-1.lead-1" }}</b> {{ .Param "article-1.p-1" }}</p>
|
||||||
<div class="col-md-6 mb-5"><img class="img-fluid" src="./img/thumb-4.jpg" width="600" height="420" alt="">
|
<p><b>{{ .Param "article-1.lead-2" }}</b> {{ .Param "article-1.p-2" }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 mb-5">
|
</div>
|
||||||
<h2>OpenPOWER</h2>
|
<div class="row flex-md-row-reverse">
|
||||||
<p><b>A Technical Workgroup (TWG)</b> is a workgroup that provides technical specifications and will help define
|
<div class="col-md-6 mb-5"><img class="img-fluid" src="./img/thumb-5.jpg" width="600" height="420" alt="">
|
||||||
next-generation of the specifications, definitions, and the compliance of these specifications with primary
|
</div>
|
||||||
output being specification documents.</p>
|
<div class="col-md-6 mb-5">
|
||||||
<p><b>A Special Integration Group (SIG)</b> is a workgroup that provides an implementation of technical
|
<h2>{{ .Param "article-2.header" }}</h2>
|
||||||
specifications with the goal to produce reference designs. A SIG will normally provide a reference design, a
|
<h3>{{ .Param "article-2.lead-1" }}</h3>
|
||||||
finished product, or help maintain project for direct usage.</p>
|
<p>{{ .Param "article-2.p-1" }}</p>
|
||||||
</div>
|
<h3>{{ .Param "article-2.lead-2" }}</h3>
|
||||||
</div>
|
<p>{{ .Param "article-2.p-2" }}</p>
|
||||||
<div class="row flex-md-row-reverse">
|
<h3>{{ .Param "article-2.lead-3" }}</h3>
|
||||||
<div class="col-md-6 mb-5"><img class="img-fluid" src="./img/thumb-5.jpg" width="600" height="420" alt="">
|
<p>{{ .Param "article-2.p-3" }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 mb-5">
|
</div>
|
||||||
<h2>OpenPOWER</h2>
|
</div>
|
||||||
<h3>Industry Proven</h3>
|
</main>
|
||||||
<p>By open sourcing and developing on the POWER ISA - one of the most sophisticated processor architectures
|
<section class="teaser__section pt-0">
|
||||||
available - the OpenPOWER Foundation is democratizing access and extending the reach of the RISC-based
|
<div class="container">
|
||||||
architecture.</p>
|
<h2 class="teaser__title text-center">{{ .Param "sections.section-1.title" }}</h2>
|
||||||
<h3>Open for All</h3>
|
<div class="row">
|
||||||
<p>With more than 350 members collaborating regularly, the entire semiconductor industry - from global
|
<article class="post__article col-md-4">
|
||||||
organizations with deep expertise to individual creators with a new lens - can innovate with choice and build
|
<div class="post__thumb"><img class="img-fluid" src="./img/thumb-1.jpg" width="390" height="390" alt="">
|
||||||
and develop across the full Hardware and Software stack.</p>
|
</div><a class="post__title" href="/">{{ .Param "sections.section-1.article-1.text" }}</a>
|
||||||
<h3>Complete Equation</h3>
|
</article>
|
||||||
<p>Open development of this scale enables unprecedented customization across applications, operating systems and
|
<article class="post__article col-md-4">
|
||||||
firmware - driving hundreds of innovations across artificial intelligence, supercomputing, hyperscale and
|
<div class="post__thumb"><img class="img-fluid" src="./img/thumb-2.jpg" width="390" height="390" alt="">
|
||||||
more.</p>
|
</div><a class="post__title" href="/">{{ .Param "sections.section-1.article-2.text" }}</a>
|
||||||
</div>
|
</article>
|
||||||
</div>
|
<article class="post__article col-md-4">
|
||||||
</div>
|
<div class="post__thumb"><img class="img-fluid" src="./img/thumb-3.jpg" width="390" height="390" alt="">
|
||||||
</main>
|
</div><a class="post__title" href="/">{{ .Param "sections.section-1.article-3.text" }}</a>
|
||||||
<section class="teaser__section pt-0">
|
</article>
|
||||||
<div class="container">
|
</div>
|
||||||
<h2 class="teaser__title text-center">What are you building?</h2>
|
<p class="text-center"><a class="btn btn-outline-primary">Libre BMC</a></p>
|
||||||
<div class="row">
|
</div>
|
||||||
<article class="post__article col-md-4">
|
</section>
|
||||||
<div class="post__thumb"><img class="img-fluid" src="./img/thumb-1.jpg" width="390" height="390" alt="">
|
<section class="teaser__section _dark">
|
||||||
</div><a class="post__title" href="/">Libre BMC</a>
|
<div class="container text-center">
|
||||||
</article>
|
<p class="h2 mb-4">{{ .Param "sections.section-dark.p-1" }}</p>
|
||||||
<article class="post__article col-md-4">
|
<p><a class="btn btn-light" href="/">{{ .Param "sections.section-dark.cta" }}</a></p>
|
||||||
<div class="post__thumb"><img class="img-fluid" src="./img/thumb-2.jpg" width="390" height="390" alt="">
|
</div>
|
||||||
</div><a class="post__title" href="/">Libre BMC</a>
|
</section>
|
||||||
</article>
|
<section class="teaser__section">
|
||||||
<article class="post__article col-md-4">
|
<div class="container">
|
||||||
<div class="post__thumb"><img class="img-fluid" src="./img/thumb-3.jpg" width="390" height="390" alt="">
|
<h2 class="teaser__title text-center">{{ .Param "sections.section-supporters.title" }}</h2>
|
||||||
</div><a class="post__title" href="/">Libre BMC</a>
|
<div class="row justify-content-center">
|
||||||
</article>
|
{{ range .Param "sections.section-supporters.logos" }}
|
||||||
</div>
|
|
||||||
<p class="text-center"><a class="btn btn-outline-primary">Libre BMC</a></p>
|
{{ $imagename := .image }}
|
||||||
</div>
|
{{ $imagelocation := (printf "%s/%s" "images/" $imagename) }}
|
||||||
</section>
|
{{ $imageresource := resources.Get $imagelocation }}
|
||||||
<section class="teaser__section _dark">
|
{{ $image := $imageresource.Fit "180x102" }}
|
||||||
<div class="container text-center">
|
<div class="col-md-2"><img class="img-fluid" src="{{ $image.RelPermalink }}" width="180" height="102" alt="{{ .title }}"></div>
|
||||||
<p class="h2 mb-4">With its open ecosystem approach, active participation from its global membership base and
|
{{ end }}
|
||||||
powerful foundation of the POWER ISA, the OpenPOWER Foundation is the premiere organization to facilitate truly
|
</div>
|
||||||
effective collaboration and drive meaningful, accessible innovation across the open hardware industry.</p>
|
</div>
|
||||||
<p><a class="btn btn-light" href="/">Libre BMC</a></p>
|
</section>
|
||||||
</div>
|
<section class="teaser__section _navy">
|
||||||
</section>
|
<div class="container text-center">
|
||||||
<section class="teaser__section">
|
<h2 class="teaser__title">{{ .Param "sections.section-subscribe.title" }}</h2>
|
||||||
<div class="container">
|
<p>{{ .Param "sections.section-subscribe.p-1" }}</p>
|
||||||
<h2 class="teaser__title text-center">Supporters of OpenPOWER</h2>
|
<form class="teaser__form row justify-content-center" action="/" method="post">
|
||||||
<div class="row justify-content-center">
|
<div class="col-md-2">
|
||||||
<div class="col-md-2"><img class="img-fluid" src="./img/180x102.png" width="180" height="102" alt=""></div>
|
<input class="form-control" name="" type="text" value="">
|
||||||
<div class="col-md-2"><img class="img-fluid" src="./img/180x102.png" width="180" height="102" alt=""></div>
|
</div>
|
||||||
<div class="col-md-2"><img class="img-fluid" src="./img/180x102.png" width="180" height="102" alt=""></div>
|
<div class="col-md-2">
|
||||||
<div class="col-md-2"><img class="img-fluid" src="./img/180x102.png" width="180" height="102" alt=""></div>
|
<input class="form-control" name="" type="text" value="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-md-2">
|
||||||
</section>
|
<input class="form-control" name="" type="text" value="">
|
||||||
<section class="teaser__section _navy">
|
</div>
|
||||||
<div class="container text-center">
|
<div class="col-md-2">
|
||||||
<h2 class="teaser__title">Subscribe to the OpenPOWER newsletter.</h2>
|
<input class="btn btn-outline-primary" type="submit" value="Submit">
|
||||||
<p>Sign up with your email address to receive news and updates.</p>
|
</div>
|
||||||
<form class="teaser__form row justify-content-center" action="/" method="post">
|
</form>
|
||||||
<div class="col-md-2">
|
</div>
|
||||||
<input class="form-control" name="" type="text" value="">
|
</section>
|
||||||
</div>
|
|
||||||
<div class="col-md-2">
|
|
||||||
<input class="form-control" name="" type="text" value="">
|
|
||||||
</div>
|
|
||||||
<div class="col-md-2">
|
|
||||||
<input class="form-control" name="" type="text" value="">
|
|
||||||
</div>
|
|
||||||
<div class="col-md-2">
|
|
||||||
<input class="btn btn-outline-primary" type="submit" value="Submit">
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{{ partial "footer.html" . }}
|
{{ partial "footer.html" . }}
|
||||||
|
@ -0,0 +1,101 @@
|
|||||||
|
{{ partial "header.html" . }}
|
||||||
|
{{ partial "navbar.html" . }}
|
||||||
|
|
||||||
|
<main id="main" class="main">
|
||||||
|
<div id="joinus">
|
||||||
|
<div class="container">
|
||||||
|
<section id="intro">
|
||||||
|
<h1 class="section-header mb-5 text-center">{{ .Title }}</h1>
|
||||||
|
<h2>{{ .Param "intro.subtitle" }}</h2>
|
||||||
|
<p>{{ .Param "intro.p-2" }}</p>
|
||||||
|
<p><b>{{ .Param "intro.p-3" }}</b></p>
|
||||||
|
<p><a class="btn-outline-primary btn" href="{{ .Param "join.cta.url" }}">{{ .Param "join.cta.title" }}</a></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="teaser">
|
||||||
|
<div class="teaser__info">
|
||||||
|
<h2>{{ .Param "join.teaser.title" }}</h2>
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
{{ range .Param "join.options" }}
|
||||||
|
<li>{{ .option }}</li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="membership-levels">
|
||||||
|
<h2>{{ .Param "membership-levels.title" }}</h2>
|
||||||
|
<p>{{ .Param "membership-levels.subtitle" }}</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
{{ range .Param "membership-levels.options" }}
|
||||||
|
<li>{{ .option }}</li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
<p class="membership-levels-text">{{ .Param "membership-levels.text" }}</p>
|
||||||
|
<ul>
|
||||||
|
{{ range .Param "membership-levels.features" }}
|
||||||
|
<li>{{ .feature }}</li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
<figure class="figure d-flex justify-content-center">
|
||||||
|
{{ if .Param "membership-levels.image-table" }}
|
||||||
|
{{ $imagename := .Param "membership-levels.image-table.image" }}
|
||||||
|
{{ $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" }}">
|
||||||
|
{{ else }}
|
||||||
|
{{ .Title }}
|
||||||
|
{{ end }}
|
||||||
|
</figure>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="membership-benefits">
|
||||||
|
<div class="teaser__info">
|
||||||
|
<h2 class="text-center mb-5">{{ .Param "membership-benefits.title" }}</h2>
|
||||||
|
|
||||||
|
<figure class="figure d-flex justify-content-center">
|
||||||
|
{{ if .Param "membership-benefits.image-table" }}
|
||||||
|
{{ $imagename := .Param "membership-benefits.image-table.image" }}
|
||||||
|
{{ $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" }}">
|
||||||
|
{{ else }}
|
||||||
|
{{ .Title }}
|
||||||
|
{{ end }}
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="become-member">
|
||||||
|
<h2 class="text-center mb-5">{{ .Param "become-member.title" }}</h2>
|
||||||
|
<div class="row">
|
||||||
|
{{ range .Param "become-member.options" }}
|
||||||
|
<article class="post__article col-md-6">
|
||||||
|
<div class="post__thumb">
|
||||||
|
{{ $imagename := .image }}
|
||||||
|
{{ $imagelocation := (printf "%s/%s" "images/join/" $imagename) }}
|
||||||
|
{{ $imageresource := resources.Get $imagelocation }}
|
||||||
|
{{ $image := $imageresource.Fit "600x390" }}
|
||||||
|
<img src="{{ $image.RelPermalink }}" alt="{{ .title }}" title="{{ .title }}">
|
||||||
|
</div>
|
||||||
|
<div class="h2">{{ .title }}</div>
|
||||||
|
<p>{{ .text }}</p>
|
||||||
|
<p><a class="btn-outline-primary btn-sm btn" href="{{ .cta_url }}">{{ .cta_text }}</a></p>
|
||||||
|
</article>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!--
|
||||||
|
{{ .Content }}
|
||||||
|
-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
{{ partial "footer.html" . }}
|
@ -0,0 +1,8 @@
|
|||||||
|
<section class="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>
|
||||||
|
</div>
|
||||||
|
</section>
|
@ -0,0 +1,5 @@
|
|||||||
|
{{ $url := .Get "url" }}
|
||||||
|
{{ $text := .Get "text" }}
|
||||||
|
{{ $classes := .Get "classes" }}
|
||||||
|
|
||||||
|
<a class="btn {{ $classes }}" href="{{ $url }}">{{ $text }}</a>
|
@ -0,0 +1 @@
|
|||||||
|
<svg enable-background="new 0 0 155.139 155.139" viewBox="0 0 155.139 155.139" xmlns="http://www.w3.org/2000/svg"><path d="m89.584 155.139v-70.761h23.742l3.562-27.585h-27.304v-17.609c0-7.984 2.208-13.425 13.67-13.425l14.595-.006v-24.673c-2.524-.328-11.188-1.08-21.272-1.08-21.057 0-35.473 12.853-35.473 36.452v20.341h-23.814v27.585h23.814v70.761z" fill="#010002"/></svg>
|
After Width: | Height: | Size: 370 B |
After Width: | Height: | Size: 18 MiB |
@ -0,0 +1 @@
|
|||||||
|
<svg enable-background="new 0 0 438.536 438.535" height="438.535" viewBox="0 0 438.536 438.535" width="438.536" xmlns="http://www.w3.org/2000/svg"><path d="m5.424 145.895h94.216v282.932h-94.216z"/><path d="m408.842 171.739c-19.791-21.604-45.967-32.408-78.512-32.408-11.991 0-22.891 1.475-32.695 4.427-9.801 2.95-18.079 7.089-24.838 12.419-6.755 5.33-12.135 10.278-16.129 14.844-3.798 4.337-7.512 9.389-11.136 15.104v-40.232h-93.935l.288 13.706c.193 9.139.288 37.307.288 84.508 0 47.205-.19 108.777-.572 184.722h93.931v-157.887c0-9.705 1.041-17.412 3.139-23.127 4-9.712 10.037-17.843 18.131-24.407 8.093-6.572 18.13-9.855 30.125-9.855 16.364 0 28.407 5.662 36.117 16.987 7.707 11.324 11.561 26.98 11.561 46.966v151.314h93.931v-162.156c-.007-41.688-9.897-73.328-29.694-94.925z"/><path d="m53.103 9.708c-15.796 0-28.595 4.619-38.4 13.848-9.804 9.231-14.703 20.885-14.703 34.973 0 13.891 4.758 25.505 14.275 34.829 9.514 9.325 22.078 13.99 37.685 13.99h.571c15.99 0 28.887-4.661 38.688-13.99 9.801-9.324 14.606-20.934 14.417-34.829-.19-14.087-5.047-25.742-14.561-34.973-9.513-9.233-22.175-13.848-37.972-13.848z"/></svg>
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1 @@
|
|||||||
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m23.953 4.57a10 10 0 0 1 -2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0 -8.384 4.482c-4.09-.193-7.713-2.158-10.14-5.126a4.822 4.822 0 0 0 -.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1 -2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1 -2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1 -6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63a9.935 9.935 0 0 0 2.46-2.548z"/></svg>
|
After Width: | Height: | Size: 596 B |
@ -0,0 +1 @@
|
|||||||
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m23.498 6.186a3.016 3.016 0 0 0 -2.122-2.136c-1.871-.505-9.376-.505-9.376-.505s-7.505 0-9.377.505a3.017 3.017 0 0 0 -2.121 2.136c-.502 1.884-.502 5.814-.502 5.814s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136c.501-1.884.501-5.814.501-5.814s0-3.93-.502-5.814zm-13.953 9.382v-7.136l6.273 3.568z"/></svg>
|
After Width: | Height: | Size: 450 B |