Commit cc7c8006 authored by Martin Schoeler's avatar Martin Schoeler Committed by GitHub

Add Jobs page (#718)

* Add jobs page

* bump version
parent 7f0d1a15
......@@ -7,7 +7,7 @@ paginate: 8
future: true
# bump if alterting styles
version: 146
version: 148
# read speed
wpm: 160
......
......@@ -6,13 +6,12 @@
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="preconnect" href="https://www.googletagmanager.com">
<link rel="preconnect" href="https://code.jquery.com/">
<link rel="canonical" href="{{ page.url | absolute_url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="/feed.xml">
<link rel="shortcut icon" href="/favicon.ico?v=1"/>
<link rel="stylesheet" href="/styles.css?v={{ site.version }}">
{% if page.class == "index" or page.categories contains "Webinars" or page.class == "solutions-page" or page.class == "pricing" %}
{% if page.class == "index" or page.categories contains "Webinars" or page.class contains "solutions-page" or page.class == "pricing" %}
<link href="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css" type="text/css" rel="stylesheet" />
{% endif %}
......@@ -38,12 +37,12 @@
{% include webrules.html %}
{% include livechat.html %}
{% include gtm/body.html %}
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="/jquery.js"></script>
{{ content }}
<script src="/main.js"></script>
<script src="/redirect.js"></script>
{% if page.class == "index" or page.categories contains "Webinars" or page.class == "solutions-page" or page.class == "pricing" %}
{% if page.class == "index" or page.categories contains "Webinars" or page.class contains "solutions-page" or page.class == "pricing" %}
<script src="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js" async type="text/javascript" charset="utf-8"></script>
{% endif %}
......
......@@ -604,4 +604,118 @@ body.solutions-page {
}
}
}
body.solutions-page.jobs.dark {
.feature__title {
color: #fff !important;
}
.photo-grid {
display: flex;
flex-direction: column;
background: #fff;
}
.img-row{
display: flex;
div {
&:not(:last-child) {
margin-right: 17px;
}
}
margin-bottom: 17px;
}
.solutions-box {
padding: 64px 96px;
@media screen and (max-width: $tablet) {
margin-top: -300px;
padding: 24px;
}
&__content {
display: flex;
flex-direction: row;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
@media screen and (max-width: $tablet) {
flex-direction: column;
padding: 0;
}
h3 {
margin: 0 !important;
width: 448px;
height: 126px;
font-size: 32px;
font-weight: bold;
line-height: 1.31;
letter-spacing: 0.5px;
color: #ffffff;
@media screen and (max-width: $tablet) {
width: 100%;
margin-bottom: 24px;
}
}
a {
margin: 0 !important;
width: 215px;
height: 60px;
border-radius: 4px;
background-color: #ffffff;
font-size: 18px;
font-weight: 500;
line-height: 1.11;
color: $brand;
}
}
}
.featherlight-content {
width: unset !important;
}
.youtube-image-link {
width: 100%;
height: 570px;
margin: auto;
background: url("/images/jobs/youtube-video.png");
background-size: 100%;
background-repeat: no-repeat;
}
.features__integrations {
margin-top: 0 !important;
padding: 0 !important;
}
.hero {
justify-content: space-between;
&__image {
margin: 0;
width: 398px;
height: 300px;
}
}
.hero__text .button-wrap {
.button {
width: 215px;
height: 60px;
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.11;
letter-spacing: normal;
color: #ffffff;
&.video {
margin-left: 16px;
background-color: $space-b;
}
}
}
}
\ No newline at end of file
<svg height="84" viewBox="0 0 84 84" width="84" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><circle cx="32" cy="32" fill="#0b182b" r="32" transform="translate(10 10)"/><path d="m36.323 44.629 7.151 4.114-7.45 12.857a1 1 0 0 1 -1.698.051l-1.653-2.495-2.99-.178a1 1 0 0 1 -.806-1.5l7.446-12.85z" fill="#f3f5f8"/><path d="m46.571 44.629-7.152 4.114 7.451 12.857a1 1 0 0 0 1.699.051l1.653-2.495 2.99-.178a1 1 0 0 0 .805-1.5l-7.445-12.85z" fill="#f3f5f8"/><path d="m42 53.271-1.005.583-.923-.704-1.07.453-.828-.813-1.118.315-.719-.91-1.15.173-.598-.993-1.162.029-.469-1.06-1.157-.117-.332-1.11-1.132-.26-.19-1.144-1.091-.4-.044-1.157-1.033-.533.102-1.154-.957-.657.246-1.132-.867-.772.386-1.093-.763-.874.521-1.036-.647-.962.647-.963-.52-1.035.762-.874-.386-1.093.867-.772-.246-1.132.957-.658-.102-1.154 1.033-.532.044-1.158 1.091-.4.19-1.143 1.132-.26.332-1.11 1.157-.117.469-1.06 1.162.029.599-.994 1.15.174.718-.91 1.118.315.828-.814 1.07.453.923-.704 1.005.584 1.005-.584.923.704 1.07-.453.828.814 1.118-.316.719.911 1.15-.174.598.994 1.162-.03.469 1.061 1.157.117.332 1.11 1.132.26.19 1.143 1.091.4.044 1.158 1.033.532-.102 1.154.957.658-.246 1.132.867.772-.386 1.093.763.874-.521 1.035.647.963-.647.962.52 1.036-.762.874.386 1.093-.867.772.246 1.132-.957.657.102 1.154-1.033.533-.044 1.158-1.091.4-.19 1.142-1.132.26-.332 1.111-1.157.117-.469 1.06-1.162-.029-.599.993-1.15-.173-.718.91-1.118-.315-.828.813-1.07-.453-.923.704z" fill="#1d74f5"/><path d="m42 49.315-.745.433-.685-.522-.794.336-.614-.604-.83.234-.534-.675-.852.129-.444-.737-.863.021-.348-.787-.858-.086-.246-.824-.84-.193-.141-.848-.81-.296-.033-.86-.766-.395.076-.856-.71-.488.182-.84-.643-.572.287-.811-.566-.649.386-.768-.48-.714.48-.714-.386-.769.566-.648-.287-.81.643-.573-.182-.84.71-.488-.076-.857.766-.395.033-.859.81-.296.14-.848.841-.193.246-.824.858-.087.348-.786.863.021.444-.737.852.129.534-.676.83.235.614-.604.794.336.685-.522.745.432.745-.432.685.522.794-.336.614.604.83-.235.534.676.852-.129.444.737.863-.021.348.786.858.087.246.824.84.193.141.848.81.296.033.86.766.394-.076.857.71.487-.182.84.643.573-.287.81.566.65-.386.768.48.714-.48.714.386.768-.566.649.287.81-.643.573.182.84-.71.488.076.856-.766.396-.033.859-.81.296-.14.848-.841.193-.246.824-.858.086-.348.787-.863-.021-.444.737-.852-.13-.534.676-.83-.234-.614.604-.794-.336-.685.522z" fill="#f3f5f8" opacity=".187"/></g></svg>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
---
layout: en/default
class: solutions-page jobs
title: "Jobs"
solution: "Jobs"
description: Jobs
permalink: /jobs
theme: dark
redirect_from:
- /job
---
<!DOCTYPE html>
<html lang="en-US">
<meta charset="utf-8">
<title>Redirecting…</title>
<link rel="canonical" href="//jobs.rocket.chat">
<meta http-equiv="refresh" content="0; url=//jobs.rocket.chat">
<h1>Redirecting…</h1>
<a href="//jobs.rocket.chat">Click here if you are not redirected.</a>
<script>location="//jobs.rocket.chat"</script>
</html>
<section class="container hero">
<div class="hero__text">
<h1 class="display--big theme_type--dark">Board in this journey </h1>
<p class="display--small theme_type--grey">Join us on the mission to bring people together and make the world more
open and collaborative</p>
<div class="button-wrap">
<a class="button" href="https://jobs.rocket.chat/recruit/Portal.na">View Opportunities</a>
<a class="button video" data-featherlight="#youtube-link" href="#">Watch the video</a>
</div>
</div>
<img class="hero__image" alt="hero-image" src="/images/jobs/hero.svg">
</section>
<section class="features">
<div class="container">
<div class="features__integrations collab">
<div class="integrations__content">
<p class="label theme_type--light">About Us</p>
<h3 class="title">Rocket.Chat is designed to connect teams across every barrier, from language to service to
geography.</h3>
<p class="desc">As an open-source platform, Rocket.Chat provides the architecture for uniting all communications
in a single place, regardless of the user's device or the diverse messaging services they are using. By
leveraging the collective brainpower of their user base through open source, Rocket.Chat is the only platform
capable of rapidly evolving alongside its users' needs.</p>
<p class="desc">The federated approach of Rocket.Chat's servers and integrations of other services means there
are truly no barriers to cross-team communication, regardless of how a team's service is hosted. Rocket.Chat
has advanced a platform that empowers people to collaborate with others, while empowering individual teams to
fully customize their platform to meet their unique needs.</p>
</div>
</div>
</div>
</section>
<div class="photo-grid">
<div class="img-row first">
<div><img src="/images/jobs/job-grid-1.png" alt="jobs grid image 1"></div>
</div>
<div class="img-row second">
<div><img src="/images/jobs/job-grid-2.png" alt="jobs grid image 2"></div>
<div><img src="/images/jobs/job-grid-3.png" alt="jobs grid image 3"></div>
<div><img src="/images/jobs/job-grid-4.png" alt="jobs grid image 4"></div>
</div>
<div class="img-row third">
<div>
<img src="/images/jobs/job-grid-9.png" alt="jobs grid image 9">
</div>
<div>
<img src="/images/jobs/job-grid-8.png" alt="jobs grid image 8">
</div>
<div>
<img src="/images/jobs/job-grid-7.png" alt="jobs grid image 7">
</div>
<div>
<img src="/images/jobs/job-grid-6.png" alt="jobs grid image 6">
</div>
<div>
<img src="/images/jobs/job-grid-5.png" alt="jobs grid image 5">
</div>
</div>
</div>
<section class="testimonials">
<div class="container">
<div class="testimonials__title">
<h2 class="display theme_type--dark">Awards & Recognitions</h2>
</div>
<div class="features__icons">
<div class="feature">
<img class="feature__image" alt="{{feature.title}}" src="/images/jobs/award.svg">
<div class="feature__container">
<h3 class="feature__title">Bossie Award</h3>
</div>
</div>
<div class="feature">
<img class="feature__image" alt="{{feature.title}}" src="/images/jobs/award.svg">
<div class="feature__container">
<h3 class="feature__title">OW2 Innovation Award</h3>
</div>
</div>
<div class="feature">
<img class="feature__image" alt="{{feature.title}}" src="/images/jobs/award.svg">
<div class="feature__container">
<h3 class="feature__title">Black Duck Rookie of the Year</h3>
</div>
</div>
<div class="feature">
<img class="feature__image" alt="{{feature.title}}" src="/images/jobs/award.svg">
<div class="feature__container">
<h3 class="feature__title">100 Startups to Watch</h3>
</div>
</div>
<div class="feature">
<img class="feature__image" alt="{{feature.title}}" src="/images/jobs/award.svg">
<div class="feature__container">
<h3 class="feature__title">Best Open Source Startup - ATO2018</h3>
</div>
</div>
<div class="feature">
<img class="feature__image" alt="{{feature.title}}" src="/images/jobs/award.svg">
<div class="feature__container">
<h3 class="feature__title">TOP 10 Startups RS</h3>
</div>
</div>
</div>
<div class="space--5"></div>
<div class="space--5"></div>
<div class="testimonials__title">
<h2 class="display theme_type--dark">Rocket.Chat is one of the largest
open source projects in the world!</h2>
<p class="label theme_type--light">1,000+ Developers</p>
</div>
<div class="space--3"></div>
<a class="youtube-image-link" data-featherlight="#youtube-link"></a>
<div id="youtube-link"><iframe class="youtube-video"src="https://www.youtube.com/embed/RKDwl2xZH5g" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
<div class="card theme_box--brand card--shadow solutions-box">
<div class="solutions-box__content">
<h3 class="display theme_type--dark">Make your mark in the history of open source software. </h3>
<a href="https://jobs.rocket.chat/recruit/Portal.na" class="button--ghost" data-featherlight="#solution-form">View Opportunities</a>
</div>
</div>
</div>
</section>
<script src="/solutionsForm.js"></script>
\ No newline at end of file
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment