Transition homepage and join page, break css into separate scss files

archetype-theme-transition
Ryan Holder 3 years ago
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.

@ -1,42 +1,62 @@
---
title: "Join the OpenPOWER Foundation"
title: 'Membership'
date: 2021-07-17
calltoaction:
title: "Join Now"
text: "Become a OPF Member"
button: "Register for OPF Membership"
link: "https://enrollment.lfx.linuxfoundation.org/?project=openpowerfoundation"
type: join
layout: single

intro:
subtitle: Welcome to the era of Open Computing!
p-2: The OpenPOWER Foundation is a non-profit organization supporting the free and open RISC instruction set architecture and extensions. We enable open community collaboration, technology advancements in the OpenPOWER ecosystem, and visibility of OpenPOWER successes.
p-3: Join us and see how open technical collaboration along with the support of many OpenPOWER programs can help drive your business forward.

join:
cta:
title: Join
url: 'https://enrollment.lfx.linuxfoundation.org/?project=openpowerfoundation'
teaser:
title: Why Join?
options:
- option: Option 1
- option: Option 2

membership-levels:
title: Membership Levels
subtitle: The OpenPOWER Foundation is a 501c6 not-for-profit entity with a Board of Directors and a Technical Steering Committee.
text: OpenPOWER offers a tiered membership of Platinum, Gold, Silver, and Associate/Academic memberships
options:
- option: Membership levels provide either a default Board of Director position (Platinum) or an opportunity to be elected to the Board (Gold, Silver, and Associate/Academic members). The Bylaws detail additional governance by the Board including maximum seats, terms, etc.
- option: The Technical Steering Committee is formed from the Work Group Leads from the core projects and one representative designated by each Platinum member.
features:
- feature: Annual fee and dedicated full-time equivalent (FTEs) verification of committed number of FTEs on honor system
- feature: Contributors, committers, Work Group leads and project leads influence Technical Steering Committee
- feature: Associate/Academic level is not available to corporations
image-table:
image: thumb-8.jpg
alt: Membership Levels Table

membership-benefits:
title: Membership Benefits
image-table:
image: thumb-9.jpg
alt: Membership Benefits Table

become-member:
title: Become a Member
options:
-
title: Individual membership
text: Individual membership
cta_url: '#'
cta_text: Join
image: thumb-7.jpg

-
title: Corporate membership
text: Corporate membership
cta_url: '##'
cta_text: Join
image: thumb-7-1.jpg
draft: false
---

# Welcome to the era of Open Computing! #

The OpenPOWER Foundation is a non-profit organization supporting the free and open RISC instruction set architecture and extensions.
We enable open community collaboration, technology advancements in the OpenPOWER ecosystem, and visibility of OpenPOWER successes.

Join us and see how open technical collaboration along with the support of many OpenPOWER programs can help drive your business forward.


## Foundation Membership ##

The OpenPOWER Foundation is a 501c6 not-for-profit entity with a Board of Directors and a Technical Steering Committee.

Membership levels provide either a default Board of Director position (Platinum) or
an opportunity to be elected to the Board (Gold, Silver, and Associate/Academic members).
The Bylaws detail additional governance by the Board including maximum seats, terms, etc.

The Technical Steering Committee is formed from the Work Group Leads from the core projects and one representative designated by each Platinum member.

OpenPOWER offers a tiered membership of Platinum, Gold, Silver, and Associate/Academic memberships.
Associate/Academic level is not available to corporations

## Membership Levels ##

| Membership Level | Annual Fee | Technical Steering Committee | Board of Directors |
|----------------------|------------|---------------------------------|------------------------------------------------------------------|
| Platinum | $100k | 1 voting participant per member | 1 voting participant per member |
| Gold | $60k | If a WG lead | 1 elected voting participant per three gold member level |
| Silver | $20k | If a WG lead | 1 elected voting participant for all silver members |
| Associate / Academic | $0 | If a WG lead | 1 elected non-voting observer for all associate/acedemic members |



@ -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;
}
}

@ -1830,8 +1830,10 @@ textarea.form-control-lg {
z-index: 3; }

