diff --git a/content/careers/_index.md b/content/careers/_index.md
index f2071122952b6e0d2cfe9d20617bfa0d69207175..943b70338fed0d67cef96fb2b149099289d589d2 100644
--- a/content/careers/_index.md
+++ b/content/careers/_index.md
@@ -1,7 +1,10 @@
---
title: Careers
date: 2004-02-02T18:54:43.927Z
+headline: ""
+links: [[href: "#current", text: "Current Positions"]]
layout: single
+hide_page_title: true
hide_sidebar: true
lastmod: 2022-05-24T13:16:59.860Z
description: Join the Eclipse Foundation team to make a difference in the open source community.
@@ -12,26 +15,47 @@ keywords:
- open source jobs
- developer jobs
- remote jobs
+container: container-fluid
+page_css_file: /public/css/careers.css
---
-{{< grid/div class="row" isMarkdown="false">}}
- {{< grid/div class="col-md-13 margin-top-10" isMarkdown="false" >}}
- <h2>Current Openings</h2>
- {{< pages/careers/jazz-hr-basic-job-widget >}}
- {{</ grid/div >}}
-
-{{< grid/div class="col-md-10 col-md-offset-1" >}}
+{{< pages/careers/why-join >}}
## Why you should join the team
-Join a collaborative team built around the core values of service, respect, professionalism, and collegiality. We work together to make a difference for our members and open source communities.
-The Eclipse Foundation is global and offers *fully remote positions*, with staff located in Europe, Canada, and the United States.
+Join a collaborative team built around the core values of service, respect,
+professionalism, and collegiality. We work together to make a difference for
+our members and open source communities.
+
+The Eclipse Foundation is global and offers fully remote positions, with staff
+located in Europe, Canada, and the United States.
-We understand the importance of work-life balance and support this with many worker-based programs, including **Friday flex-time**, a **right-to-disconnect policy**, and **"Corporate Recharge" days**.
+We understand the importance of work-life balance and support this with many
+worker-based programs, including **Friday flex-time**, a **right-to-disconnect
+policy**, and **"Corporate Recharge"** days. And of course, we offer highly
+competitive compensation along with a comprehensive benefits package.
-And of course, we offer highly competitive compensation along with a comprehensive benefits package.
+{{</ pages/careers/why-join >}}
+{{< grid/split image_class="bg-what-we-do" >}}
## What we do at the Eclipse Foundation
-Open source is one of the key drivers of innovation today. It touches all sectors of the economy and has a major impact on the software systems that each of us interact with every day. As a Belgian international nonprofit association, the Eclipse Foundation is one of the largest open source foundations in the world and acts as the steward for some of the most interesting and important projects in a wide range of technology areas. Each of our team members plays a direct and proactive role in the success of Eclipse and its projects and initiatives, and as captured by our most recent employee survey, the work done by our team is "dynamic, challenging, and impactful". Come be a part of our highly motivated and effective team!
-{{</ grid/div >}}
-{{</ grid/div >}}
+Open source is one of the key drivers of innovation today. It touches all
+sectors of the economy and has a major impact on the software systems that each
+of us interact with every day.
+
+As a Belgian international nonprofit association, the Eclipse Foundation is one
+of the largest open source foundations in the world and acts as a steward for
+some of the most interesting and important projects in a wide range of
+technology areas. Each of our team members plays a direct and proactive role in
+the success of Eclipse and its projects and initiatives, and as our team is
+"dynamic, challenging, and impactful". Come be a part of our highly motivated
+and effective team!
+
+{{</ grid/split >}}
+
+{{< grid/split image_class="bg-current-positions" reverse="true" is_markdown="false" >}}
+ <h2 class="margin-bottom-30" id="current">Current Positions</h2>
+ {{< pages/careers/jazz-hr-basic-job-widget >}}
+{{</ grid/split >}}
+
+{{< pages/careers/testimonials >}}
diff --git a/content/careers/images/quote-icon-beige.png b/content/careers/images/quote-icon-beige.png
new file mode 100644
index 0000000000000000000000000000000000000000..77a404a5563936af74a06084cb8a254132e44dd4
Binary files /dev/null and b/content/careers/images/quote-icon-beige.png differ
diff --git a/content/careers/images/quote-icon-neutral.png b/content/careers/images/quote-icon-neutral.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a113321039668d1818b15fe36a0a348875b903f
Binary files /dev/null and b/content/careers/images/quote-icon-neutral.png differ
diff --git a/content/careers/images/quote-icon-primary.png b/content/careers/images/quote-icon-primary.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6e2cfeb22231beb12a6836cb2ef19eb1a8d9a98
Binary files /dev/null and b/content/careers/images/quote-icon-primary.png differ
diff --git a/layouts/shortcodes/grid/split.html b/layouts/shortcodes/grid/split.html
new file mode 100644
index 0000000000000000000000000000000000000000..3990839536550b6b90096b76186b5d08266f71b3
--- /dev/null
+++ b/layouts/shortcodes/grid/split.html
@@ -0,0 +1,29 @@
+{{/*
+ Copyright (c) 2024 Eclipse Foundation, Inc.
+ This program and the accompanying materials are made available under the
+ terms of the Eclipse Public License v. 2.0 which is available at
+ http://www.eclipse.org/legal/epl-2.0.
+ Contributors:
+ Olivier Goulet <olivier.goulet@eclipse-foundation.org>
+
+ SPDX-License-Identifier: EPL-2.0
+*/}}
+
+{{ $reverse := .Get "reverse" | default false }}
+{{ $image_class := .Get "image_class" | default "bg-primary" }}
+{{ $content_class := .Get "content_class" | default "padding-60" }}
+{{ $is_markdown := .Get "is_markdown" | default true }}
+
+<section class="split row {{ if $reverse }}split-reverse{{ end }}">
+ <div class="split-col {{ $image_class }}">
+ </div>
+ <div class="split-col">
+ <div class="split-content {{ $content_class }}">
+ {{ if or (not $is_markdown) (eq $is_markdown "false") }}
+ {{ .Inner }}
+ {{ else }}
+ {{ .Inner | markdownify }}
+ {{ end }}
+ </div>
+ </div>
+</section>
diff --git a/layouts/shortcodes/pages/careers/testimonials.html b/layouts/shortcodes/pages/careers/testimonials.html
new file mode 100644
index 0000000000000000000000000000000000000000..59cd6ee192a0ca68a19f1d793a93680cb76cc884
--- /dev/null
+++ b/layouts/shortcodes/pages/careers/testimonials.html
@@ -0,0 +1,57 @@
+{{/*
+ Copyright (c) 2024 Eclipse Foundation, Inc.
+ This program and the accompanying materials are made available under the
+ terms of the Eclipse Public License v. 2.0 which is available at
+ http://www.eclipse.org/legal/epl-2.0.
+ Contributors:
+ Olivier Goulet <olivier.goulet@eclipse-foundation.org>
+
+ SPDX-License-Identifier: EPL-2.0
+*/}}
+
+<section class="careers-testimonials row margin-y-40">
+ <div class="container">
+ <h2 class="margin-bottom-30 text-center">Hear it from our Team</h2>
+ <div class="testimonial col-sm-8 padding-y-30 padding-x-60 bg-neutral-tinted-dark match-height-item">
+ <img src="./images/quote-icon-beige.png" alt="">
+ <p class="margin-bottom-30">
+ Working at the Eclipse Foundation has given me a better understanding
+ of how open source projects and communities work. It is also a safe and
+ comfortable work environment that aligns with my values and helps me
+ achieve work-life balance.
+ </p>
+ <p>
+ <i>
+ Carmen Delgado, Community Manager
+ </i>
+ </p>
+ </div>
+ <div class="testimonial col-sm-8 padding-y-30 padding-x-60 bg-primary-light match-height-item">
+ <img src="./images/quote-icon-primary.png" alt="">
+ <p class="margin-bottom-30">
+ The collborative environment here is not just about technology, but
+ also about making a positive impact. It's fulfilling to be with an
+ organisation that values progress and diverse ideas.
+ </p>
+ <p>
+ <i>
+ Christopher Guindon, Manager, Web Development
+ </i>
+ </p>
+ </div>
+ <div class="testimonial col-sm-8 padding-y-30 padding-x-60 bg-neutral-flat match-height-item">
+ <img src="./images/quote-icon-neutral.png" alt="">
+ <p class="margin-bottom-30">
+ The Eclipse Foundation is a progressive global organisation where
+ employees from around the globe are valued and heard. The Foundation
+ has provided me opportunities to grow over the past 4 years and it has
+ been a wonderful ride.
+ </p>
+ <p>
+ <i>
+ Zahra Fazli, Membership Coordinator
+ </i>
+ </p>
+ </div>
+ </div>
+</section>
diff --git a/layouts/shortcodes/pages/careers/why-join.html b/layouts/shortcodes/pages/careers/why-join.html
new file mode 100644
index 0000000000000000000000000000000000000000..3ad937e36611ec3e41ed60fa08ef39b72a27321d
--- /dev/null
+++ b/layouts/shortcodes/pages/careers/why-join.html
@@ -0,0 +1,23 @@
+{{/*
+ Copyright (c) 2024 Eclipse Foundation, Inc.
+ This program and the accompanying materials are made available under the
+ terms of the Eclipse Public License v. 2.0 which is available at
+ http://www.eclipse.org/legal/epl-2.0.
+ Contributors:
+ Olivier Goulet <olivier.goulet@eclipse-foundation.org>
+
+ SPDX-License-Identifier: EPL-2.0
+*/}}
+
+<section class="why-join-section split row split-reverse">
+ <div class="split-col">
+ <a class="eclipsefdn-video why-join-video" href="https://www.youtube.com/watch?v=SnQ9xk9EROw" data-thumbnail-resolution="max">
+ </a>
+ </div>
+ <div class="split-col">
+ <div class="split-content padding-60">
+ {{ .Inner | markdownify }}
+ </div>
+ </div>
+</section>
+
diff --git a/less/base/_containers.less b/less/base/_containers.less
new file mode 100644
index 0000000000000000000000000000000000000000..edd8f1ef16fa07c848339159ffc8ea0165e4ae28
--- /dev/null
+++ b/less/base/_containers.less
@@ -0,0 +1,41 @@
+/*!
+ * Copyright (c) 2024 Eclipse Foundation, Inc.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * Contributors:
+ * Olivier Goulet <olivier.goulet@eclipse-foundation.org>
+ *
+ * SPDX-License-Identifier: EPL-2.0
+*/
+
+.split {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+
+ .split-col {
+ width: 100%;
+ }
+
+ @media (min-width: @screen-md-min) {
+ flex-direction: row;
+
+ &.split-reverse {
+ flex-direction: row-reverse;
+
+ .split-content {
+ margin-left: auto;
+ }
+ }
+ }
+
+ @media (min-width: @screen-lg-min) {
+ .split-content {
+ max-width: calc(@container-lg / 2);
+ }
+ }
+}
+
diff --git a/less/images/careers/current-positions.jpg b/less/images/careers/current-positions.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..33baf997d9ab9eda2204342e912395c60382084f
Binary files /dev/null and b/less/images/careers/current-positions.jpg differ
diff --git a/less/images/careers/jumbotron.jpg b/less/images/careers/jumbotron.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9aa20264a27ce8404e62a1926efa89bf24194285
Binary files /dev/null and b/less/images/careers/jumbotron.jpg differ
diff --git a/less/images/careers/what-we-do.jpg b/less/images/careers/what-we-do.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8f57b6331b1c728402cec41b4e01c16e1c22d222
Binary files /dev/null and b/less/images/careers/what-we-do.jpg differ
diff --git a/less/page_css_file/careers.less b/less/page_css_file/careers.less
new file mode 100644
index 0000000000000000000000000000000000000000..2d30711c72dd7cd272959ec6e28597c6d8d040b3
--- /dev/null
+++ b/less/page_css_file/careers.less
@@ -0,0 +1,99 @@
+/*!
+ * Copyright (c) 2024 Eclipse Foundation, Inc.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * Contributors:
+ * Olivier Goulet <olivier.goulet@eclipse-foundation.org>
+ *
+ * SPDX-License-Identifier: EPL-2.0
+*/
+
+@import (reference) '../styles.less';
+
+//== Jumbotron
+
+.featured-jumbotron {
+ padding-top: 24rem;
+ padding-bottom: 4rem;
+ background: url('../images/careers/jumbotron.jpg');
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: 45% 35%;
+
+ // Links container
+ .list-inline {
+ text-align: center;
+ }
+
+ .btn {
+ padding: 1.5rem 2rem;
+ border-radius: 9999px;
+ font-weight: bold;
+ }
+
+ @media (min-width: @screen-lg-min) {
+ padding-top: 36rem;
+ }
+}
+
+.bg-what-we-do {
+ background: url('../images/careers/what-we-do.jpg');
+ background-size: cover;
+ background-position: center 25%;
+ background-repeat: no-repeat;
+ min-height: 24rem;
+}
+
+.bg-current-positions {
+ background: url('../images/careers/current-positions.jpg');
+ background-size: cover;
+ background-position: center 25%;
+ background-repeat: no-repeat;
+ min-height: 24rem;
+}
+
+@media (min-width: @screen-sm-min) {
+ .split-col.bg-what-we-do + .split-col,
+ .split-col.bg-current-positions + .split-col {
+ min-height: 60rem;
+ }
+}
+
+.eclipsefdn-video-with-js,
+.eclipsefdn-video-with-js img {
+ max-height: 47.9rem;
+}
+
+.eclipsefdn-video-with-js img {
+ object-fit: cover;
+}
+
+.split .split-col {
+ max-width: 128rem;
+ @media (min-width: @screen-sm-min) {
+ min-height: 32rem;
+ }
+}
+
+.eclipsefdn-video-with-js {
+ aspect-ratio: 16/9;
+
+ &,
+ img {
+ max-height: unset;
+ }
+}
+
+//== Testimonials
+
+.careers-testimonials {
+ color: @black;
+
+ .testimonial img {
+ display: block;
+ margin: 4rem auto;
+ }
+}
diff --git a/less/styles.less b/less/styles.less
index c1463a96ef4d1c062ee29b348bbe397357e687d3..1c2a338e48d9e975ec55314994251e6303ed4cc8 100644
--- a/less/styles.less
+++ b/less/styles.less
@@ -15,6 +15,7 @@
@import '~eclipsefdn-solstice-assets/less/astro/main.less';
@import '_variables.less';
+@import 'base/_containers.less';
@import 'components/_cards.less';
@import 'layout/_jumbotron.less';
diff --git a/webpack.mix.js b/webpack.mix.js
index 027f17e3238b0943e0846b3f173704a32cf82208..26fe14867fce9379a9f7069824e44b0b0a18acdf 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -35,6 +35,7 @@ mix.less('./less/page_css_file/sponsor/collaboration.less', 'static/public/css/c
mix.less('./less/page_css_file/blogs-and-videos.less', 'static/public/css/blogs-and-videos.css');
mix.less('./less/page_css_file/topics.less', 'static/public/css/topics.css');
mix.less('./less/page_css_file/resources/marketplaces.less', 'static/public/css/resources/marketplaces.css');
+mix.less('./less/page_css_file/careers.less', 'static/public/css/careers.css');
// eclipse.org/research
mix.less('./less/page_css_file/research/styles.less', 'static/public/css/research-styles.css');