forked from website/openpower.foundation
Transition homepage and join page, break css into separate scss files
parent
81b1ffec4e
commit
36f61abaa9
Binary file not shown.
|
After Width: | Height: | Size: 97 B |
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 152 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 |
@ -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"
|
||||
date: 2021-03-11
|
||||
type: events
|
||||
layout: list
|
||||
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"
|
||||
eventdate: 2021-10-28
|
||||
eventlocation: "Virtual"
|
||||
prereg:
|
||||
organizer: summit
|
||||
event: 2021
|
||||
pretalx: summit2021
|
||||
date: 2021-05-30
|
||||
title: "OpenPOWER Summit EU 2019"
|
||||
eventdate: 2019-10-31
|
||||
eventplace: "Lyon, France"
|
||||
eventcalendar: Google Calendar ICS
|
||||
eventtime: 10:00am 6:00pm
|
||||
image: thumb-7.jpg
|
||||
link: '#'
|
||||
date: 2021-10-27
|
||||
draft: false
|
||||
---
|
||||
|
||||
The __OpenPOWER Summit 2021__ is going to be _virtual_ again, and will be held on __28th October 2021__.
|
||||
|
||||
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.
|
||||
|
||||
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.
|
||||
@ -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,59 +1,42 @@
|
||||
{{ partial "header.html" . }}
|
||||
|
||||
{{ partial "navbar.html" . }}
|
||||
|
||||
<main id="main">
|
||||
|
||||
<section id="more-features" class="section-bg">
|
||||
<div class="container-fluid">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">{{ .Title }}</h3>
|
||||
<span class="section-divider"></span>
|
||||
<p class="section-description"></p>
|
||||
</div>
|
||||
{{ if .Content }}
|
||||
<div class="row">
|
||||
<div class="col-lg-8">{{ .Content }}</div>
|
||||
<div class="col-lg-2"> </div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="row">
|
||||
<div class="col-lg-2"> </div>
|
||||
<div class="col-lg-8">
|
||||
<section class="timeline">
|
||||
<div class="container" style="text-align: left!important">
|
||||
{{ range .Pages.ByDate.Reverse }}
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-img"></div>
|
||||
<div class="timeline-content js--fadeInLeft">
|
||||
<h2><a href="{{ .Permalink }}"><span class="post-title">{{ .Title }}</span></a></h2>
|
||||
{{ $eventdate := .Param "eventdate" }}
|
||||
<div class="date">{{ dateFormat "2 January 2006" $eventdate }}</div>
|
||||
<p>{{ .Summary }}</p>
|
||||
</div>
|
||||
<main class="main">
|
||||
<div class="container">
|
||||
<h1 class="mb-5 text-center">{{ .Title }}</h1>
|
||||
{{ range .Pages.ByDate.Reverse }}
|
||||
{{ $eventdate := .Param "eventdate" }}
|
||||
<article class="post__article row">
|
||||
<div class="col-md-6">
|
||||
{{ if .Param "image" }}
|
||||
{{ $imagename := .Param "image" }}
|
||||
{{ $imagelocation := (printf "%s/%s" "images/events/" $imagename) }}
|
||||
{{ $imageresource := resources.Get $imagelocation }}
|
||||
{{ $image := $imageresource }}
|
||||
<img class="img-fluid" src="{{ $image.RelPermalink }}" alt="{{ .Param "title" }}" title="{{ .Param "title" }}">
|
||||
{{ else }}
|
||||
{{ .Title }}
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="col-lg-2"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="col-md-6">
|
||||
<h2>{{ .Param "title" }}</h2>
|
||||
<p><b>
|
||||
{{ dateFormat "January 2, 2006" $eventdate }}</b><br>
|
||||
<b>{{ .Param "eventtime" }}</b><br>
|
||||
<b>{{ .Param "eventcalendar" }}</b>
|
||||
</p>
|
||||
<p>{{ .Content }}</p>
|
||||
<p><a class="btn-outline-primary btn-sm btn" href="{{ .Param "link" }}">Registration</a></p>
|
||||
</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
<script>
|
||||
var today = new Date();
|
||||
var date = today.getFullYear()+'-'+today.getMonth()+'-'+today.getDate();
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{{ partial "footer.html" . }}
|
||||
@ -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 "navbar.html" . }}
|
||||
<section class="promo__section d-flex flex-column justify-content-center"
|
||||
style="background-image:url(./img/promo-2.jpg)">
|
||||
<div class="promo__container container text-center">
|
||||
<h1>OpenPOWER Foundation</h1>
|
||||
<p>Create the Future with POWER</p>
|
||||
<p><a class="btn btn-light" href="/">Join us</a></p>
|
||||
</div>
|
||||
</section>
|
||||
<main class="main">
|
||||
<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>
|
||||
<div class="col-md-6 mb-5">
|
||||
<h2>OpenPOWER</h2>
|
||||
<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 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>
|
||||
<div class="col-md-6 mb-5">
|
||||
<h2>OpenPOWER</h2>
|
||||
<h3>Industry Proven</h3>
|
||||
<p>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.</p>
|
||||
<h3>Open for All</h3>
|
||||
<p>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</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<section class="teaser__section pt-0">
|
||||
<div class="container">
|
||||
<h2 class="teaser__title text-center">What are you building?</h2>
|
||||
<div class="row">
|
||||
<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>
|
||||
<article class="post__article col-md-4">
|
||||
<div class="post__thumb"><img class="img-fluid" src="./img/thumb-2.jpg" width="390" height="390" alt="">
|
||||
</div><a class="post__title" href="/">Libre BMC</a>
|
||||
</article>
|
||||
<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>
|
||||
</div>
|
||||
<p class="text-center"><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">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.</p>
|
||||
<p><a class="btn btn-light" href="/">Libre BMC</a></p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="teaser__section">
|
||||
<div class="container">
|
||||
<h2 class="teaser__title text-center">Supporters of OpenPOWER</h2>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-2"><img class="img-fluid" src="./img/180x102.png" width="180" height="102" alt=""></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"><img class="img-fluid" src="./img/180x102.png" width="180" height="102" alt=""></div>
|
||||
<div class="col-md-2"><img class="img-fluid" src="./img/180x102.png" width="180" height="102" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="teaser__section _navy">
|
||||
<div class="container text-center">
|
||||
<h2 class="teaser__title">Subscribe to the OpenPOWER newsletter.</h2>
|
||||
<p>Sign up with your email address to receive news and updates.</p>
|
||||
<form class="teaser__form row justify-content-center" action="/" method="post">
|
||||
<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="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 "home-promo" . }}
|
||||
|
||||
<main class="main">
|
||||
<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>
|
||||
<div class="col-md-6 mb-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>
|
||||
<div class="col-md-6 mb-5">
|
||||
<h2>{{ .Param "article-2.header" }}</h2>
|
||||
<h3>{{ .Param "article-2.lead-1" }}</h3>
|
||||
<p>{{ .Param "article-2.p-1" }}</p>
|
||||
<h3>{{ .Param "article-2.lead-2" }}</h3>
|
||||
<p>{{ .Param "article-2.p-2" }}</p>
|
||||
<h3>{{ .Param "article-2.lead-3" }}</h3>
|
||||
<p>{{ .Param "article-2.p-3" }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<section class="teaser__section pt-0">
|
||||
<div class="container">
|
||||
<h2 class="teaser__title text-center">{{ .Param "sections.section-1.title" }}</h2>
|
||||
<div class="row">
|
||||
<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>
|
||||
</article>
|
||||
<article class="post__article col-md-4">
|
||||
<div class="post__thumb"><img class="img-fluid" src="./img/thumb-2.jpg" width="390" height="390" alt="">
|
||||
</div><a class="post__title" href="/">{{ .Param "sections.section-1.article-2.text" }}</a>
|
||||
</article>
|
||||
<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="/">{{ .Param "sections.section-1.article-3.text" }}</a>
|
||||
</article>
|
||||
</div>
|
||||
<p class="text-center"><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>
|
||||
</div>
|
||||
</section>
|
||||
<section class="teaser__section">
|
||||
<div class="container">
|
||||
<h2 class="teaser__title text-center">{{ .Param "sections.section-supporters.title" }}</h2>
|
||||
<div class="row justify-content-center">
|
||||
{{ range .Param "sections.section-supporters.logos" }}
|
||||
|
||||
{{ $imagename := .image }}
|
||||
{{ $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>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="teaser__section _navy">
|
||||
<div class="container text-center">
|
||||
<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">
|
||||
<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="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" . }}
|
||||
|
||||
@ -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 |
Binary file not shown.
|
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 |
Loading…
Reference in New Issue