.teaser__section a.btn {
color: white;
}
color: #2566f4; }
.teaser__section a.btn:hover {
color: white;
}
.btn {
display: inline-block;
font-weight: 400;
@ -2085,11 +2087,11 @@ textarea.form-control-lg {
border-color: #212529; }

.btn-outline-primary {
color: white;
background-color: #02123E;
border-color: #02123E; }
color: #2566f4;
background-color: white;
border-color: #2566f4; }
.btn-outline-primary:hover {
color: #000;
color: white;
background-color: #71d8ee;
border-color: #71d8ee; }
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
@ -4935,44 +4937,9 @@ textarea.form-control-lg {
.d-print-none {
display: none !important; } }

.header {
padding: 0.9375rem 0;
border-bottom: 1px solid #1b1c1f;
position: fixed;
width: 100vw;
background: white;
z-index: 100; }
.header__logo {
text-decoration: none; }
.header__logo-col {
flex-grow: 0; }
.header__menu {
margin-bottom: 0; }
.header__menu-item:not(:last-child) {
margin-right: 1em; }
.header__menu-item:hover a::after, .header__menu-item._active a::after {
width: 100%; }
.header__menu-item a {
display: block;
padding: .3em .5em;
color: #02123e; }
.header__menu-item a::after {
display: block;
content: '';
width: 0;
border-bottom: 1px solid currentColor;
transition: width .2s ease-out; }
.header__menu-item a:hover {
color: #1595b1; }
.header__contact-col {
flex-grow: 0; }
.header__contact-btn {
min-width: 120px;
margin-left: 2em;
white-space: nowrap; }

.main {
padding: 3.75rem 0; }
padding: 3.75rem 0;
padding-top: 100px; }

.social__list {
display: flex; }
@ -4997,76 +4964,6 @@ textarea.form-control-lg {
.social__item._yt {
background-image: url(../img/yt.svg); }

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

.post__article {
position: relative; }
.post__article:not(:last-child) {
margin-bottom: 3.75rem; }

.post__title {
display: block;
margin-top: 1em;
color: black;
}
.post__title:hover{
color: black;
}
.post__title::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: ''; }

.teaser__section {
padding: 5.625rem 0; }
.teaser__section._dark {
color: #fff;
background-color: #1b1c1f; }
.teaser__section._dark a {
color: black;
}
.teaser__section._navy {
background-color: #acc8fa; }

.teaser__title {
margin-bottom: 1em; }

.teaser__form {
margin-top: 4.1em; }

.teaser__info {
margin: 3.75rem 0;
padding: 3.75rem 0;
border-width: 1px;
border-style: solid none;
border-color: #1b1c1f; }

.footer {
padding: 3.75rem 0 7.5rem;
color: #fff;

@ -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,48 +1,37 @@
{{ 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">&nbsp;</div>
</div>
{{ end }}
<div class="row">
<div class="col-lg-2">&nbsp;</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">&nbsp;</div>
</div>
</div>
</section>

</main>

<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();
@ -50,10 +39,4 @@ var date = today.getFullYear()+'-'+today.getMonth()+'-'+today.getDate();
</script>








{{ partial "footer.html" . }}
{{ 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 }}
&nbsp;
{{ 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" . }}

@ -2,7 +2,53 @@

{{ partial "navbar.html" . }}

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

<section id="more-features" class="section-bg">
<div class="container-fluid">
@ -42,6 +88,6 @@
</div>
</section>

</main>
</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" . }}

@ -19,58 +19,6 @@
</div>
</div>
</footer>
<!-- <footer id="footer">
<div class="container">
<div class="row">
<div class="col-lg-12 text-lg-center">
<div class="footer-links">
<ul>
{{ range .Site.Menus.footer }}
<li>
<a href="{{ .URL }}">
{{ if .Pre }}
<i class={{ .Pre }}></i>&nbsp;&nbsp;
{{ end }}
{{ .Name }}
{{ if .Post }}
&nbsp;&nbsp;<i class="{{ .Post }}"></i>
{{ end }}
</a>
</li>
{{ end }}
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-2 text-lg-center">
&nbsp;
</div>
<div class="col-lg-8 text-lg-center">
<div class="footerline"></div>
</div>
<div class="col-lg-2 text-lg-center">
&nbsp;
</div>
</div>
<div class="row">
<div class="col-lg-12 text-lg-center">
<div class="copyright">
&copy; Copyright <strong>OpenPOWER Foundation</strong>. All Rights Reserved, E&amp;OE.
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-lg-center">
<div class="version">
{{ if .GitInfo }}{{ .GitInfo.AbbreviatedHash }}{{ end }}
</div>
</div>
</div>
</div>
</footer>

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

<script src="{{ "lib/jquery/jquery.min.js" | absURL }}"></script>
<script src="{{ "lib/jquery/jquery-migrate.min.js" | absURL }}"></script>
@ -137,4 +85,4 @@ if('serviceWorker' in navigator) {
</script>

</body>
</html> -->
</html>

@ -27,6 +27,18 @@
{{ $syntaxcss := resources.Get "css/syntax.css" }}
{{ $syntax := $syntaxcss | resources.Minify }}
<link href="{{ $syntax.RelPermalink }}" rel="stylesheet">
{{ $headeroptions := (dict "targetPath" "header.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $header := resources.Get "css/header.scss" | resources.ToCSS $headeroptions | resources.Fingerprint |
resources.Minify }}
<link href="{{ $header.RelPermalink }}" rel="stylesheet">
{{ $promooptions := (dict "targetPath" "promo.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $promo := resources.Get "css/promo.scss" | resources.ToCSS $promooptions | resources.Fingerprint |
resources.Minify }}
<link href="{{ $promo.RelPermalink }}" rel="stylesheet">
{{ $homeoptions := (dict "targetPath" "home.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $home := resources.Get "css/home.scss" | resources.ToCSS $homeoptions | resources.Fingerprint |
resources.Minify }}
<link href="{{ $home.RelPermalink }}" rel="stylesheet">
{{ $timelineoptions := (dict "targetPath" "timeline.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $timeline := resources.Get "css/timeline.scss" | resources.ToCSS $timelineoptions | resources.Fingerprint | resources.Minify }}
<link href="{{ $timeline.RelPermalink }}" rel="stylesheet">

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

@ -8,13 +8,56 @@
height="49" alt="OpenPOWER"></a></div>
<div class="header__menu-col col">
<nav class="header__menu-nav">
<ul class="header__menu d-flex justify-content-center list-unstyled">
<li class="header__menu-item"><a href="/about">About</a></li>
<li class="header__menu-item _active"><a href="/groups">WorkGroups</a></li>
<li class="header__menu-item"><a href="/">Events</a></li>
<li class="header__menu-item"><a href="/">Join</a></li>
<li class="header__menu-item"><a href="/">Members</a></li>
<li class="header__menu-item"><a href="/">Blog</a></li>
<ul class="nav-menu header__menu d-flex justify-content-center list-unstyled">
{{ range .Site.Menus.navbar }}
{{ if eq .Identifier "groups" }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul class="justify-content-center list-unstyled">
{{ range $.Site.Pages }}
{{ $group := .Param "wgtype" }}
{{ if eq $group "twg" }}
<li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
{{ if eq $group "sig" }}
<li class="header__menu-item"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
{{ end }}
</ul>
{{ else }}
{{ if .HasChildren }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul class="justify-content-center list-unstyled">
{{ range .Children }}
{{ if .HasChildren }}
<li class="header__menu-item menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul class="justify-content-center list-unstyled">
{{ range .Children }}
<li class="header__menu-item"><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</li>
{{ else }}
<li class="header__menu-item">
<a href="{{ .URL }}">
{{ if .Pre }}
<i class={{ .Pre }}></i>&nbsp;&nbsp;
{{ end }}
{{ .Name }}
{{ if .Post }}
&nbsp;&nbsp;<i class="{{ .Post }}"></i>
{{ end }}
</a>
</li>
{{ end }}
{{ end }}
</ul>
{{ else }}
<li class="header__menu-item"><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
{{ end }}
{{ end }}
<li class="header__menu-item"><a href="/contact/"><i class="envelope icon"></i>&nbsp;Contact</a></li>
<li class="header__menu-item"><a href="https://portal.openpower.foundation/"><i class="sign-in icon"></i>&nbsp;Member Login</a></li>
</ul>
</nav>
</div>
@ -30,64 +73,3 @@
</div>
</div>
</header>

<!-- <header id="header">
<div id="logo" class="pull-left">
{{ $imageresource := resources.Get "img/openpower-logo-white.png" }}
{{ $imagefile := $imageresource.Resize "350x60" }}
<h1><a href="/"><img src="{{ $imagefile.RelPermalink }}" alt="OpenPOWER Foundation" title="OpenPOWER Foundation"></a></h1>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
{{ range .Site.Menus.navbar }}
{{ if eq .Identifier "groups" }}
<li class="menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul>
{{ range $.Site.Pages }}
{{ $group := .Param "wgtype" }}
{{ if eq $group "twg" }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
{{ if eq $group "sig" }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
{{ end }}
</ul>
{{ else }}
{{ if .HasChildren }}
<li class="menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul>
{{ range .Children }}
{{ if .HasChildren }}
<li class="menu-has-children"><a href="{{ .URL }}">{{ .Name }}</a>
<ul>
{{ range .Children }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</li>
{{ else }}
<li>
<a href="{{ .URL }}">
{{ if .Pre }}
<i class={{ .Pre }}></i>&nbsp;&nbsp;
{{ end }}
{{ .Name }}
{{ if .Post }}
&nbsp;&nbsp;<i class="{{ .Post }}"></i>
{{ end }}
</a>
</li>
{{ end }}
{{ end }}
</ul>
{{ else }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
{{ end }}
{{ end }}
<li><a href="/contact/"><i class="envelope icon"></i>&nbsp;Contact</a></li>
<li><a href="https://portal.openpower.foundation/"><i class="sign-in icon"></i>&nbsp;Member Login</a></li>
</ul>
</nav>
</header> -->

@ -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…
Cancel
Save