mirror of
https://github.com/BillyOutlast/posthog.com.git
synced 2026-02-04 03:11:21 +01:00
New careers page (#1116)
* Start building out components for careers page * Build out interview process and benefit sections * Build out working at posthog section * Setup workable script * Finish open roles section * Add starry backgrounds with gradients * Improve anchor scrollbar and background styling * Cleanup culture and benefits * Setup in-page scroll navbar state * Make faces smaller * Setup smooth scrolling and mobile select * Remove old position markdown files * Build links dynamically and improve scrolling * Responsive improvements * Extract a section component * Wire up call to action * Add a mergeClassList utility * Extract hero and section headers. Fix footer and anchor scrollbar background * Workable script * Cleanup use effect scroll handler * Add vendor prefix for appearance none * Organize styles better * Add type for event argument * Update SEO tags and fix footer props * make workable script work * minor update * Increase scroll handler threshold and make scroll sections more accurate * Add down caret * Center interview process on mobile * Fix scroll behavior * Fix interview process images * Add employee-friendly terms * Switch html overflow to body overflow * Use gatsby wrapper for overflow * Another attempt at fixing moon overflow Co-authored-by: yakkomajuri <yakko.majuri@gmail.com>
This commit is contained in:
Mike Nicklas
@@ -3,7 +3,12 @@
|
||||
"browser": true,
|
||||
"node": true
|
||||
},
|
||||
"extends": ["eslint:recommended", "plugin:react/recommended"],
|
||||
"extends": [
|
||||
"eslint:recommended",
|
||||
"plugin:react/recommended",
|
||||
"plugin:@typescript-eslint/eslint-recommended",
|
||||
"plugin:@typescript-eslint/recommended"
|
||||
],
|
||||
"parserOptions": {
|
||||
"ecmaFeatures": {
|
||||
"jsx": true
|
||||
@@ -16,6 +21,7 @@
|
||||
"rules": {
|
||||
"react/no-unescaped-entities": "off",
|
||||
"react/prop-types": "off",
|
||||
"no-const-assign": "off"
|
||||
"no-const-assign": "off",
|
||||
"no-undef": "off"
|
||||
}
|
||||
}
|
||||
|
||||
2
.github/workflows/checks.yml
vendored
2
.github/workflows/checks.yml
vendored
@@ -31,7 +31,7 @@ jobs:
|
||||
git config user.email hey@posthog.com
|
||||
|
||||
- name: Add safe redirects
|
||||
if: ${{ github.base_ref == 'master' }}
|
||||
if: ${{ github.base_ref == 'master' }}
|
||||
run: |
|
||||
git diff ${{ github.base_ref }} ${{ github.head_ref }} > pr_diff
|
||||
python3 ./scripts/safe_rename.py
|
||||
|
||||
@@ -1,72 +0,0 @@
|
||||
---
|
||||
title: Full Stack Software Engineer
|
||||
sidebar: Careers
|
||||
showTitle: true
|
||||
---
|
||||
|
||||
<h5 class='centered'>PostHog exists to increase the number of successful products in the world.</h5>
|
||||
|
||||
At PostHog, we are looking for multiple **Full Stack Software Engineers** to join our growing Engineering team.
|
||||
|
||||
We are a small (but growing) remote [team](/handbook/company/team/) building an open source platform that empowers customers to create successful products.
|
||||
|
||||
Until now, tools for building products have been very fragmented - product analytics, heat maps, session recording and A/B testing all provide immense value, but existing tools weren’t natively built to work together.
|
||||
|
||||
PostHog is different by offering these tools (and more) in a single platform that customers can host themselves.
|
||||
|
||||
We started PostHog as part of Y Combinator’s W20 cohort and had the most successful B2B software launch on HackerNews since 2012 - with a product that was just [4 weeks old](/handbook/company/story/).
|
||||
|
||||
We are proudly backed by some of the world’s top [investors](/handbook/strategy/investors) and believe in product-led growth, where we build something awesome and let your product bring the users, rather than an outbound sales team and regular cold calls.
|
||||
|
||||
We have a lot of capital, but we’re a lean, strong team - so you’ve got the opportunity to have a huge impact.
|
||||
|
||||
### Here's how you'll be contribution to our Engineering Team:
|
||||
|
||||
- Our [roadmap](/handbook/strategy/roadmap/) for 2021 focuses on three things - creating a solid core product that's easy to use, ensuring the best developer platform for event-based analytics and setting PostHog up to service huge volumes
|
||||
- We keep cycles very short. There is a [roadmap session](/handbook/engineering/release-new-version) every two weeks - each developer suggests what they want to build to have the most significant impact, then they do just that. You choose what you focus on, and you are responsible for tests, user feedback, and tracking. We also run a retro on the previous two weeks, to make sure we keep on learning and sharing.
|
||||
- The technical challenge here is designing a highly scalable product right out of the box when deployed on premise, supporting a wide breadth of features that give users superpowers, and enabling an ecosystem of contributors and plugins from anyone in the world so PostHog becomes a true platform.
|
||||
- You will be working directly with our customers. We have a customer slack group and we received a lot of Pull Requests from users every week.
|
||||
|
||||
### This role will give you the opportunity to:
|
||||
- We are [open source](/handbook/company/values#we-are-open-source) - building a huge community around a free-for-life product is key to PostHog's strategy. We default to [transparency](/handbook/company/culture#transparency) with everything we work on.
|
||||
- Work [autonomously](/handbook/company/culture) and maximize your impact - we won’t tell you what to do, you will choose what to work on next based on what is going to have the biggest impact on our customers.
|
||||
- Solve big problems - we haven't built our [defining feature](/handbook/company/values#we-havent-built-our-defining-feature-yet) yet. We are all about acting fast, innovating and [iterating](https://posthog.com/handbook/company/culture#iteration).
|
||||
- Be flexible in how and where you work.
|
||||
|
||||
|
||||
### What you'll bring:
|
||||
- You have experience with relevant [technologies](/docs/stack/) (Python or similar, React or similar, something to do with big data is a bonus).
|
||||
- You have started a [project from scratch](/handbook/people/hiring-process#engineering). You might have been a founder previously, have built an impressive side project or led on a project in our day job.
|
||||
- You are passionate about product and user experience – customers are at the heart of everything you do.
|
||||
- You have strong communication skills. [We document everything](/handbook/company/culture#write-stuff-down), most of it publicly, so you will need to have strong communication skills.
|
||||
- You move fast, have a strong bias to action and you don’t shy away from [treading on toes](/handbook/company/values#tread-on-toes).
|
||||
|
||||
### What we offer in return:
|
||||
|
||||
* Generous [compensation](/handbook/people/compensation)
|
||||
* [Unlimited, permissionless vacation](/handbook/people/time-off) with a 25 day minimum
|
||||
* Health insurance provided or the cost covered depending on jurisdiction
|
||||
* [Generous parental leave](/handbook/people/time-off)
|
||||
* Visa sponsorship if needed, for you and your loved ones
|
||||
* [Training budget](/handbook/people/training)
|
||||
* [$200/month budget towards coworking or café working](/handbook/people/spending-money)
|
||||
* Carbon offsetting for work travel with [Project Wren](https://www.wren.co/)
|
||||
* [Free books](/handbook/people/training#books)
|
||||
|
||||
*Please note that benefits vary slightly by country. If you have any questions, please don't hesitate to ask our team.*
|
||||
|
||||
### Sold? Apply now:
|
||||
|
||||
[Drop us a line](mailto:8786407E58@jobs.workablemail.com) and tell us:
|
||||
* How you can achieve the above in a few sentences
|
||||
* Why you're drawn to us
|
||||
* Your resumé and/or LinkedIn
|
||||
|
||||
### Not sold? Learn more first:
|
||||
|
||||
* [How we hire](/careers#the-process)
|
||||
* We ask for your best work, and in return [pay generously](/handbook/people/compensation) and have [exceptional benefits](/careers/#benefits)
|
||||
* Learn about [the team you'd be working with](/handbook/company/team)
|
||||
* Getting hiring right is key to diversity. Learn about [how we think about this](/handbook/company/diversity).
|
||||
|
||||
*We believe people from diverse backgrounds, with different identities and experiences, make our product and our company better. No matter your background, we'd love to hear from you! Also, if you have a disability, please let us know if there's any way we can make the interview process better for you; we're happy to accommodate!*
|
||||
@@ -1,156 +0,0 @@
|
||||
---
|
||||
title: Careers
|
||||
sidebar: Careers
|
||||
showTitle: true
|
||||
---
|
||||
|
||||
## Why We're Here
|
||||
|
||||
PostHog is increasing the number of successful products in the world.
|
||||
|
||||
We do that by providing a platform for open-source product analytics; this helps software teams understand user behavior.
|
||||
|
||||
The analytics landscape has historically been very fragmented. Many tools provide value individually, but integrating the basic features across many verticals provides much more value.
|
||||
|
||||
Today, we are focused on community growth around our open-source project. We aim to provide the core features of many tools that traditionally would all sit in silos. This, coupled with the ability to use the software for free, for life, is making PostHog a no-brainer for every new software project.
|
||||
|
||||
We've made a crazy amount of progress to date.
|
||||
|
||||
We took part in [Y Combinator's](https://www.ycombinator.com/) W20 cohort and had the most successful B2B software launch on [HackerNews](https://news.ycombinator.com/) since 2012, with a product that was just four weeks old.
|
||||
|
||||
Our GitHub repo has over 3.8k stars (and growing fast), and we already have thousands of users, including deployments at large companies.
|
||||
|
||||
We're backed by some of the world's top investors and believe in product-led growth, where we build something awesome and let our product bring the users, rather than an outbound sales team and regular cold calls.
|
||||
|
||||
What does this mean for you? We have a lot of capital, but [we're a lean, strong team](handbook/company/team) - so you've got the opportunity to have a huge impact.
|
||||
|
||||
## Our Culture
|
||||
|
||||
As a young company, our culture is still being polished by [our growing team](handbook/company/team), and, as one of our first hires, you'll play an important role in shaping it.
|
||||
|
||||
A few things have already emerged as key:
|
||||
|
||||
##### All Remote
|
||||
|
||||
We are _fully remote_ and hire anywhere in the world. After all, why limit your talent pool? If you're a fit, we want you on board.
|
||||
|
||||
Currently, no two PostHog members live in the same city, not even our co-founders! But don't worry, we'll still hire you even if you do share a city with a team member.
|
||||
|
||||
##### Diversity
|
||||
|
||||
Being fully remote means we're able to create a team that is _truly_ diverse.
|
||||
|
||||
A non-traditional team is how we build a special company. We believe diversity leads to the best results and encourage applicants from any background or experience to drop us a note.
|
||||
|
||||
Learn more about [how we approach diversity](/handbook/company/diversity).
|
||||
|
||||
Furthermore, to ensure we can support the needs of our diverse team well, we offer unlimited time off (minimum 25 days!), don't track hours (work hard when you work), and [offer generous parental leave](/handbook/people/time-off#parental-leave) independent of gender.
|
||||
|
||||
As part of our commitment to diversity, we are willing to sponsor visas for those who need them.
|
||||
|
||||
##### Transparency
|
||||
|
||||
As the builders of an open-source product, we believe it is only right that we be as transparent as possible as a company.
|
||||
|
||||
And this isn't just a meaningless corporate statement. Most of our communication happens publicly on GitHub, our roadmap is open for anyone to see, and this website hosts a [comprehensive handbook](/handbook) explaining anything from how we hire and pay employees to how we email investors!
|
||||
|
||||
We're committed to much more than just public code.
|
||||
|
||||
##### Written communication
|
||||
|
||||
We're an all-remote company that allows people to work from almost anywhere in the world. With [team members across many countries](handbook/company/team), it's essential for us to practice clear communication in ways that help us stay connected and work more efficiently.
|
||||
|
||||
To accomplish this, we use asynchronous communication as a starting point and stay as open and transparent as we can by communicating through public issues, pull requests, and (minimally) Slack.
|
||||
|
||||
Putting things in writing helps us clarify our own ideas, and allows others to provide better feedback. It has been key to our development and growth.
|
||||
|
||||
## Our Backers
|
||||
|
||||
We're young, but we're already [backed](/handbook/strategy/investors) by many of the best investors in the world and have [raised millions of dollars in funding](/blog/raising-3m-for-os).
|
||||
|
||||
This includes YCombinator, Solomon Hykes (Founder of Docker), David Cramer (Founder/CEO of Sentry), Adam Goldstein (Founder of Hipmunk), and [many more](/handbook/strategy/investors).
|
||||
|
||||
## Our Interview Process
|
||||
|
||||
The stages of our hiring process are:
|
||||
|
||||
**Application** - we aim to get back to you within 2 working days, but please bear with us in case it takes a bit longer.
|
||||
|
||||
**[Culture interview](/handbook/people/hiring-process#interview-1---culture-with-eltje) with Eltje, our People and Talent Lead.**
|
||||
The video call will take 30 minutes, and the goal is to ensure you will be a great cultural addition to the team and, of course, to answer any questions you might have about PostHog or the role.
|
||||
|
||||
**[Technical interview](/handbook/people/hiring-process#interview-2---technical)** with the [hiring team](/handbook/company/team).
|
||||
This is usually 2 PostHog team members spending 45-60 minutes with the candidate. This interview will focus on the skills needed to fill the role.
|
||||
|
||||
**[PostHog SuperDay](/handbook/people/hiring-process#posthog-superday)** - this is a *paid* day of working with us, which we will fit around your schedule.
|
||||
|
||||
Getting hired by us is extremely challenging, and this will be a big day. However, our team is going to work hard to make you successful - we want you to succeed. You'll need to be fully engaged with a steady supply of tea, coffee, and biscuits.
|
||||
|
||||
We'll set you up with a Slack support channel with several of [our core team](handbook/company/team). We'll give you a variety of tasks to work on. We are looking for your ability to iterate, get things live, learn, take initiative, and prioritize.
|
||||
|
||||
This way, you'll get a chance to see how we work, and we'll get a chance to see how you get on during the equivalent of a very busy day. And you'll be getting paid, of course.
|
||||
|
||||
**Offer** Hooray! We will send you an offer letter outlining all the details of the offer, and if you choose to accept, we will kickstart the onboarding process!
|
||||
|
||||
|
||||
## Benefits
|
||||
|
||||
* [Generous, transparent compensation](/handbook/people/compensation)
|
||||
* [Share options](/handbook/people/compensation#share-options)
|
||||
* [Unlimited, permissionless vacation](/handbook/people/time-off) with a 25 day minimum
|
||||
* Health insurance including dental and vision provided in the US via our payroll provider [Gusto](https://gusto.com/)
|
||||
* [Generous parental leave](/handbook/people/time-off#parental-leave)
|
||||
* Visa sponsorship
|
||||
* [Training budget](/handbook/people/training#training-budget) (role dependent)
|
||||
* We provide [all equipment](/handbook/people/spending-money#equipment) needed to have an ergonomic setup at home to be as productive as possible
|
||||
* \$200/month [budget towards coworking or café working](/handbook/people/spending-money#work-space)
|
||||
* Carbon offsetting for work travel with [Project Wren](https://projectwren.com/)
|
||||
* Free [books](/handbook/people/training#books)
|
||||
|
||||
_Please note that benefits vary slightly by country. If you have any questions, please don't hesitate to ask our team._
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
# Open Roles
|
||||
|
||||
## Open Roles
|
||||
|
||||
Our team is proactively looking for the following:
|
||||
|
||||
* [Full Stack Software Engineer](/careers/full-stack-software-engineer)
|
||||
* [Senior Full Stack Software Engineer](/careers/senior-fs-software-engineer)
|
||||
* [Sales Engineer](/careers/sales-engineer)
|
||||
* [Site Reliability Engineer](/careers/site-reliability-engineer)
|
||||
* [Product Marketer](/careers/product-marketer)
|
||||
* [Senior Product Designer](/careers/senior-product-designer)
|
||||
|
||||
## Open Application
|
||||
|
||||
We take exceptional people when they come along, and we really mean that.
|
||||
|
||||
If you do *not* see a specific role listed, that really doesn't mean we won't have a spot for you.
|
||||
|
||||
We take this application seriously - you won't just end up in a candidate database. We will either hire you, reject you, or give you some insight into when it may make more sense to apply.
|
||||
|
||||
# Get Started - Applying
|
||||
|
||||
Email a thoughtful cover letter to [careers@posthog.com](mailto:careers@posthog.com). A good cover letter includes:
|
||||
|
||||
* What makes you a great early hire into our first 15 people
|
||||
* Something weird you've learned in your career
|
||||
* Relevant experience/projects you've done (including links if possible)
|
||||
* Links to your LinkedIn / Resume / GitHub (optional)
|
||||
* How you found us
|
||||
|
||||
# What Is It Like?
|
||||
|
||||
Learn more [about the people](/handbook/company/team) you could be working with.
|
||||
|
||||
Watch a day in the life of our graphic designer, Lottie!
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/xlODCLrZyvM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
|
||||
# Note to recruitment agencies
|
||||
|
||||
At Posthog, we do not work with recruitment agencies. Any direct approaches will be left unanswered; please do not call or follow up via email. We do not accept speculative resumés unless we have specifically instructed you to provide these. We will not be responsible for any fees relating to unsolicited resumés.
|
||||
@@ -1,81 +0,0 @@
|
||||
---
|
||||
title: Product Marketer
|
||||
sidebar: Careers
|
||||
showTitle: true
|
||||
---
|
||||
|
||||
<h5 class='centered'>PostHog exists to increase the number of successful products in the world.</h5>
|
||||
|
||||
While we have mainly hired engineers to date, we are now growing across all areas of the business, and we are currently hiring for our first **Product Marketer** to work alongside our newly hired Marketing Lead. In this role, you will own market/competitor research, product position, and messaging. You will play a key role in our growth.
|
||||
|
||||
### What you'll be doing
|
||||
|
||||
- Conducting market/competitor research. PostHog operates across a number of industries. It will be your job to understand our competition.
|
||||
- Armed with a deep understanding of the market, you'll iterate on our product positioning and messaging.
|
||||
- Develop user personas from user research conducted by our team and supplemented by you.
|
||||
- Collaborate with our Product team on our vision and roadmap to stay ahead of the competition and satisfy user demand.
|
||||
- Create compelling collateral/content to communicate product benefits to personas and enable sales.
|
||||
|
||||
### What you'll bring
|
||||
|
||||
- Experience working as a product marketer for a technical product positioned at developers.
|
||||
- Excellent writing, researching and communication skills.
|
||||
- Experience owning marketing research, product positioning, and messaging.
|
||||
- Experience working closely with product and sales teams.
|
||||
- A detail-orientated and organized approach to work with a desire to move quickly and continuously improve yourself and your team.
|
||||
- Experience working in open source and/or product analytics is desirable but not critical.
|
||||
|
||||
### What we offer in return
|
||||
|
||||
* Generous, transparent [compensation](/handbook/people/compensation)
|
||||
* [Unlimited, permissionless vacation](/handbook/people/time-off) with a 25 day minimum
|
||||
* Health insurance, including dental and vision (UK and US-based only)
|
||||
* [Generous parental leave](/handbook/people/time-off)
|
||||
* Visa sponsorship if needed, for you and your loved ones
|
||||
* [Training budget](/handbook/people/training)
|
||||
* [$200/month budget towards coworking or café working](/handbook/people/spending-money)
|
||||
* Carbon offsetting for work travel with [Project Wren](https://www.wren.co/)
|
||||
* [Free books](/handbook/people/training#books)
|
||||
|
||||
*Please note that benefits vary slightly by country. If you have any questions, please don't hesitate to ask our team.*
|
||||
|
||||
### About PostHog
|
||||
|
||||
PostHog's engineering culture is best-in-class, and we've had explosive user growth from this alone.
|
||||
|
||||
We [launched a four week old minimum viable product in February 2020](/handbook/company/story), and since then have been deployed in thousands of places around the world.
|
||||
|
||||
PostHog's platform makes it easy for software teams to understand their user behavior. This, coupled with our fast growth, has led to a wide variety of very cool use cases. PostHog helps indie game designers make it more fun to defend earth from an alien threat. PostHog is used by multinational organizations running software that powers everything from banks to airlines. PostHog is used by startups disrupting their own industries.
|
||||
|
||||
We're a company like no other in our space. Our approach is bottom up, and that starts by being great for developers to install and use.
|
||||
|
||||
By being open source, we can be used on any software project throughout the world, for free, forever. Some developers will use the platform on a side project, others at their startup or small business, and others in their Fortune 500. We are building a true platform that can grow from 1 user to many, no matter the size or shape of the organization.
|
||||
|
||||
The core of our approach is to delight end users. It's not about executive dashboards and then a terrible interface for everyone else. It's the sense of power we give to the person on the ground, doing the actual work, every day.
|
||||
|
||||
### Our team
|
||||
|
||||
Our team is a combination of former CTOs and YC founders all turned developers, alongside some of the best developers from the world's largest tech companies who have the experience to help us handle scalability.
|
||||
|
||||
Our [team](/handbook/company/team) is tiny, but we live in 10 different countries. This diverse group looks pretty weird on paper, but it's magical. Apart from the fact most of them think [pineapple belongs on pizza](https://twitter.com/PostHogHQ/status/1319583079648923648). It doesn't.
|
||||
|
||||
We take bets on people with less experience too - we are as willing to hire an unproven genius straight out of school as we are a seasoned veteran.
|
||||
|
||||
We're all remote, and we've raised enough to pay top of market. [We are proudly backed](/handbook/strategy/investors) by some of the best VCs and Investors in the world, such as YCombinator.
|
||||
|
||||
### Sold? Apply now
|
||||
|
||||
* [Drop us a line](mailto:CBEF343B79@jobs.workablemail.com) and tell us:
|
||||
* How you can achieve the above in a few sentences
|
||||
* Why you're drawn to us
|
||||
* Your resumé and/or LinkedIn
|
||||
* Please also add a link to your portfolio or examples of previous work
|
||||
|
||||
### Not sold? Learn more first
|
||||
|
||||
* [How we hire](/careers#the-process)
|
||||
* We ask for your best work, and in return, [pay generously](/handbook/people/compensation) and have [exceptional benefits](/careers/#benefits)
|
||||
* Learn about [the team you'd be working with](/handbook/company/team)
|
||||
* Getting hiring right is key to diversity. Learn about [how we think about this](/handbook/company/diversity).
|
||||
|
||||
*We believe people from diverse backgrounds, with different identities and experiences, make our product and our company better. No matter your background, we'd love to hear from you! Also, if you have a disability, please let us know if there's any way we can make the interview process better for you; we're happy to accommodate!*
|
||||
@@ -1,80 +0,0 @@
|
||||
---
|
||||
title: Sales Engineer
|
||||
sidebar: Careers
|
||||
showTitle: true
|
||||
---
|
||||
|
||||
<h5 class='centered'>PostHog exists to increase the number of successful products in the world.</h5>
|
||||
|
||||
Our open source project has taken off, and we're getting too much demand to handle on our paid version, and are growing across all areas of the business. That means we are looking to hire our first **Sales Engineer**.
|
||||
|
||||
You’ll be the first person in this role; as such, you will be pioneering how we help grow free customers into paying ones from the ground up, and likewise how we handle inbound paid requests.
|
||||
|
||||
### What you'll be doing
|
||||
|
||||
* Making sure any paid user of PostHog is successful. We need to build strong relationships, ensure they're well set up, and that we pass any product feedback to our product and engineering team to act upon.
|
||||
* Work out the best process for converting teams on our free product into paying customers, and for handling inbound demo requests.
|
||||
* Establishing how to expand existing accounts into larger ones.
|
||||
* PostHog's strategy is built on bottom up adoption, as per our [growth strategy](../handbook/growth/strategy). That means we'll be prioritizing how to get small contracts signed in small or big companies, based on inbound demand or existing free usage.
|
||||
|
||||
### What you'll bring
|
||||
|
||||
* Above all, you must be incredibly conscientious and helpful.
|
||||
* You have a strong background in handling customers, ideally including enterprise accounts. You may have led a small team before or would be looking to do this in the future, or perhaps you were a customer-facing founder in a devtool company.
|
||||
* You "get" developers: meaning you come from a technical background. Perhaps you have experience in web development and maybe even in Product, or you've had a similar role selling devtools before.
|
||||
* You are able to drive the pipeline proactively and are keen to figure things out yourself, whilst we iterate the process and product. You'll be working closely with the CEO, so you will be very well supported.
|
||||
* You enjoy building customer relationships and working with a community of users.
|
||||
|
||||
### What we offer in return
|
||||
|
||||
* Generous [compensation](/handbook/people/compensation)
|
||||
* [Unlimited, permissionless vacation](/handbook/people/time-off) with a minimum of 25 days
|
||||
* Health insurance provided or the cost covered depending on jurisdiction
|
||||
* [Generous parental leave](/handbook/people/time-off)
|
||||
* Visa sponsorship if needed, for you and your loved ones
|
||||
* [Training budget](/handbook/people/training)
|
||||
* [$200/month budget towards coworking or café working](/handbook/people/spending-money)
|
||||
* Carbon offsetting for work travel with [Project Wren](https://www.wren.co/)
|
||||
* [Free books](/handbook/people/training#books)
|
||||
|
||||
*Please note that benefits vary slightly by country. If you have any questions, please don't hesitate to ask our team.*
|
||||
|
||||
### About PostHog
|
||||
|
||||
PostHog's engineering culture is best-in-class, and we've had explosive user growth from this alone.
|
||||
|
||||
We [launched a four week old minimum viable product in February](/handbook/company/story), and since then have been deployed in thousands of places around the world.
|
||||
|
||||
PostHog's platform makes it easy for software teams to understand their user behavior. This, coupled with our fast growth, has led to a wide variety of very cool use cases. PostHog helps indie game designers make it more fun to defend earth from an alien threat. PostHog is used by multinational organizations running software that powers everything from banks to airlines. PostHog is used by startups disrupting their own industries.
|
||||
|
||||
We're a company like no other in our space. Our approach is bottom up, and that starts by being great for developers to install and use.
|
||||
|
||||
By being open source, we can be used on any software project throughout the world, for free, forever. Some developers will use the platform on a side project, others at their startup or small business, and others in their Fortune 500. We are building a true platform that can grow from 1 user to many, no matter the size or shape of the organization.
|
||||
|
||||
The core of our approach is to delight end users. It's not about executive dashboards and then a terrible interface for everyone else. It's the sense of power we give to the person on the ground, doing the actual work, every day.
|
||||
|
||||
### Our team
|
||||
|
||||
Our team is a combination of former CTOs and YC founders all turned developers, alongside some of the best developers from the world's largest tech companies who have the experience to help us handle scalability.
|
||||
|
||||
Our [team](/handbook/company/team) is tiny, but we live in 10 different countries. This diverse group looks pretty weird on paper, but it's magical. Apart from the fact most of them think [pineapple belongs on pizza](https://twitter.com/PostHogHQ/status/1319583079648923648). It doesn't.
|
||||
|
||||
We take bets on people with less experience too - we are as willing to hire an unproven genius straight out of school as we are a seasoned veteran.
|
||||
|
||||
We're all remote, and we've raised enough to pay top of market. [We are proudly backed](/handbook/strategy/investors) by some of the best VCs and Investors in the world, such as YCombinator.
|
||||
|
||||
### Sold? Apply now
|
||||
|
||||
* [Drop us a line](mailto:626A246866@jobs.workablemail.com) and tell us:
|
||||
* How you can achieve the above in a few sentences
|
||||
* Why you're drawn to us
|
||||
* Your resumé and/or LinkedIn
|
||||
|
||||
### Not sold? Learn more first
|
||||
|
||||
* [How we hire](/careers#the-process)
|
||||
* We ask for your best work, and in return, [pay generously](/handbook/people/compensation) and have [exceptional benefits](/careers/#benefits)
|
||||
* Learn about [the team you'd be working with](/handbook/company/team)
|
||||
* Getting hiring right is key to diversity. Learn about [how we think about this](/handbook/company/diversity).
|
||||
|
||||
*We believe people from diverse backgrounds, with different identities and experiences, make our product and our company better. No matter your background, we'd love to hear from you! Also, if you have a disability, please let us know if there's any way we can make the interview process better for you; we're happy to accommodate!*
|
||||
@@ -1,73 +0,0 @@
|
||||
---
|
||||
title: Senior Full Stack Software Engineer
|
||||
sidebar: Careers
|
||||
showTitle: true
|
||||
---
|
||||
|
||||
<h5 class='centered'>PostHog exists to increase the number of successful products in the world.</h5>
|
||||
|
||||
At PostHog, we are looking for several **Senior Full Stack Software Engineers** to join our growing Engineering team.
|
||||
|
||||
We are a small (but growing) remote [team](/handbook/company/team/) building an open source platform that empowers customers to create successful products.
|
||||
|
||||
Until now, tools for building products have been very fragmented - product analytics, heat maps, session recording and A/B testing all provide immense value, but existing tools weren’t natively built to work together.
|
||||
|
||||
PostHog is different by offering these tools (and more) in a single platform that customers can host themselves.
|
||||
|
||||
We started PostHog as part of Y Combinator’s W20 cohort and had the most successful B2B software launch on HackerNews since 2012 - with a product that was just [4 weeks old](/handbook/company/story/).
|
||||
|
||||
We are proudly backed by some of the world’s top [investors](/handbook/strategy/investors) and believe in product-led growth, where we build something awesome and let your product bring the users, rather than an outbound sales team and regular cold calls.
|
||||
|
||||
We have a lot of capital, but we’re a lean, strong team - so you’ve got the opportunity to have a huge impact.
|
||||
|
||||
### Here's how you'll be contribution to our Engineering Team:
|
||||
|
||||
- Our [roadmap](/handbook/strategy/roadmap/) for 2021 focuses on three things - creating a solid core product that's easy to use, ensuring the best developer platform for event-based analytics and setting PostHog up to service huge volumes
|
||||
- We keep cycles very short. There is a [roadmap session](/handbook/engineering/release-new-version) every two weeks - each developer suggests what they want to build to have the most significant impact, then they do just that. You choose what you focus on, and you are responsible for tests, user feedback, and tracking. We also run a retro on the previous two weeks, to make sure we keep on learning and sharing.
|
||||
- The technical challenge here is designing a highly scalable product right out of the box when deployed on premise, supporting a wide breadth of features that give users superpowers, and enabling an ecosystem of contributors and plugins from anyone in the world so PostHog becomes a true platform.
|
||||
- You will be working directly with our customers. We have a customer slack group and we received a lot of Pull Requests from users every week.
|
||||
|
||||
### This role will give you the opportunity to:
|
||||
- We are [open source](/handbook/company/values#we-are-open-source) - building a huge community around a free-for-life product is key to PostHog's strategy. We default to [transparency](/handbook/company/culture#transparency) with everything we work on.
|
||||
- Work [autonomously](/handbook/company/culture) and maximize your impact - we won’t tell you what to do, you will choose what to work on next based on what is going to have the biggest impact on our customers.
|
||||
- Solve big problems - we haven't built our [defining feature](/handbook/company/values#we-havent-built-our-defining-feature-yet) yet. We are all about acting fast, innovating and [iterating](https://posthog.com/handbook/company/culture#iteration).
|
||||
- Be flexible in how and where you work.
|
||||
|
||||
|
||||
### What you'll bring:
|
||||
- You have strong experience with relevant [technologies](/docs/stack/) (Python or similar, React or similar, something to do with big data is a bonus).
|
||||
- You have started a [project from scratch](/handbook/people/hiring-process#engineering). You might have been a founder previously, have built an impressive side project or led on a project in our day job.
|
||||
- You have experience interviewing, coaching and mentoring junior Engineers.
|
||||
- You are passionate about product and user experience – customers are at the heart of everything you do.
|
||||
- You have strong communication skills. [We document everything](/handbook/company/culture#write-stuff-down), most of it publicly, so you will need to have strong communication skills.
|
||||
- You move fast, have a strong bias to action and you don’t shy away from [treading on toes](/handbook/company/values#tread-on-toes).
|
||||
|
||||
### What we offer in return:
|
||||
|
||||
* Generous [compensation](/handbook/people/compensation)
|
||||
* [Unlimited, permissionless vacation](/handbook/people/time-off) with a 25 day minimum
|
||||
* Health insurance provided or the cost covered depending on jurisdiction
|
||||
* [Generous parental leave](/handbook/people/time-off)
|
||||
* Visa sponsorship if needed, for you and your loved ones
|
||||
* [Training budget](/handbook/people/training)
|
||||
* [$200/month budget towards coworking or café working](/handbook/people/spending-money)
|
||||
* Carbon offsetting for work travel with [Project Wren](https://www.wren.co/)
|
||||
* [Free books](/handbook/people/training#books)
|
||||
|
||||
*Please note that benefits vary slightly by country. If you have any questions, please don't hesitate to ask our team.*
|
||||
|
||||
### Sold? Apply now:
|
||||
|
||||
[Drop us a line](mailto:https://apply.workable.com/j/7E5C3B0FC6) and tell us:
|
||||
* How you can achieve the above in a few sentences
|
||||
* Why you're drawn to us
|
||||
* Your resumé and/or LinkedIn
|
||||
|
||||
### Not sold? Learn more first:
|
||||
|
||||
* [How we hire](/careers#the-process)
|
||||
* We ask for your best work, and in return [pay generously](/handbook/people/compensation) and have [exceptional benefits](/careers/#benefits)
|
||||
* Learn about [the team you'd be working with](/handbook/company/team)
|
||||
* Getting hiring right is key to diversity. Learn about [how we think about this](/handbook/company/diversity).
|
||||
|
||||
*We believe people from diverse backgrounds, with different identities and experiences, make our product and our company better. No matter your background, we'd love to hear from you! Also, if you have a disability, please let us know if there's any way we can make the interview process better for you; we're happy to accommodate!*
|
||||
@@ -1,78 +0,0 @@
|
||||
---
|
||||
title: Senior Product Designer
|
||||
sidebar: Careers
|
||||
showTitle: true
|
||||
---
|
||||
|
||||
<h5 class='centered'>PostHog empowers customers to create successful products.</h5>
|
||||
|
||||
We’re looking for a **Senior Product Designer** to join our small (but growing), fully-remote [team](/handbook/company/team/).
|
||||
|
||||
Until now, tools for building products have been very fragmented - product analytics, heatmaps, session recording and A/B testing all provide immense value, but existing tools weren’t natively built to work together.
|
||||
|
||||
PostHog is different by offering these tools (and more) in a single platform that customers can host themselves.
|
||||
|
||||
### The role
|
||||
We're looking for a seasoned product designer with a background in interaction design, analytics and data visualization to work on the open source PostHog web app.
|
||||
|
||||
This is our first dedicated product design hire, joining our [Design Lead](/handbook/company/team#cory-watilo-lead-designer) and [Graphic Designer](/handbook/company/team#lottie-coxon-graphic-designer) whose current efforts are largely focused on our website, docs and contributor experience.
|
||||
|
||||
You can expect to do a lot of normal product designer-y things, but with one big twist: *YOU decide what you're going to work on!* We hire high-performing individuals who can identify a problem, propose a solution, and execute on it. We ship every two weeks.
|
||||
|
||||
You'll work with our contributors to identify the highest leverage opportunities to improve the UX, grow retention, and assist engineers in designing new features. (Our engineers are incredibly UX-minded, so your suggestions won't fall on deaf ears!)
|
||||
|
||||
This role encompasses everything from building a design roadmap, user research and testing, evolving our library of Figma components, and prototyping interactions.
|
||||
|
||||
There's no requirement around how long you've worked in product design, though most designers in this type of role typically have 5-10 years experience.
|
||||
|
||||
### What you'll bring:
|
||||
|
||||
- A strong opinion about UX best practices
|
||||
- A background in analytics and data visualization
|
||||
- Moderate to advanced experience working in Figma
|
||||
- Deep understanding of interaction design
|
||||
- Ability to ship [iteratively](/handbook/company/culture#iteration)
|
||||
- A history of designing and building experience for B2B SaaS apps
|
||||
- A background in front end development (This isn't a coding role - though there may be opportunities to delve into the code - but understanding how design translates into code is important.)
|
||||
- Strong [communication skills](/handbook/company/culture#write-stuff-down) - most of our interaction with the team and our contributors happens on GitHub
|
||||
|
||||
### Nice to haves
|
||||
- Interest in/experience with motion design and animation
|
||||
- Familiarity with Ant Design, ChartJS, D3, and working in a React environment
|
||||
- An understanding of open source software and the open source community as a whole
|
||||
- Copywriting skills
|
||||
- Leadership experience
|
||||
- An opinion about if pineapple belongs on pizza
|
||||
|
||||
### What we offer in return
|
||||
|
||||
* Generous, transparent [compensation](/handbook/people/compensation)
|
||||
* [Unlimited, permissionless vacation](/handbook/people/time-off) with a 25 day minimum
|
||||
* Health insurance, including dental and vision (UK and US-based only)
|
||||
* [Generous parental leave](/handbook/people/time-off)
|
||||
* Visa sponsorship if needed, for you and your loved ones
|
||||
* [Training budget](/handbook/people/training)
|
||||
* [$200/month budget towards coworking or café working](/handbook/people/spending-money)
|
||||
* Carbon offsetting for work travel with [Project Wren](https://www.wren.co/)
|
||||
* [Free books](/handbook/people/training#books)
|
||||
|
||||
*Please note that benefits vary slightly by country. If you have any questions, please don't hesitate to ask our team.*
|
||||
|
||||
### Sold? Apply now
|
||||
|
||||
* [Drop us a line](mailto:8A431C8750@jobs.workablemail.com) and tell us:
|
||||
* How you can achieve the above in a few sentences
|
||||
* Why you're drawn to us
|
||||
* Your resumé and/or LinkedIn
|
||||
* Please also add a link to your portfolio or examples of previous work
|
||||
* Bonus points if you install PostHog on a side project and tell us what you'd tackle first!
|
||||
|
||||
### Not sold? Learn more first
|
||||
|
||||
* [How we hire](/careers#the-process)
|
||||
* We ask for your best work, and in return, [pay generously](/handbook/people/compensation) and have [exceptional benefits](/careers/#benefits)
|
||||
* Learn about [the team you'd be working with](/handbook/company/team)
|
||||
* Getting hiring right is key to diversity. Learn about [how we think about this](/handbook/company/diversity).
|
||||
|
||||
*We believe people from diverse backgrounds, with different identities and experiences, make our product and our company better. No matter your background, we'd love to hear from you! Also, if you have a disability, please let us know if there's any way we can make the interview process better for you; we're happy to accommodate!*
|
||||
|
||||
@@ -1,70 +0,0 @@
|
||||
---
|
||||
title: Site Reliability Engineer
|
||||
sidebar: Careers
|
||||
showTitle: true
|
||||
---
|
||||
|
||||
<h5 class='centered'>PostHog exists to increase the number of successful products in the world.</h5>
|
||||
|
||||
Right now, we are focusing on helping product creators understand how people are using their product. Where things go well. Where things don't go so well.
|
||||
|
||||
We have built an excellent service for understanding how users use products. Now we need to scale it and make sure it is rock solid. You will be joining a rapidly growing team, helping us support the services that allow us to absorb billions of events without loss, even during crazy peaks. You will also be helping out with keeping our query engine up during high loads.
|
||||
We also need to build out the infrastructure required to deploy this stack on customer’s VPCs and equivalents so that they can maintain control over their data without any loss of quality of experience on Posthog.
|
||||
|
||||
Posthog is a well-funded Y-Combinator and GV-backed startup from the W20 batch and is growing rapidly. We love open source, data, and crafting beautiful products that are easy to use and provide clear value.
|
||||
|
||||
If you are interested in software infrastructure on Kubernetes and excited to work with an experienced software development team, this job is for you.
|
||||
|
||||
### What you'll be doing
|
||||
|
||||
* Building AWS, GCP, Azure (and more!) deployment automation for delivering Posthog to ourselves and customers
|
||||
* Troubleshooting networking, compute, and Kubernetes failures.
|
||||
* Improving performance and robustness of cloud and customer deployments.
|
||||
* Hardening security all around.
|
||||
* Working on large scale OLAP databases with huge datasets (we use Clickhouse and love it)
|
||||
* Automate scaling Clickhouse for ourselves and our clients
|
||||
* Improving how we manage and scale Kafka
|
||||
|
||||
### What you'll bring
|
||||
|
||||
* Strong experience in Linux systems administration, networks, performance troubleshooting.
|
||||
* Running and troubleshooting Kubernetes clusters, containerized networking and applications.
|
||||
* Intermediate knowledge of Golang, Rust, or Python.
|
||||
* Infrastructure and application security engineering experience is a plus.
|
||||
* Cloud infrastructure automation using Kubernetes
|
||||
* Clickhouse experience is a plus
|
||||
|
||||
### What to expect once you apply
|
||||
|
||||
* We will send you a 30-minute SRE quiz
|
||||
* You will join a [30-minute intro call](/handbook/people/hiring-process#interview-1---culture-with-eltje) to walk you through culture, compensation, the interview process, and requirements.
|
||||
* [Technical interview](/handbook/people/hiring-process#interview-2---technical) with the [hiring team](/handbook/company/team). This is usually 2 PostHog team members spending 45-60 minutes in conversation
|
||||
* [PostHog SuperDay](/handbook/people/hiring-process#posthog-superday) - this is a paid day of working with us, which we will fit around your schedule and have you work on something SRE related
|
||||
|
||||
### What we offer in return
|
||||
|
||||
* Generous [compensation](/handbook/people/compensation)
|
||||
* [Unlimited, permissionless vacation](/handbook/people/time-off) with a 25 day minimum
|
||||
* Health insurance including dental and vision provided in the US and the UK
|
||||
* [Generous parental leave](/handbook/people/time-off)
|
||||
* Visa sponsorship if needed, for you and your loved ones
|
||||
* [Training budget](/handbook/people/training)
|
||||
* [$200/month budget towards coworking or café working](/handbook/people/spending-money)
|
||||
* Carbon offsetting for work travel with [Project Wren](https://www.wren.co/)
|
||||
* [Free books](/handbook/people/training#books)
|
||||
|
||||
*Please note that benefits vary slightly by country. If you have any questions, please don't hesitate to ask our team.*
|
||||
|
||||
### Sold? Apply now
|
||||
* [Drop us a line](mailto:22ABB4D4D3@jobs.workablemail.com) and tell us:
|
||||
* How you can achieve the above in a few sentences
|
||||
* Why you're drawn to us
|
||||
* Your resumé and/or LinkedIn
|
||||
|
||||
### Not sold? Learn more first
|
||||
* [How we hire](/careers#our-interview-process)
|
||||
* We ask for your best work, and in return [pay generously](/handbook/people/compensation) and have [exceptional benefits](/careers/#benefits)
|
||||
* Learn about [the team you'd be working with](/handbook/company/team)
|
||||
* Getting hiring right is key to diversity. Learn about [how we think about this](/handbook/company/diversity).
|
||||
|
||||
*We believe people from diverse backgrounds, with different identities and experiences, make our product and our company better. No matter your background, we'd love to hear from you! Also, if you have a disability, please let us know if there's any way we can make the interview process better for you; we're happy to accommodate!*
|
||||
@@ -15,6 +15,7 @@ module.exports = {
|
||||
'gatsby-plugin-react-helmet',
|
||||
`gatsby-plugin-sass`,
|
||||
`gatsby-plugin-typescript`,
|
||||
`gatsby-plugin-smoothscroll`,
|
||||
{
|
||||
resolve: `gatsby-source-filesystem`,
|
||||
options: {
|
||||
|
||||
@@ -22,6 +22,7 @@
|
||||
"@ant-design/icons": "^4.1.0",
|
||||
"@mdx-js/mdx": "^1.6.19",
|
||||
"@mdx-js/react": "^1.6.22",
|
||||
"@typescript-eslint/eslint-plugin": "^4.20.0",
|
||||
"antd": "^3.23.2",
|
||||
"chart.js": "^2.9.4",
|
||||
"cross-env": "^7.0.3",
|
||||
@@ -40,6 +41,7 @@
|
||||
"gatsby-plugin-sass": "^2.3.16",
|
||||
"gatsby-plugin-sharp": "^2.2.22",
|
||||
"gatsby-plugin-sitemap": "^2.12.0",
|
||||
"gatsby-plugin-smoothscroll": "^1.2.0",
|
||||
"gatsby-plugin-typescript": "^2.4.24",
|
||||
"gatsby-remark-autolink-headers": "^2.1.10",
|
||||
"gatsby-remark-copy-linked-files": "^2.3.2",
|
||||
|
||||
143
src/components/AnchorScrollNavbar/index.tsx
Normal file
143
src/components/AnchorScrollNavbar/index.tsx
Normal file
@@ -0,0 +1,143 @@
|
||||
import React, { useState, useEffect } from 'react'
|
||||
import { Link } from 'gatsby'
|
||||
import scrollTo from 'gatsby-plugin-smoothscroll'
|
||||
|
||||
import { mergeClassList } from '../../lib/utils'
|
||||
import downIcon from '../../images/icons/down-caret.svg'
|
||||
|
||||
const ButtonLink = ({
|
||||
section,
|
||||
currentSection,
|
||||
children,
|
||||
}: {
|
||||
section: string
|
||||
currentSection: string
|
||||
children: any
|
||||
}) => {
|
||||
const baseClasses = 'px-3 py-2 rounded'
|
||||
const classList =
|
||||
section == currentSection
|
||||
? baseClasses.concat(' bg-primary text-white hover:text-white')
|
||||
: baseClasses.concat(' text-white text-opacity-80 hover:bg-gray-100 hover:bg-opacity-10 hover:text-white')
|
||||
const sectionSelector = `#${section}`
|
||||
|
||||
const clickHandler = (e: { preventDefault: () => void }) => {
|
||||
e.preventDefault()
|
||||
scrollTo(sectionSelector)
|
||||
}
|
||||
|
||||
return (
|
||||
<Link to={sectionSelector} className={classList} onClick={clickHandler}>
|
||||
{children}
|
||||
</Link>
|
||||
)
|
||||
}
|
||||
|
||||
const inPageLinks = [
|
||||
{
|
||||
label: "Why we're here",
|
||||
section: 'why-were-here',
|
||||
},
|
||||
{
|
||||
label: 'Our culture',
|
||||
section: 'culture',
|
||||
},
|
||||
{
|
||||
label: 'Interview process',
|
||||
section: 'interview-process',
|
||||
},
|
||||
{
|
||||
label: 'Benefits',
|
||||
section: 'benefits',
|
||||
},
|
||||
{
|
||||
label: 'Working at PostHog',
|
||||
section: 'working-at-posthog',
|
||||
},
|
||||
{
|
||||
label: 'Open roles',
|
||||
section: 'open-roles',
|
||||
},
|
||||
]
|
||||
|
||||
interface AnchorScrollNavbarProps {
|
||||
className?: string
|
||||
}
|
||||
|
||||
export const AnchorScrollNavbar = ({ className = '' }: AnchorScrollNavbarProps) => {
|
||||
const baseClasses =
|
||||
'rounded w-11/12 max-w-3xl mx-auto justify-between items-stetch p-3 sticky top-3 z-10 hidden lg:flex'
|
||||
const classList = mergeClassList(baseClasses, className)
|
||||
|
||||
const [currentSection, setCurrentSection] = useState('why-were-here')
|
||||
|
||||
useEffect(() => {
|
||||
const scrollThreshold = 100
|
||||
|
||||
const scrollHandler = () => {
|
||||
const sections = {
|
||||
culture: document.getElementById('culture')!.offsetTop,
|
||||
interviewProcess: document.getElementById('interview-process')!.offsetTop,
|
||||
benefits: document.getElementById('benefits')!.offsetTop,
|
||||
workingAtPosthog: document.getElementById('working-at-posthog')!.offsetTop,
|
||||
openRoles: document.getElementById('open-roles')!.offsetTop,
|
||||
}
|
||||
const offset = window.scrollY
|
||||
|
||||
if (offset < sections.culture - scrollThreshold) {
|
||||
setCurrentSection('why-were-here')
|
||||
} else if (offset < sections.interviewProcess - scrollThreshold) {
|
||||
setCurrentSection('culture')
|
||||
} else if (offset < sections.benefits - scrollThreshold) {
|
||||
setCurrentSection('interview-process')
|
||||
} else if (offset < sections.workingAtPosthog - scrollThreshold) {
|
||||
setCurrentSection('benefits')
|
||||
} else if (offset < sections.openRoles - scrollThreshold) {
|
||||
setCurrentSection('working-at-posthog')
|
||||
} else {
|
||||
setCurrentSection('open-roles')
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener('scroll', scrollHandler)
|
||||
window.addEventListener('resize', scrollHandler)
|
||||
|
||||
return () => {
|
||||
document.removeEventListener('scroll', scrollHandler)
|
||||
window.removeEventListener('resize', scrollHandler)
|
||||
}
|
||||
}, [])
|
||||
|
||||
const navbarLinks = inPageLinks.map(({ label, section }) => (
|
||||
<ButtonLink section={section} currentSection={currentSection} key={section}>
|
||||
{label}
|
||||
</ButtonLink>
|
||||
))
|
||||
|
||||
const selectOptions = inPageLinks.map(({ label, section }) => (
|
||||
<option value={section} key={section}>
|
||||
{label}
|
||||
</option>
|
||||
))
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className={classList} style={{ backgroundColor: '#202038' }}>
|
||||
{navbarLinks}
|
||||
</div>
|
||||
|
||||
<div className="w-11/12 sticky top-3 z-10 mx-auto block max-w-3xl lg:hidden">
|
||||
<select
|
||||
className="appearance-none text-white block p-3 w-full rounded"
|
||||
style={{ backgroundColor: '#202038' }}
|
||||
value={currentSection}
|
||||
onChange={(e) => scrollTo(`#${e.target.value}`)}
|
||||
>
|
||||
{selectOptions}
|
||||
</select>
|
||||
|
||||
<img src={downIcon} alt="expand menu" className="absolute top-2 right-2 mt-1" />
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
3
src/components/CallToAction/images/down-arrow.svg
Normal file
3
src/components/CallToAction/images/down-arrow.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.26965 11.9939C6.47929 13.8207 7.88733 15.5428 9.18734 17.306C9.74814 18.0667 10.4454 19.6167 11.617 19.3145C12.7624 19.0194 13.6326 16.9642 14.2339 16.0941C15.2516 14.6203 16.8221 13.0006 17.5129 11.3442C18.3593 9.31677 15.6473 9.65072 14.4225 9.66975C12.8861 9.16605 14.0188 5.27059 13.7284 4.10622C13.3921 2.75539 11.3108 2.79663 10.1757 3.07346C8.46627 3.4907 9.02548 5.64993 9.02548 7.01492C9.02548 7.76055 9.27216 8.81236 8.71614 9.35807C8.00462 10.0561 6.74896 9.46991 5.82655 9.6706C4.3464 9.99343 4.62007 11.0119 5.26971 11.9939L5.26965 11.9939Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 685 B |
@@ -4,6 +4,7 @@ import React from 'react'
|
||||
import { Link } from 'gatsby'
|
||||
|
||||
import { CornerBrackets } from '../CornerBrackets'
|
||||
import { mergeClassList } from '../../lib/utils'
|
||||
|
||||
import rocketImg from './images/rocket.svg'
|
||||
import calendarImg from './images/calendar.svg'
|
||||
@@ -12,6 +13,7 @@ import handbookImg from './images/handbook.svg'
|
||||
import roadmapImg from './images/roadmap.svg'
|
||||
import checkImg from './images/check.svg'
|
||||
import bookImg from './images/book.svg'
|
||||
import downArrow from './images/down-arrow.svg'
|
||||
|
||||
interface CallToActionProps {
|
||||
onClick?: () => void
|
||||
@@ -33,6 +35,7 @@ const icons = {
|
||||
roadmap: roadmapImg,
|
||||
check: checkImg,
|
||||
book: bookImg,
|
||||
'down-arrow': downArrow,
|
||||
none: null,
|
||||
}
|
||||
|
||||
@@ -65,7 +68,7 @@ export const CallToAction = ({
|
||||
|
||||
const widthClass = `w-${width}`
|
||||
const baseClasses = `p-2 ${widthClass} uppercase rounded-sm inline-flex items-center justify-between select-none text-base font-gosha relative`
|
||||
const classList = [baseClasses, buttonTypeClasses[type], className].join(' ')
|
||||
const classList = mergeClassList(baseClasses, buttonTypeClasses[type], className)
|
||||
|
||||
const innerHtml = (
|
||||
<>
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.2 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="60" height="61" viewBox="0 0 60 61" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M34.2059 15.9658C35.2689 16.2944 36.4264 16.0077 37.2131 15.2209L47.5582 4.87586C47.8069 4.62722 48.0973 4.42423 48.4162 4.27616L55.524 0.9761C57.9253 -0.138792 60.4883 2.17661 59.6223 4.67846L57.6219 10.4574C57.4978 10.8159 57.3069 11.1476 57.0592 11.4349L45.9797 24.2871C45.3262 25.0451 45.0938 26.079 45.3599 27.0437L52.4084 52.5945C52.7274 53.7506 52.327 54.9856 51.3905 55.7348L50.4627 56.4771C49.0985 57.5685 47.094 57.2679 46.1099 55.8245L34.9738 39.4916C33.9145 37.9379 31.7034 37.7306 30.3738 39.0603L24.7687 44.6654C24.2323 45.2018 23.919 45.9215 23.892 46.6796L23.5038 57.5473C23.4614 58.7343 22.7227 59.7845 21.6199 60.2257L21.2195 60.3858C19.6812 61.0012 17.9352 60.2529 17.3199 58.7146L14.4341 51.5L13.892 49.6025C13.6072 48.6059 12.8282 47.8269 11.8315 47.5421L9.93408 47L2.4888 43.8092C0.854648 43.1088 0.184656 41.149 1.04808 39.5948L1.07682 39.5431C1.60593 38.5907 2.60979 38 3.69929 38H13.1461C13.9685 38 14.7548 37.6624 15.3211 37.0662L21.4514 30.6133C22.7429 29.2539 22.4847 27.0562 20.9135 26.0331L5.5347 16.019C3.93715 14.9787 3.70237 12.7317 5.05039 11.3837L7.15503 9.27905C7.94176 8.49232 9.09928 8.20561 10.1623 8.53417L34.2059 15.9658Z" fill="#FF1794" fill-opacity="0.2"/>
|
||||
<path d="M33.9106 16.9212C35.3279 17.3593 36.8713 16.977 37.9202 15.9281L48.2653 5.58297C48.4311 5.41721 48.6247 5.28188 48.8373 5.18317L55.9451 1.88311C57.546 1.13985 59.2547 2.68345 58.6773 4.35135L56.6769 10.1303C56.5942 10.3693 56.4669 10.5904 56.3018 10.7819L45.2223 23.6342C44.351 24.6448 44.0411 26.0233 44.3959 27.3096L51.4444 52.8604C51.657 53.6312 51.3902 54.4545 50.7658 54.954L49.838 55.6963C48.9285 56.4238 47.5922 56.2235 46.9361 55.2612L35.8 38.9283C34.3876 36.8567 31.4396 36.5803 29.6667 38.3532L24.0616 43.9583C23.3464 44.6735 22.9287 45.6331 22.8926 46.6439L22.5045 57.5116C22.4762 58.303 21.9837 59.0031 21.2485 59.2972L20.8481 59.4573C19.8226 59.8676 18.6586 59.3687 18.2484 58.3432L15.3816 51.1761L14.8535 49.3278C14.4738 47.999 13.4351 46.9603 12.1063 46.5806L10.2697 46.0559L2.88272 42.89C1.79328 42.4231 1.34662 41.1166 1.92224 40.0804L1.95098 40.0287C2.30372 39.3938 2.97296 39 3.69929 39H13.1461C14.2426 39 15.291 38.5499 16.0461 37.755L22.1764 31.3021C23.8983 29.4895 23.5541 26.5593 21.4591 25.1951L6.08037 15.181C5.01534 14.4875 4.85882 12.9895 5.7575 12.0908L7.86213 9.98616C8.38662 9.46167 9.1583 9.27053 9.86696 9.48957L33.9106 16.9212Z" stroke="#FF1794" stroke-opacity="0.6" stroke-width="2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
48
src/components/Careers/Benefits/images/compensation.svg
Normal file
48
src/components/Careers/Benefits/images/compensation.svg
Normal file
@@ -0,0 +1,48 @@
|
||||
<svg width="75" height="77" viewBox="0 0 75 77" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.05618 36.3371C6.05618 51.045 17.562 52.3427 12.5449 52.3427C7.52784 52.3427 0 50.1798 0 36.3371C0 21.6293 7.52784 19.8989 12.5449 19.8989C17.562 19.8989 6.05618 21.6293 6.05618 36.3371Z" fill="#F7A501" fill-opacity="0.2"/>
|
||||
<path d="M5.42394 36.3371C5.42394 43.8861 8.38814 48.046 10.7438 50.3111C11.3278 50.8727 11.8696 51.3134 12.3079 51.6552C12.3318 51.6737 12.3551 51.6919 12.378 51.7097C9.98015 51.6857 7.10722 51.1367 4.81533 49.0622C2.48142 46.9497 0.632239 43.1471 0.632239 36.3371C0.632239 29.082 2.4881 25.1778 4.81533 23.0713C7.14924 20.9588 10.089 20.532 12.5377 20.5312C12.4615 20.5945 12.3792 20.6631 12.2904 20.7376C11.8545 21.1031 11.3147 21.5701 10.7328 22.1577C8.38701 24.5261 5.42394 28.7892 5.42394 36.3371Z" stroke="#F7A501" stroke-opacity="0.8" stroke-width="1.26448"/>
|
||||
<ellipse cx="14.2439" cy="36.3371" rx="9.08427" ry="16.4382" fill="#F7A501" fill-opacity="0.2"/>
|
||||
<path d="M22.696 36.3371C22.696 40.7902 21.6971 44.7904 20.1141 47.6549C18.5189 50.5415 16.4169 52.1431 14.2439 52.1431C12.071 52.1431 9.96899 50.5415 8.37375 47.6549C6.79074 44.7904 5.79191 40.7902 5.79191 36.3371C5.79191 31.8841 6.79074 27.8839 8.37375 25.0194C9.96899 22.1328 12.071 20.5312 14.2439 20.5312C16.4169 20.5312 18.5189 22.1328 20.1141 25.0194C21.6971 27.8839 22.696 31.8841 22.696 36.3371Z" stroke="#F7A501" stroke-opacity="0.8" stroke-width="1.26448"/>
|
||||
<ellipse cx="14.2442" cy="36.3375" rx="7.24442" ry="13.1089" fill="#F7A501" fill-opacity="0.2"/>
|
||||
<path d="M20.9844 36.3375C20.9844 39.8886 20.1879 43.0787 18.9255 45.363C17.6533 47.665 15.9771 48.9422 14.2442 48.9422C12.5113 48.9422 10.835 47.665 9.56289 45.363C8.30048 43.0787 7.50395 39.8886 7.50395 36.3375C7.50395 32.7863 8.30048 29.5963 9.56289 27.3119C10.835 25.0099 12.5113 23.7327 14.2442 23.7327C15.9771 23.7327 17.6533 25.0099 18.9255 27.3119C20.1879 29.5963 20.9844 32.7863 20.9844 36.3375Z" stroke="#F7A501" stroke-opacity="0.8" stroke-width="1.00838"/>
|
||||
<mask id="path-7-inside-1" fill="white">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3387 23.3772C14.9818 23.2793 14.6162 23.2285 14.2442 23.2285C10.2432 23.2285 6.99976 29.0976 6.99976 36.3375C6.99976 37.0107 7.0278 37.6721 7.0819 38.3181L15.3387 23.3772ZM7.4936 41.1043C7.75281 42.3054 8.10709 43.4203 8.5397 44.4188L18.7102 26.0151C18.1584 25.2323 17.5422 24.5912 16.8785 24.1221L7.4936 41.1043ZM12.6147 49.1135C12.0218 48.8669 11.4566 48.4886 10.9292 47.9965L20.6874 30.3389C20.9593 31.2933 21.1683 32.316 21.3046 33.3888L12.6147 49.1135ZM13.9163 49.4332C14.025 49.442 14.1343 49.4464 14.2442 49.4464C18.2452 49.4464 21.4886 43.5773 21.4886 36.3375C21.4886 36.1387 21.4861 35.9409 21.4813 35.7442L13.9163 49.4332Z"/>
|
||||
</mask>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3387 23.3772C14.9818 23.2793 14.6162 23.2285 14.2442 23.2285C10.2432 23.2285 6.99976 29.0976 6.99976 36.3375C6.99976 37.0107 7.0278 37.6721 7.0819 38.3181L15.3387 23.3772ZM7.4936 41.1043C7.75281 42.3054 8.10709 43.4203 8.5397 44.4188L18.7102 26.0151C18.1584 25.2323 17.5422 24.5912 16.8785 24.1221L7.4936 41.1043ZM12.6147 49.1135C12.0218 48.8669 11.4566 48.4886 10.9292 47.9965L20.6874 30.3389C20.9593 31.2933 21.1683 32.316 21.3046 33.3888L12.6147 49.1135ZM13.9163 49.4332C14.025 49.442 14.1343 49.4464 14.2442 49.4464C18.2452 49.4464 21.4886 43.5773 21.4886 36.3375C21.4886 36.1387 21.4861 35.9409 21.4813 35.7442L13.9163 49.4332Z" fill="#F7A501" fill-opacity="0.2"/>
|
||||
<path d="M15.3387 23.3772L16.2213 23.8649L16.841 22.7435L15.6054 22.4047L15.3387 23.3772ZM7.0819 38.3181L6.07704 38.4022L6.35479 41.7186L7.96448 38.8058L7.0819 38.3181ZM8.5397 44.4188L7.61443 44.8197L8.43 46.7021L9.42228 44.9065L8.5397 44.4188ZM7.4936 41.1043L6.61103 40.6166L6.42816 40.9475L6.50792 41.317L7.4936 41.1043ZM18.7102 26.0151L19.5928 26.5028L19.8982 25.9502L19.5344 25.4341L18.7102 26.0151ZM16.8785 24.1221L17.4604 23.2986L16.5407 22.6487L15.9959 23.6344L16.8785 24.1221ZM10.9292 47.9965L10.0466 47.5088L9.66614 48.1973L10.2413 48.7339L10.9292 47.9965ZM12.6147 49.1135L12.2274 50.0445L13.0607 50.3911L13.4973 49.6012L12.6147 49.1135ZM20.6874 30.3389L21.6571 30.0626L20.9873 27.7114L19.8048 29.8512L20.6874 30.3389ZM21.3046 33.3888L22.1872 33.8766L22.3464 33.5884L22.3049 33.2618L21.3046 33.3888ZM13.9163 49.4332L13.0338 48.9455L12.2781 50.3128L13.8353 50.4383L13.9163 49.4332ZM21.4813 35.7442L22.4894 35.7194L22.3979 32.0009L20.5987 35.2565L21.4813 35.7442ZM14.2442 24.2369C14.5236 24.2369 14.7995 24.2749 15.072 24.3496L15.6054 22.4047C15.1641 22.2837 14.7089 22.2201 14.2442 22.2201V24.2369ZM8.00814 36.3375C8.00814 32.8551 8.79035 29.7522 10.0042 27.5558C11.2375 25.3241 12.7789 24.2369 14.2442 24.2369V22.2201C11.7085 22.2201 9.62767 24.0675 8.23902 26.5803C6.83088 29.1284 5.99138 32.58 5.99138 36.3375H8.00814ZM8.08677 38.2339C8.03502 37.6161 8.00814 36.9828 8.00814 36.3375H5.99138C5.99138 37.0387 6.02059 37.7282 6.07704 38.4022L8.08677 38.2339ZM14.4561 22.8894L6.19933 37.8303L7.96448 38.8058L16.2213 23.8649L14.4561 22.8894ZM9.46497 44.0179C9.06097 43.0854 8.72588 42.0342 8.47929 40.8916L6.50792 41.317C6.77975 42.5766 7.15321 43.7552 7.61443 44.8197L9.46497 44.0179ZM17.8276 25.5273L7.65713 43.9311L9.42228 44.9065L19.5928 26.5028L17.8276 25.5273ZM16.2965 24.9457C16.8486 25.3358 17.3867 25.8878 17.886 26.5961L19.5344 25.4341C18.93 24.5767 18.2359 23.8466 17.4604 23.2986L16.2965 24.9457ZM8.37618 41.592L17.7611 24.6099L15.9959 23.6344L6.61103 40.6166L8.37618 41.592ZM10.2413 48.7339C10.8421 49.2944 11.5066 49.7447 12.2274 50.0445L13.0019 48.1824C12.5369 47.989 12.0711 47.6828 11.6171 47.2592L10.2413 48.7339ZM19.8048 29.8512L10.0466 47.5088L11.8118 48.4843L21.5699 30.8267L19.8048 29.8512ZM22.3049 33.2618C22.1625 32.1408 21.9436 31.0682 21.6571 30.0626L19.7176 30.6152C19.9749 31.5185 20.1741 32.4911 20.3043 33.5159L22.3049 33.2618ZM13.4973 49.6012L22.1872 33.8766L20.422 32.9011L11.7321 48.6257L13.4973 49.6012ZM13.8353 50.4383C13.9709 50.4493 14.1072 50.4548 14.2442 50.4548V48.438C14.1614 48.438 14.0791 48.4347 13.9973 48.4281L13.8353 50.4383ZM14.2442 50.4548C16.7799 50.4548 18.8607 48.6074 20.2493 46.0946C21.6575 43.5466 22.497 40.0949 22.497 36.3375H20.4802C20.4802 39.8199 19.698 42.9227 18.4842 45.1191C17.2509 47.3509 15.7094 48.438 14.2442 48.438V50.4548ZM22.497 36.3375C22.497 36.1304 22.4944 35.9243 22.4894 35.7194L20.4732 35.769C20.4779 35.9574 20.4802 36.1469 20.4802 36.3375H22.497ZM20.5987 35.2565L13.0338 48.9455L14.7989 49.921L22.3639 36.232L20.5987 35.2565Z" fill="#F7A501" fill-opacity="0.8" mask="url(#path-7-inside-1)"/>
|
||||
<circle cx="57.9663" cy="16.4382" r="16.4382" fill="#F7A501" fill-opacity="0.2"/>
|
||||
<circle cx="57.9663" cy="16.4382" r="15.806" stroke="#F7A501" stroke-opacity="0.8" stroke-width="1.26448"/>
|
||||
<circle cx="57.9669" cy="16.4385" r="13.1089" fill="#F7A501" fill-opacity="0.2"/>
|
||||
<circle cx="57.9669" cy="16.4385" r="12.6048" stroke="#F7A501" stroke-opacity="0.8" stroke-width="1.00838"/>
|
||||
<mask id="path-13-inside-2" fill="white">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.9474 3.47823C59.3015 3.38034 58.6401 3.32959 57.9669 3.32959C50.727 3.32959 44.8579 9.19867 44.8579 16.4385C44.8579 17.1118 44.9087 17.7732 45.0066 18.4191L59.9474 3.47823ZM45.7515 21.2053C46.2206 22.4065 46.8617 23.5214 47.6445 24.5199L66.0483 6.11621C65.0497 5.33337 63.9348 4.69227 62.7337 4.22321L45.7515 21.2053ZM55.0183 29.2146C53.9454 28.968 52.9228 28.5897 51.9684 28.0977L69.626 10.4401C70.118 11.3945 70.4963 12.4171 70.7429 13.49L55.0183 29.2146ZM57.3737 29.5343C57.5704 29.5431 57.7681 29.5475 57.9669 29.5475C65.2067 29.5475 71.0758 23.6784 71.0758 16.4385C71.0758 16.2398 71.0714 16.042 71.0626 15.8454L57.3737 29.5343Z"/>
|
||||
</mask>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.9474 3.47823C59.3015 3.38034 58.6401 3.32959 57.9669 3.32959C50.727 3.32959 44.8579 9.19867 44.8579 16.4385C44.8579 17.1118 44.9087 17.7732 45.0066 18.4191L59.9474 3.47823ZM45.7515 21.2053C46.2206 22.4065 46.8617 23.5214 47.6445 24.5199L66.0483 6.11621C65.0497 5.33337 63.9348 4.69227 62.7337 4.22321L45.7515 21.2053ZM55.0183 29.2146C53.9454 28.968 52.9228 28.5897 51.9684 28.0977L69.626 10.4401C70.118 11.3945 70.4963 12.4171 70.7429 13.49L55.0183 29.2146ZM57.3737 29.5343C57.5704 29.5431 57.7681 29.5475 57.9669 29.5475C65.2067 29.5475 71.0758 23.6784 71.0758 16.4385C71.0758 16.2398 71.0714 16.042 71.0626 15.8454L57.3737 29.5343Z" fill="#F7A501" fill-opacity="0.2"/>
|
||||
<path d="M59.9474 3.47823L60.6605 4.19126L62.0715 2.78023L60.0985 2.48123L59.9474 3.47823ZM45.0066 18.4191L44.0096 18.5702L44.3086 20.5432L45.7196 19.1321L45.0066 18.4191ZM47.6445 24.5199L46.851 25.1421L47.553 26.0375L48.3576 25.233L47.6445 24.5199ZM45.7515 21.2053L45.0385 20.4923L44.5725 20.9583L44.8122 21.5722L45.7515 21.2053ZM66.0483 6.11621L66.7613 6.82925L67.5659 6.02468L66.6704 5.32265L66.0483 6.11621ZM62.7337 4.22321L63.1005 3.28391L62.4866 3.04418L62.0206 3.51017L62.7337 4.22321ZM51.9684 28.0977L51.2554 27.3846L50.2789 28.3611L51.5064 28.994L51.9684 28.0977ZM55.0183 29.2146L54.7925 30.1973L55.3366 30.3224L55.7314 29.9276L55.0183 29.2146ZM69.626 10.4401L70.5223 9.97803L69.8895 8.75054L68.9129 9.72706L69.626 10.4401ZM70.7429 13.49L71.4559 14.2031L71.8507 13.8083L71.7256 13.2641L70.7429 13.49ZM57.3737 29.5343L56.6607 28.8213L55.0421 30.4399L57.3289 30.5417L57.3737 29.5343ZM71.0626 15.8454L72.07 15.8006L71.9682 13.5138L70.3496 15.1324L71.0626 15.8454ZM57.9669 4.33797C58.5894 4.33797 59.2002 4.38489 59.7963 4.47523L60.0985 2.48123C59.4028 2.37579 58.6909 2.32121 57.9669 2.32121V4.33797ZM45.8663 16.4385C45.8663 9.75558 51.2839 4.33797 57.9669 4.33797V2.32121C50.1701 2.32121 43.8495 8.64175 43.8495 16.4385H45.8663ZM46.0035 18.268C45.9132 17.6719 45.8663 17.061 45.8663 16.4385H43.8495C43.8495 17.1625 43.9041 17.8744 44.0096 18.5702L46.0035 18.268ZM59.2344 2.7652L44.2935 17.7061L45.7196 19.1321L60.6605 4.19126L59.2344 2.7652ZM48.4381 23.8978C47.7152 22.9757 47.1235 21.9466 46.6908 20.8385L44.8122 21.5722C45.3176 22.8664 46.0082 24.0671 46.851 25.1421L48.4381 23.8978ZM65.3352 5.40318L46.9315 23.8069L48.3576 25.233L66.7613 6.82925L65.3352 5.40318ZM62.3668 5.1625C63.4749 5.59521 64.504 6.18685 65.4261 6.90978L66.6704 5.32265C65.5955 4.47988 64.3947 3.78932 63.1005 3.28391L62.3668 5.1625ZM46.4646 21.9184L63.4467 4.93624L62.0206 3.51017L45.0385 20.4923L46.4646 21.9184ZM51.5064 28.994C52.5345 29.524 53.6363 29.9316 54.7925 30.1973L55.2442 28.2318C54.2545 28.0043 53.3112 27.6554 52.4305 27.2014L51.5064 28.994ZM68.9129 9.72706L51.2554 27.3846L52.6814 28.8107L70.339 11.1531L68.9129 9.72706ZM71.7256 13.2641C71.4599 12.108 71.0523 11.0062 70.5223 9.97803L68.7297 10.9022C69.1837 11.7828 69.5326 12.7262 69.7601 13.7159L71.7256 13.2641ZM55.7314 29.9276L71.4559 14.2031L70.0298 12.777L54.3053 28.5015L55.7314 29.9276ZM57.3289 30.5417C57.5404 30.5511 57.7531 30.5559 57.9669 30.5559V28.5391C57.7831 28.5391 57.6003 28.535 57.4186 28.5269L57.3289 30.5417ZM57.9669 30.5559C65.7636 30.5559 72.0842 24.2353 72.0842 16.4385H70.0674C70.0674 23.1215 64.6498 28.5391 57.9669 28.5391V30.5559ZM72.0842 16.4385C72.0842 16.2248 72.0794 16.0121 72.07 15.8006L70.0552 15.8903C70.0633 16.072 70.0674 16.2547 70.0674 16.4385H72.0842ZM70.3496 15.1324L56.6607 28.8213L58.0868 30.2473L71.7757 16.5585L70.3496 15.1324Z" fill="#F7A501" fill-opacity="0.8" mask="url(#path-13-inside-2)"/>
|
||||
<circle cx="44.9887" cy="60.5617" r="16.4382" fill="#F7A501" fill-opacity="0.2"/>
|
||||
<circle cx="44.9887" cy="60.5617" r="15.806" stroke="#F7A501" stroke-opacity="0.8" stroke-width="1.26448"/>
|
||||
<circle cx="44.9893" cy="60.5621" r="13.1089" fill="#F7A501" fill-opacity="0.2"/>
|
||||
<circle cx="44.9893" cy="60.5621" r="12.6048" stroke="#F7A501" stroke-opacity="0.8" stroke-width="1.00838"/>
|
||||
<mask id="path-19-inside-3" fill="white">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.9699 47.6018C46.324 47.5039 45.6626 47.4531 44.9893 47.4531C37.7494 47.4531 31.8804 53.3222 31.8804 60.5621C31.8804 61.2353 31.9311 61.8967 32.029 62.5427L46.9699 47.6018ZM32.774 65.3289C33.2431 66.53 33.8842 67.645 34.667 68.6435L53.0707 50.2398C52.0722 49.4569 50.9572 48.8158 49.7561 48.3467L32.774 65.3289ZM42.0408 73.3381C40.9679 73.0915 39.9453 72.7132 38.9909 72.2212L56.6484 54.5636C57.1405 55.518 57.5187 56.5407 57.7653 57.6136L42.0408 73.3381ZM44.3962 73.6578C44.5928 73.6666 44.7906 73.671 44.9893 73.671C52.2292 73.671 58.0983 67.8019 58.0983 60.5621C58.0983 60.3633 58.0938 60.1656 58.0851 59.969L44.3962 73.6578Z"/>
|
||||
</mask>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.9699 47.6018C46.324 47.5039 45.6626 47.4531 44.9893 47.4531C37.7494 47.4531 31.8804 53.3222 31.8804 60.5621C31.8804 61.2353 31.9311 61.8967 32.029 62.5427L46.9699 47.6018ZM32.774 65.3289C33.2431 66.53 33.8842 67.645 34.667 68.6435L53.0707 50.2398C52.0722 49.4569 50.9572 48.8158 49.7561 48.3467L32.774 65.3289ZM42.0408 73.3381C40.9679 73.0915 39.9453 72.7132 38.9909 72.2212L56.6484 54.5636C57.1405 55.518 57.5187 56.5407 57.7653 57.6136L42.0408 73.3381ZM44.3962 73.6578C44.5928 73.6666 44.7906 73.671 44.9893 73.671C52.2292 73.671 58.0983 67.8019 58.0983 60.5621C58.0983 60.3633 58.0938 60.1656 58.0851 59.969L44.3962 73.6578Z" fill="#F7A501" fill-opacity="0.2"/>
|
||||
<path d="M46.9699 47.6018L47.6829 48.3148L49.094 46.9038L47.121 46.6048L46.9699 47.6018ZM32.029 62.5427L31.032 62.6937L31.331 64.6667L32.742 63.2557L32.029 62.5427ZM34.667 68.6435L33.8734 69.2656L34.5755 70.1611L35.38 69.3565L34.667 68.6435ZM32.774 65.3289L32.061 64.6159L31.595 65.0818L31.8347 65.6957L32.774 65.3289ZM53.0707 50.2398L53.7838 50.9528L54.5883 50.1482L53.6929 49.4462L53.0707 50.2398ZM49.7561 48.3467L50.1229 47.4074L49.5091 47.1677L49.0431 47.6337L49.7561 48.3467ZM38.9909 72.2212L38.2778 71.5082L37.3013 72.4847L38.5288 73.1175L38.9909 72.2212ZM42.0408 73.3381L41.8149 74.3209L42.3591 74.4459L42.7538 74.0511L42.0408 73.3381ZM56.6484 54.5636L57.5447 54.1016L56.9119 52.8741L55.9354 53.8506L56.6484 54.5636ZM57.7653 57.6136L58.4784 58.3266L58.8732 57.9318L58.7481 57.3877L57.7653 57.6136ZM44.3962 73.6578L43.6832 72.9448L42.0646 74.5634L44.3514 74.6652L44.3962 73.6578ZM58.0851 59.969L59.0925 59.9241L58.9906 57.6374L57.3721 59.2559L58.0851 59.969ZM44.9893 48.4615C45.6118 48.4615 46.2227 48.5084 46.8188 48.5988L47.121 46.6048C46.4252 46.4993 45.7133 46.4447 44.9893 46.4447V48.4615ZM32.8888 60.5621C32.8888 53.8791 38.3064 48.4615 44.9893 48.4615V46.4447C37.1925 46.4447 30.872 52.7653 30.872 60.5621H32.8888ZM33.026 62.3916C32.9357 61.7955 32.8888 61.1846 32.8888 60.5621H30.872C30.872 61.2861 30.9266 61.998 31.032 62.6937L33.026 62.3916ZM46.2569 46.8887L31.316 61.8296L32.742 63.2557L47.6829 48.3148L46.2569 46.8887ZM35.4606 68.0213C34.7376 67.0992 34.146 66.0701 33.7133 64.9621L31.8347 65.6957C32.3401 66.9899 33.0307 68.1907 33.8734 69.2656L35.4606 68.0213ZM52.3577 49.5267L33.954 67.9304L35.38 69.3565L53.7838 50.9528L52.3577 49.5267ZM49.3893 49.286C50.4973 49.7188 51.5265 50.3104 52.4486 51.0333L53.6929 49.4462C52.6179 48.6034 51.4171 47.9129 50.1229 47.4074L49.3893 49.286ZM33.487 66.0419L50.4692 49.0598L49.0431 47.6337L32.061 64.6159L33.487 66.0419ZM38.5288 73.1175C39.557 73.6475 40.6588 74.0551 41.8149 74.3209L42.2667 72.3553C41.277 72.1279 40.3336 71.7789 39.4529 71.3249L38.5288 73.1175ZM55.9354 53.8506L38.2778 71.5082L39.7039 72.9342L57.3615 55.2767L55.9354 53.8506ZM58.7481 57.3877C58.4824 56.2316 58.0748 55.1297 57.5447 54.1016L55.7522 55.0257C56.2062 55.9064 56.5551 56.8498 56.7826 57.8394L58.7481 57.3877ZM42.7538 74.0511L58.4784 58.3266L57.0523 56.9005L41.3278 72.6251L42.7538 74.0511ZM44.3514 74.6652C44.5629 74.6746 44.7756 74.6794 44.9893 74.6794V72.6626C44.8055 72.6626 44.6227 72.6585 44.4411 72.6505L44.3514 74.6652ZM44.9893 74.6794C52.7861 74.6794 59.1066 68.3589 59.1066 60.5621H57.0899C57.0899 67.245 51.6723 72.6626 44.9893 72.6626V74.6794ZM59.1066 60.5621C59.1066 60.3483 59.1019 60.1357 59.0925 59.9241L57.0777 60.0138C57.0858 60.1955 57.0899 60.3783 57.0899 60.5621H59.1066ZM57.3721 59.2559L43.6832 72.9448L45.1093 74.3709L58.7981 60.682L57.3721 59.2559Z" fill="#F7A501" fill-opacity="0.8" mask="url(#path-19-inside-3)"/>
|
||||
<path d="M29.2903 3L30.9893 7.59136L35.5806 9.29032L30.9893 10.9893L29.2903 15.5806L27.5914 10.9893L23 9.29032L27.5914 7.59136L29.2903 3Z" fill="url(#paint0_radial)"/>
|
||||
<path d="M64.2903 36L65.9893 40.5914L70.5806 42.2903L65.9893 43.9893L64.2903 48.5806L62.5914 43.9893L58 42.2903L62.5914 40.5914L64.2903 36Z" fill="url(#paint1_radial)"/>
|
||||
<path d="M16.2903 57.8909L17.9893 62.4822L22.5806 64.1812L17.9893 65.8801L16.2903 70.4715L14.5914 65.8801L10 64.1812L14.5914 62.4822L16.2903 57.8909Z" fill="url(#paint2_radial)"/>
|
||||
<defs>
|
||||
<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(29.2903 9.29032) rotate(90) scale(6.29032)">
|
||||
<stop stop-color="#F7A501"/>
|
||||
<stop offset="1" stop-color="#F7A501" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(64.2903 42.2903) rotate(90) scale(6.29032)">
|
||||
<stop stop-color="#F7A501"/>
|
||||
<stop offset="1" stop-color="#F7A501" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.2903 64.1812) rotate(90) scale(6.29032)">
|
||||
<stop stop-color="#F7A501"/>
|
||||
<stop offset="1" stop-color="#F7A501" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 17 KiB |
@@ -0,0 +1,9 @@
|
||||
<svg width="63" height="63" viewBox="0 0 63 63" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<ellipse cx="31.3105" cy="55.9427" rx="30.5937" ry="6.11874" fill="#F73C01" fill-opacity="0.2"/>
|
||||
<path d="M61.0301 55.9427C61.0301 56.0472 60.981 56.2485 60.6717 56.5507C60.3609 56.8544 59.8557 57.1893 59.1263 57.5342C57.672 58.2219 55.5116 58.8643 52.7721 59.4122C47.3074 60.5051 39.7191 61.1873 31.3105 61.1873C22.9019 61.1873 15.3136 60.5051 9.84891 59.4122C7.10937 58.8643 4.94903 58.2219 3.49466 57.5342C2.76525 57.1893 2.26007 56.8544 1.94933 56.5507C1.64004 56.2485 1.5909 56.0472 1.5909 55.9427C1.5909 55.8382 1.64004 55.637 1.94933 55.3347C2.26007 55.031 2.76525 54.6961 3.49466 54.3512C4.94903 53.6635 7.10937 53.0212 9.84891 52.4732C15.3136 51.3803 22.9019 50.6981 31.3105 50.6981C39.7191 50.6981 47.3074 51.3803 52.7721 52.4732C55.5116 53.0212 57.672 53.6635 59.1263 54.3512C59.8557 54.6961 60.3609 55.031 60.6717 55.3347C60.981 55.637 61.0301 55.8382 61.0301 55.9427Z" stroke="#F73C01" stroke-opacity="0.6" stroke-width="1.74821"/>
|
||||
<path d="M51.7939 9.17822H53.4846C55.4722 9.17822 57.37 10.0058 58.7224 11.4623V11.4623C60.8425 13.7455 61.2394 17.139 59.7032 19.8498L55.3679 27.5004C55.0271 28.1019 54.5913 28.6443 54.0774 29.1068L53.5475 29.5838C51.733 31.2168 49.0564 31.4505 46.9863 30.1568V30.1568" stroke="#F73C01" stroke-opacity="0.6" stroke-width="4.37053"/>
|
||||
<ellipse cx="31.2524" cy="5.68169" rx="20.5415" ry="5.68169" fill="#F73C01" fill-opacity="0.2"/>
|
||||
<path d="M50.9198 5.68169C50.9198 6.00914 50.6702 6.52807 49.7013 7.16169C48.7687 7.77151 47.3615 8.35417 45.5444 8.85677C41.9225 9.85857 36.8692 10.4893 31.2524 10.4893C25.6356 10.4893 20.5823 9.85857 16.9604 8.85677C15.1433 8.35417 13.7361 7.77151 12.8036 7.16169C11.8347 6.52807 11.585 6.00914 11.585 5.68169C11.585 5.35424 11.8347 4.83531 12.8036 4.20168C13.7361 3.59186 15.1433 3.00921 16.9604 2.5066C20.5823 1.5048 25.6356 0.874106 31.2524 0.874106C36.8692 0.874106 41.9225 1.5048 45.5444 2.5066C47.3615 3.00921 48.7687 3.59186 49.7013 4.20168C50.6702 4.83531 50.9198 5.35424 50.9198 5.68169Z" stroke="#F73C01" stroke-opacity="0.6" stroke-width="1.74821"/>
|
||||
<path d="M51.7939 6.55575C51.7939 17.4177 51.7939 40.2088 31.2524 40.2088C10.7109 40.2088 10.7109 17.4177 10.7109 6.55575C10.7109 2.18521 25.5707 0.874023 31.2524 0.874023C33.8747 0.874023 51.7939 1.52552 51.7939 6.55575Z" fill="#F73C01" fill-opacity="0.2"/>
|
||||
<path d="M50.9198 6.55575C50.9198 12.0133 50.9111 20.2697 48.4048 27.1566C47.1574 30.5842 45.3092 33.6179 42.5826 35.7949C39.8677 37.9625 36.2152 39.3347 31.2524 39.3347C26.2897 39.3347 22.6372 37.9625 19.9223 35.7949C17.1957 33.6179 15.3474 30.5842 14.1 27.1566C11.5937 20.2697 11.585 12.0133 11.585 6.55575C11.585 6.01274 12.0605 5.32862 13.511 4.6067C14.889 3.92088 16.8344 3.36528 19.0204 2.93347C23.3784 2.07263 28.4555 1.74813 31.2524 1.74813C32.5331 1.74813 37.6182 1.90948 42.3645 2.69104C44.7453 3.08307 46.9791 3.62169 48.5967 4.344C49.4062 4.70548 50.0088 5.09029 50.3982 5.4829C50.7761 5.86393 50.9198 6.21457 50.9198 6.55575Z" stroke="#F73C01" stroke-opacity="0.6" stroke-width="1.74821"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
9
src/components/Careers/Benefits/images/equity.svg
Normal file
9
src/components/Careers/Benefits/images/equity.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="path-1-inside-1" fill="white">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.0725 7.59521C12.5504 7.70068 0 20.3163 0 35.8632C0 51.4755 12.6563 64.1318 28.2686 64.1318C43.74 64.1318 56.3085 51.703 56.5342 36.2853H28.0725V7.59521Z"/>
|
||||
</mask>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.0725 7.59521C12.5504 7.70068 0 20.3163 0 35.8632C0 51.4755 12.6563 64.1318 28.2686 64.1318C43.74 64.1318 56.3085 51.703 56.5342 36.2853H28.0725V7.59521Z" fill="#FF8A00" fill-opacity="0.4"/>
|
||||
<path d="M28.0725 7.59521H30.604V5.04644L28.0553 5.06375L28.0725 7.59521ZM56.5342 36.2853L59.0654 36.3223L59.103 33.7537H56.5342V36.2853ZM28.0725 36.2853H25.541V38.8168H28.0725V36.2853ZM2.53152 35.8632C2.53152 21.7086 13.9581 10.2227 28.0897 10.1267L28.0553 5.06375C11.1428 5.17867 -2.53152 18.9239 -2.53152 35.8632H2.53152ZM28.2686 61.6003C14.0544 61.6003 2.53152 50.0774 2.53152 35.8632H-2.53152C-2.53152 52.8736 11.2582 66.6633 28.2686 66.6633V61.6003ZM54.0029 36.2482C53.7975 50.2845 42.3543 61.6003 28.2686 61.6003V66.6633C45.1258 66.6633 58.8196 53.1215 59.0654 36.3223L54.0029 36.2482ZM56.5342 33.7537H28.0725V38.8168H56.5342V33.7537ZM30.604 36.2853V7.59521H25.541V36.2853H30.604Z" fill="#FF7A00" fill-opacity="0.8" mask="url(#path-1-inside-1)"/>
|
||||
<path d="M35.4412 0C51.4692 0 64.1317 10.6202 64.1317 28.7971H35.4412V0Z" fill="#FF8A00" fill-opacity="0.4"/>
|
||||
<path d="M36.6666 1.247C43.9074 1.50344 50.3013 4.03677 54.9515 8.46921C59.6226 12.9217 62.6155 19.3673 62.8862 27.5717H36.6666V1.247Z" stroke="#FF7A00" stroke-opacity="0.8" stroke-width="2.45081"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
17
src/components/Careers/Benefits/images/home-office.svg
Normal file
17
src/components/Careers/Benefits/images/home-office.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg width="70" height="69" viewBox="0 0 70 69" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.06104 36.509C7.06104 36.1266 7.20346 35.7578 7.46055 35.4746L33.6064 6.67627L60.4628 33.1544C60.7561 33.4436 60.9213 33.8383 60.9213 34.2502V67.4614C60.9213 68.3113 60.2323 69.0002 59.3824 69.0002H8.5999C7.75001 69.0002 7.06104 68.3113 7.06104 67.4614V36.509Z" fill="#FF1794" fill-opacity="0.2"/>
|
||||
<mask id="path-2-inside-1" fill="white">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.3343 0.685486C34.2117 -0.305389 32.4876 -0.208278 31.4833 0.902394L1.11116 34.4931C0.106907 35.6037 0.202864 37.3074 1.32548 38.2983C2.4481 39.2891 4.17227 39.192 5.17652 38.0813L33.6021 6.64355L64.4343 37.1063C65.4987 38.158 67.2245 38.158 68.2889 37.1063C69.3534 36.0546 69.3534 34.3495 68.289 33.2978L35.7551 1.15374C35.6362 0.985486 35.4959 0.828103 35.3343 0.685486Z"/>
|
||||
</mask>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.3343 0.685486C34.2117 -0.305389 32.4876 -0.208278 31.4833 0.902394L1.11116 34.4931C0.106907 35.6037 0.202864 37.3074 1.32548 38.2983C2.4481 39.2891 4.17227 39.192 5.17652 38.0813L33.6021 6.64355L64.4343 37.1063C65.4987 38.158 67.2245 38.158 68.2889 37.1063C69.3534 36.0546 69.3534 34.3495 68.289 33.2978L35.7551 1.15374C35.6362 0.985486 35.4959 0.828103 35.3343 0.685486Z" fill="#FF1794" fill-opacity="0.4"/>
|
||||
<path d="M31.4833 0.902394L30.3419 -0.129689V-0.129688L31.4833 0.902394ZM35.3343 0.685486L34.316 1.83922V1.83922L35.3343 0.685486ZM1.11116 34.4931L-0.0302929 33.461H-0.0302932L1.11116 34.4931ZM1.32548 38.2983L0.307149 39.452H0.307149L1.32548 38.2983ZM5.17652 38.0813L4.03507 37.0493H4.03507L5.17652 38.0813ZM33.6021 6.64355L34.6836 5.54887L33.5394 4.41835L32.4606 5.61146L33.6021 6.64355ZM64.4343 37.1063L65.5158 36.0116L65.5158 36.0116L64.4343 37.1063ZM68.2889 37.1063L67.2074 36.0116L67.2074 36.0116L68.2889 37.1063ZM68.289 33.2978L69.3705 32.2031L69.3705 32.2031L68.289 33.2978ZM35.7551 1.15374L34.498 2.04146L34.5766 2.1527L34.6735 2.24842L35.7551 1.15374ZM32.6248 1.93448C33.0638 1.44888 33.8252 1.40599 34.316 1.83922L36.3527 -0.468244C34.5983 -2.01677 31.9113 -1.86543 30.3419 -0.129689L32.6248 1.93448ZM2.25261 35.5252L32.6248 1.93447L30.3419 -0.129688L-0.0302929 33.461L2.25261 35.5252ZM2.34382 37.1445C1.86379 36.7208 1.82319 36.0001 2.25261 35.5252L-0.0302932 33.461C-1.60938 35.2074 -1.45806 37.8939 0.307149 39.452L2.34382 37.1445ZM4.03507 37.0493C3.596 37.5349 2.83464 37.5777 2.34382 37.1445L0.307149 39.452C2.06157 41.0005 4.74854 40.8492 6.31797 39.1134L4.03507 37.0493ZM32.4606 5.61146L4.03507 37.0493L6.31797 39.1134L34.7435 7.67563L32.4606 5.61146ZM65.5158 36.0116L34.6836 5.54887L32.5205 7.73822L63.3527 38.201L65.5158 36.0116ZM67.2074 36.0116C66.7424 36.4711 65.9808 36.4711 65.5158 36.0116L63.3527 38.201C65.0166 39.8449 67.7066 39.8449 69.3705 38.201L67.2074 36.0116ZM67.2074 34.3925C67.6621 34.8417 67.6621 35.5624 67.2074 36.0116L69.3705 38.201C71.0447 36.5469 71.0447 33.8572 69.3705 32.2031L67.2074 34.3925ZM34.6735 2.24842L67.2074 34.3925L69.3705 32.2031L36.8366 0.0590608L34.6735 2.24842ZM34.316 1.83922C34.3876 1.90236 34.4479 1.97039 34.498 2.04146L37.0121 0.266025C36.8246 0.000585181 36.6043 -0.246158 36.3527 -0.468245L34.316 1.83922Z" fill="#FF1794" fill-opacity="0.6" mask="url(#path-2-inside-1)"/>
|
||||
<rect x="19.3719" y="47.4561" width="29.2384" height="5.38602" rx="2.69301" fill="#FF1794" fill-opacity="0.4"/>
|
||||
<rect x="20.1414" y="48.2255" width="27.6995" height="3.84716" rx="1.92358" stroke="#FF1794" stroke-opacity="0.4" stroke-width="1.53886"/>
|
||||
<rect x="23.9888" y="52.8418" width="2.3083" height="12.3109" fill="#FF1794" fill-opacity="0.4"/>
|
||||
<rect x="41.6857" y="52.8418" width="2.3083" height="12.3109" fill="#FF1794" fill-opacity="0.4"/>
|
||||
<rect x="30.144" y="43.917" width="6.92489" height="1.53886" rx="0.769432" fill="#FF1794" fill-opacity="0.4"/>
|
||||
<rect x="24.7578" y="29.8369" width="18.4664" height="12.3109" rx="1.53886" fill="#FF1794" fill-opacity="0.4"/>
|
||||
<rect x="25.1425" y="30.2216" width="17.6969" height="11.5415" rx="1.15415" stroke="#FF1794" stroke-opacity="0.4" stroke-width="0.769432"/>
|
||||
<rect x="26.4341" y="32" width="15" height="8" rx="1.04447" fill="#FF1794" fill-opacity="0.4"/>
|
||||
<rect x="26.6952" y="32.2611" width="14.4778" height="7.47777" rx="0.783352" stroke="#FF1794" stroke-opacity="0.4" stroke-width="0.522235"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
12
src/components/Careers/Benefits/images/insurance.svg
Normal file
12
src/components/Careers/Benefits/images/insurance.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="46" height="68" viewBox="0 0 46 68" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M28.9587 34.6939V16.1438C28.9587 16.1438 42.1705 8.40499 44.2827 10.0948C47.7779 12.8911 40.0643 16.5961 37.9463 17.5339C39.5443 16.8868 44.2827 15.2788 44.2827 18.9667C44.2827 22.2342 39.3799 23.2137 38.4022 23.3765C39.4409 23.2286 44.8617 22.6478 42.6697 27.0319C41.1182 30.1347 28.9587 34.6939 28.9587 34.6939Z" fill="#F7A501" fill-opacity="0.4"/>
|
||||
<path d="M38.3376 24.1806L38.3404 24.202L38.3405 24.202L38.3406 24.202L38.3408 24.202L38.3413 24.2019L38.3426 24.2017L38.3461 24.2013L38.3575 24.1997L38.3963 24.194C38.4273 24.1894 38.4706 24.1827 38.5249 24.1737C39.055 24.0989 40.492 23.9524 41.5035 24.2734C41.9947 24.4293 42.2302 24.6448 42.3214 24.8809C42.4186 25.1327 42.4526 25.6627 41.9483 26.6712C41.8225 26.9228 41.5523 27.252 41.1034 27.6454C40.6642 28.0305 40.0988 28.4385 39.44 28.8575C38.1227 29.6953 36.4916 30.5396 34.8879 31.2972C33.288 32.053 31.7335 32.714 30.5777 33.1864C30.2777 33.3091 30.0048 33.4189 29.7653 33.5143V16.6094C29.8158 16.5804 29.8708 16.549 29.93 16.5152C30.2923 16.3086 30.813 16.015 31.4446 15.6677C32.709 14.9726 34.4131 14.0653 36.1795 13.2118C37.9521 12.3553 39.7609 11.5661 41.2414 11.0957C41.9847 10.8596 42.6102 10.7154 43.089 10.673C43.3272 10.6519 43.504 10.6584 43.6275 10.6794C43.7406 10.6986 43.7786 10.7246 43.7796 10.7252C44.1269 11.0032 44.2742 11.2433 44.3332 11.4262C44.3899 11.6022 44.3883 11.7974 44.3039 12.0382C44.1182 12.568 43.5704 13.2035 42.7183 13.8794C41.0546 15.199 38.6898 16.3221 37.6313 16.7913C37.4666 16.8582 37.3335 16.9154 37.2399 16.9566C37.192 16.9778 37.1543 16.9948 37.1279 17.0068L37.097 17.021L37.0882 17.0251L37.0854 17.0264L37.0845 17.0268L37.0841 17.027L37.084 17.0271L37.0839 17.0271L37.1902 17.2531C37.1902 17.2531 37.1902 17.2532 37.1902 17.2532L37.0838 17.0272C36.6883 17.2133 36.5131 17.6806 36.6887 18.0809C36.8642 18.4812 37.3267 18.6687 37.7316 18.5038L37.6405 18.2802C37.6405 18.2802 37.6405 18.2802 37.6405 18.2802L37.7316 18.5038L37.7316 18.5038L37.7317 18.5038L37.732 18.5036L37.7327 18.5034L37.735 18.5024L37.7429 18.4992L37.7718 18.4872C37.7967 18.4769 37.8329 18.4618 37.8792 18.4421C37.9697 18.4038 38.0993 18.3482 38.2608 18.2767C39.0522 17.957 40.5087 17.4504 41.7265 17.4311C42.3375 17.4214 42.7663 17.5376 43.0284 17.7374C43.25 17.9064 43.4762 18.2299 43.4762 18.9667C43.4762 20.1241 42.6199 20.979 41.3485 21.6144C40.1165 22.2302 38.75 22.5004 38.2786 22.5795C38.2243 22.5873 38.1809 22.594 38.1498 22.599L38.1108 22.6054L38.0994 22.6073L38.0958 22.608L38.0945 22.6082L38.094 22.6083L38.0938 22.6083L38.0937 22.6083L38.0937 22.6083L38.0974 22.6296C38.0974 22.6296 38.0974 22.6296 38.0974 22.6296L38.0936 22.6083C37.6615 22.6846 37.3696 23.0923 37.4368 23.526C37.5039 23.9596 37.9054 24.26 38.3404 24.202L38.3375 24.1806C38.3375 24.1806 38.3376 24.1806 38.3376 24.1806Z" stroke="#F7A501" stroke-opacity="0.8" stroke-width="1.61305" stroke-linejoin="round"/>
|
||||
<path d="M16.22 34.6939V16.1438C16.22 16.1438 3.00825 8.40499 0.895991 10.0948C-2.59922 12.8911 5.11439 16.5961 7.23242 17.5339C5.63441 16.8868 0.895991 15.2788 0.895991 18.9667C0.895991 22.2342 5.79885 23.2137 6.77653 23.3765C5.73778 23.2286 0.316961 22.6478 2.50904 27.0319C4.06047 30.1347 16.22 34.6939 16.22 34.6939Z" fill="#F7A501" fill-opacity="0.4"/>
|
||||
<path d="M6.90009 22.5795C6.95437 22.5873 6.99779 22.594 7.02893 22.599L7.06794 22.6054L7.07933 22.6073L7.08293 22.608L7.08419 22.6082L7.08469 22.6083L7.08491 22.6083L7.08501 22.6083L7.08506 22.6083L7.0813 22.6296C7.08131 22.6296 7.08133 22.6296 7.08134 22.6296L7.0851 22.6083C7.51723 22.6846 7.8091 23.0924 7.74196 23.526C7.67482 23.9596 7.2733 24.26 6.83834 24.202L6.84119 24.1806C6.84118 24.1806 6.84116 24.1806 6.84115 24.1806L6.83829 24.202L6.83824 24.202L6.83814 24.202L6.83793 24.202L6.83743 24.2019L6.83616 24.2017L6.83257 24.2013L6.82124 24.1997L6.78241 24.194C6.75139 24.1894 6.7081 24.1827 6.65382 24.1737C6.1237 24.0989 4.68676 23.9524 3.67518 24.2734C3.18403 24.4293 2.94855 24.6448 2.85735 24.8809C2.76012 25.1327 2.72615 25.6627 3.23042 26.6712C3.35624 26.9228 3.62639 27.252 4.07526 27.6454C4.51454 28.0305 5.07993 28.4385 5.73871 28.8575C7.05598 29.6953 8.68716 30.5396 10.2908 31.2972C11.8907 32.053 13.4452 32.714 14.601 33.1864C14.901 33.3091 15.1739 33.4189 15.4134 33.5143V16.6094C15.3629 16.5804 15.3079 16.549 15.2487 16.5152C14.8864 16.3086 14.3657 16.015 13.7341 15.6677C12.4697 14.9726 10.7656 14.0653 8.9992 13.2118C7.22662 12.3553 5.41785 11.5661 3.93726 11.0957C3.19398 10.8596 2.56856 10.7154 2.08976 10.673C1.85149 10.6519 1.67472 10.6584 1.55124 10.6794C1.43809 10.6986 1.4001 10.7246 1.39906 10.7252C1.05182 11.0032 0.904469 11.2433 0.845549 11.4262C0.78884 11.6022 0.790402 11.7974 0.874788 12.0382C1.06052 12.568 1.60836 13.2035 2.46044 13.8794C4.12415 15.199 6.48892 16.3221 7.54737 16.7913C7.71216 16.8582 7.84521 16.9154 7.93879 16.9566C7.98676 16.9778 8.02443 16.9948 8.05077 17.0068L8.08168 17.021L8.09054 17.0251L8.09328 17.0264L8.09422 17.0268L8.09458 17.027L8.09473 17.0271L8.0948 17.0271L7.98848 17.2531C7.98849 17.2531 7.98849 17.2532 7.9885 17.2532L8.09487 17.0272C8.49038 17.2133 8.66564 17.6806 8.49005 18.0809C8.31447 18.4812 7.85196 18.6687 7.44716 18.5038L7.53826 18.2802C7.53825 18.2802 7.53823 18.2802 7.53822 18.2802L7.44712 18.5038L7.44707 18.5038L7.44697 18.5038L7.44672 18.5036L7.44599 18.5034L7.4437 18.5024L7.43578 18.4992L7.4069 18.4872C7.38198 18.4769 7.34585 18.4618 7.29949 18.4421C7.20901 18.4038 7.07945 18.3482 6.91794 18.2767C6.12653 17.957 4.67005 17.4504 3.45219 17.4311C2.84122 17.4214 2.41239 17.5376 2.15036 17.7374C1.92871 17.9064 1.70252 18.2299 1.70252 18.9667C1.70252 20.1241 2.55885 20.979 3.83019 21.6144C5.06219 22.2302 6.42866 22.5004 6.90009 22.5795Z" stroke="#F7A501" stroke-opacity="0.8" stroke-width="1.61305" stroke-linejoin="round"/>
|
||||
<mask id="path-5-inside-1" fill="white">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.6733 13.3002C28.1239 12.2295 29.8366 9.78412 29.8366 6.93878C29.8366 3.1066 26.73 0 22.8978 0C19.0656 0 15.959 3.1066 15.959 6.93878C15.959 9.78412 17.6716 12.2295 20.1223 13.3002V43.0204C20.1223 44.5533 21.3649 45.7959 22.8978 45.7959C24.4307 45.7959 25.6733 44.5533 25.6733 43.0204V13.3002ZM16.0935 51.7711L12.3554 53.6881C9.30984 55.2499 8.79175 59.3876 11.3582 61.6521L13.4406 63.4896C14.0153 63.9967 14.8923 63.9419 15.3994 63.3672C15.9065 62.7924 15.8517 61.9155 15.277 61.4084L13.1946 59.571C12.0946 58.6004 12.3167 56.8272 13.6219 56.1578L16.0935 54.8903V51.7711ZM27.427 49.0783L32.05 46.7075C34.9268 45.2322 35.5864 41.4108 33.3706 39.0566L30.9816 36.5183C30.4563 35.9602 29.5781 35.9335 29.0199 36.4588C28.4618 36.9841 28.4352 37.8624 28.9605 38.4205L31.3495 40.9588C32.2991 41.9678 32.0164 43.6055 30.7835 44.2378L27.427 45.9591V49.0783ZM22.8978 56.898C21.3649 56.898 20.1223 58.1406 20.1223 59.6735V65.2245C20.1223 66.7574 21.3649 68 22.8978 68C24.4307 68 25.6733 66.7574 25.6733 65.2245V59.6735C25.6733 58.1406 24.4307 56.898 22.8978 56.898Z"/>
|
||||
</mask>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.6733 13.3002C28.1239 12.2295 29.8366 9.78412 29.8366 6.93878C29.8366 3.1066 26.73 0 22.8978 0C19.0656 0 15.959 3.1066 15.959 6.93878C15.959 9.78412 17.6716 12.2295 20.1223 13.3002V43.0204C20.1223 44.5533 21.3649 45.7959 22.8978 45.7959C24.4307 45.7959 25.6733 44.5533 25.6733 43.0204V13.3002ZM16.0935 51.7711L12.3554 53.6881C9.30984 55.2499 8.79175 59.3876 11.3582 61.6521L13.4406 63.4896C14.0153 63.9967 14.8923 63.9419 15.3994 63.3672C15.9065 62.7924 15.8517 61.9155 15.277 61.4084L13.1946 59.571C12.0946 58.6004 12.3167 56.8272 13.6219 56.1578L16.0935 54.8903V51.7711ZM27.427 49.0783L32.05 46.7075C34.9268 45.2322 35.5864 41.4108 33.3706 39.0566L30.9816 36.5183C30.4563 35.9602 29.5781 35.9335 29.0199 36.4588C28.4618 36.9841 28.4352 37.8624 28.9605 38.4205L31.3495 40.9588C32.2991 41.9678 32.0164 43.6055 30.7835 44.2378L27.427 45.9591V49.0783ZM22.8978 56.898C21.3649 56.898 20.1223 58.1406 20.1223 59.6735V65.2245C20.1223 66.7574 21.3649 68 22.8978 68C24.4307 68 25.6733 66.7574 25.6733 65.2245V59.6735C25.6733 58.1406 24.4307 56.898 22.8978 56.898Z" fill="#F7A501" fill-opacity="0.4"/>
|
||||
<path d="M25.6733 13.3002L25.1177 12.0285L24.2855 12.3921V13.3002H25.6733ZM20.1223 13.3002H21.51V12.3921L20.6779 12.0285L20.1223 13.3002ZM12.3554 53.6881L12.9887 54.9229L12.9887 54.9229L12.3554 53.6881ZM16.0935 51.7711H17.4813V49.4999L15.4602 50.5363L16.0935 51.7711ZM11.3582 61.6521L12.2764 60.6115L12.2764 60.6115L11.3582 61.6521ZM13.4406 63.4896L14.3588 62.449L14.3588 62.449L13.4406 63.4896ZM15.3994 63.3672L14.3588 62.449L14.3588 62.449L15.3994 63.3672ZM15.277 61.4084L16.1952 60.3678L16.1952 60.3678L15.277 61.4084ZM13.1946 59.571L14.1127 58.5304L14.1127 58.5304L13.1946 59.571ZM13.6219 56.1578L12.9887 54.9229L12.9887 54.9229L13.6219 56.1578ZM16.0935 54.8903L16.7268 56.1252L17.4813 55.7382V54.8903H16.0935ZM32.05 46.7075L32.6833 47.9423L32.6833 47.9423L32.05 46.7075ZM27.427 49.0783H26.0392V51.3496L28.0602 50.3131L27.427 49.0783ZM33.3706 39.0566L32.3601 40.0077L32.3601 40.0077L33.3706 39.0566ZM30.9816 36.5183L29.9711 37.4694L29.9711 37.4694L30.9816 36.5183ZM29.0199 36.4588L29.9711 37.4694L29.9711 37.4694L29.0199 36.4588ZM28.9605 38.4205L27.9499 39.3716L27.9499 39.3716L28.9605 38.4205ZM31.3495 40.9588L32.3601 40.0077L32.3601 40.0077L31.3495 40.9588ZM30.7835 44.2378L30.1503 43.0029L30.1503 43.0029L30.7835 44.2378ZM27.427 45.9591L26.7937 44.7243L26.0392 45.1112V45.9591H27.427ZM28.4488 6.93878C28.4488 9.21289 27.0811 11.1707 25.1177 12.0285L26.2289 14.5719C29.1668 13.2882 31.2243 10.3553 31.2243 6.93878H28.4488ZM22.8978 1.38776C25.9635 1.38776 28.4488 3.87303 28.4488 6.93878H31.2243C31.2243 2.34016 27.4964 -1.38776 22.8978 -1.38776V1.38776ZM17.3468 6.93878C17.3468 3.87303 19.832 1.38776 22.8978 1.38776V-1.38776C18.2992 -1.38776 14.5713 2.34016 14.5713 6.93878H17.3468ZM20.6779 12.0285C18.7145 11.1707 17.3468 9.21289 17.3468 6.93878H14.5713C14.5713 10.3553 16.6288 13.2882 19.5667 14.5719L20.6779 12.0285ZM21.51 43.0204V13.3002H18.7345V43.0204H21.51ZM22.8978 44.4082C22.1313 44.4082 21.51 43.7868 21.51 43.0204H18.7345C18.7345 45.3197 20.5985 47.1837 22.8978 47.1837V44.4082ZM24.2855 43.0204C24.2855 43.7868 23.6642 44.4082 22.8978 44.4082V47.1837C25.1971 47.1837 27.0611 45.3197 27.0611 43.0204H24.2855ZM24.2855 13.3002V43.0204H27.0611V13.3002H24.2855ZM12.9887 54.9229L16.7268 53.006L15.4602 50.5363L11.7222 52.4533L12.9887 54.9229ZM12.2764 60.6115C10.4432 58.994 10.8133 56.0385 12.9887 54.9229L11.7222 52.4532C7.80642 54.4613 7.1403 59.7812 10.44 62.6927L12.2764 60.6115ZM14.3588 62.449L12.2764 60.6115L10.44 62.6927L12.5225 64.5302L14.3588 62.449ZM14.3588 62.449L14.3588 62.449L12.5225 64.5302C13.6719 65.5443 15.4258 65.4347 16.44 64.2853L14.3588 62.449ZM14.3588 62.449L14.3588 62.449L16.44 64.2853C17.4542 63.1359 17.3446 61.382 16.1952 60.3678L14.3588 62.449ZM12.2764 60.6115L14.3588 62.449L16.1952 60.3678L14.1127 58.5304L12.2764 60.6115ZM12.9887 54.9229C10.8133 56.0385 10.4432 58.994 12.2764 60.6115L14.1127 58.5304C13.7461 58.2069 13.8201 57.6158 14.2552 57.3926L12.9887 54.9229ZM15.4603 53.6555L12.9887 54.9229L14.2552 57.3926L16.7268 56.1252L15.4603 53.6555ZM14.7058 51.7711V54.8903H17.4813V51.7711H14.7058ZM31.4168 45.4726L26.7937 47.8434L28.0602 50.3131L32.6833 47.9423L31.4168 45.4726ZM32.3601 40.0077C33.9427 41.6893 33.4716 44.4189 31.4168 45.4726L32.6833 47.9423C36.382 46.0456 37.23 41.1323 34.3812 38.1055L32.3601 40.0077ZM29.9711 37.4694L32.3601 40.0077L34.3812 38.1055L31.9922 35.5672L29.9711 37.4694ZM29.9711 37.4694L29.9711 37.4694L31.9922 35.5672C30.9416 34.4509 29.1851 34.3977 28.0688 35.4483L29.9711 37.4694ZM29.9711 37.4694L29.9711 37.4694L28.0688 35.4483C26.9526 36.4988 26.8994 38.2554 27.9499 39.3716L29.9711 37.4694ZM32.3601 40.0077L29.9711 37.4694L27.9499 39.3716L30.3389 41.9099L32.3601 40.0077ZM31.4168 45.4726C33.4716 44.4189 33.9427 41.6893 32.3601 40.0077L30.3389 41.9099C30.6555 42.2463 30.5612 42.7922 30.1503 43.0029L31.4168 45.4726ZM28.0602 47.194L31.4168 45.4726L30.1503 43.0029L26.7937 44.7243L28.0602 47.194ZM28.8147 49.0783V45.9591H26.0392V49.0783H28.8147ZM21.51 59.6735C21.51 58.907 22.1313 58.2857 22.8978 58.2857V55.5102C20.5985 55.5102 18.7345 57.3742 18.7345 59.6735H21.51ZM21.51 65.2245V59.6735H18.7345V65.2245H21.51ZM22.8978 66.6122C22.1313 66.6122 21.51 65.9909 21.51 65.2245H18.7345C18.7345 67.5238 20.5985 69.3878 22.8978 69.3878V66.6122ZM24.2855 65.2245C24.2855 65.9909 23.6642 66.6122 22.8978 66.6122V69.3878C25.1971 69.3878 27.0611 67.5238 27.0611 65.2245H24.2855ZM24.2855 59.6735V65.2245H27.0611V59.6735H24.2855ZM22.8978 58.2857C23.6642 58.2857 24.2855 58.907 24.2855 59.6735H27.0611C27.0611 57.3742 25.1971 55.5102 22.8978 55.5102V58.2857Z" fill="#F7A501" fill-opacity="0.8" mask="url(#path-5-inside-1)"/>
|
||||
<path d="M14.2244 37.8164L11.8354 40.3547C10.2527 42.0363 10.7238 44.7659 12.7786 45.8196L31.2067 55.27C33.3822 56.3856 33.7522 59.341 31.919 60.9586L29.8366 62.796" stroke="#F7A501" stroke-opacity="0.8" stroke-width="2.77551" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 13 KiB |
11
src/components/Careers/Benefits/images/pto.svg
Normal file
11
src/components/Careers/Benefits/images/pto.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 16 KiB |
6
src/components/Careers/Benefits/images/retirement.svg
Normal file
6
src/components/Careers/Benefits/images/retirement.svg
Normal file
@@ -0,0 +1,6 @@
|
||||
<svg width="61" height="67" viewBox="0 0 61 67" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.8">
|
||||
<path d="M2.75 3L14.879 33.1586C16.194 36.4283 19.5465 38.4017 23.0435 37.9646L42.5156 35.5306C44.1644 35.3245 45.8358 35.6529 47.284 36.4675L51.264 38.7063" stroke="#FF8A00" stroke-opacity="0.8" stroke-width="4.65734" stroke-linecap="round"/>
|
||||
<path d="M17.1101 21.2413C17.1101 21.2413 28.3654 18.9126 30.3059 18.9126C34.6462 18.9126 37.292 23.5699 37.292 23.5699M25.6486 44.528L20.9913 53.8427M40.785 44.528L46.2185 55.007M9.3479 53.8427C9.3479 53.8427 20.1407 62.4215 32.6346 63.5455C47.719 64.9025 58.25 55.007 58.25 55.007" stroke="#FF8A00" stroke-opacity="0.6" stroke-width="4.65734" stroke-linecap="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 740 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.6 KiB |
18
src/components/Careers/Benefits/images/training-budget.svg
Normal file
18
src/components/Careers/Benefits/images/training-budget.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<svg width="89" height="91" viewBox="0 0 89 91" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="9.86633" y="46.4604" width="35.4375" height="9.4201" rx="2.24288" transform="rotate(-33.4671 9.86633 46.4604)" fill="#FF8A00" fill-opacity="0.6"/>
|
||||
<rect x="10.6458" y="46.6195" width="34.3125" height="8.2951" rx="1.68038" transform="rotate(-33.4671 10.6458 46.6195)" stroke="#FF8A00" stroke-opacity="0.4" stroke-width="1.125"/>
|
||||
<path d="M22.6297 17.0677L11.0874 45.6011C10.8802 46.1132 11.4582 46.5859 11.919 46.2813L38.6349 28.6205C38.74 28.551 38.8187 28.4482 38.8585 28.3286L47.756 1.54356C47.9244 1.0366 47.3576 0.602409 46.912 0.896996L22.841 16.8094C22.746 16.8722 22.6724 16.9622 22.6297 17.0677Z" fill="#FF8A00" fill-opacity="0.4"/>
|
||||
<path d="M11.6088 45.8121L23.1512 17.2787L47.2222 1.36623L38.3247 28.1513L11.6088 45.8121Z" stroke="#FF8A00" stroke-opacity="0.4" stroke-width="1.125"/>
|
||||
<path d="M52.3005 8.13905L47.7956 1.32432L38.8806 27.1094L43.8438 34.6172L52.4282 9.11839C52.5389 8.7897 52.4918 8.42836 52.3005 8.13905Z" fill="#FF8A00" fill-opacity="0.4"/>
|
||||
<path d="M39.503 27.0308L47.9548 2.58521L51.8313 8.44924C51.9269 8.5939 51.9505 8.77457 51.8951 8.93891L43.678 33.3465L39.503 27.0308Z" stroke="#FF8A00" stroke-opacity="0.4" stroke-width="1.125"/>
|
||||
<rect x="29.307" y="56.7954" width="35.4375" height="9.4201" rx="2.24288" transform="rotate(26.039 29.307 56.7954)" fill="#FF8A00" fill-opacity="0.6"/>
|
||||
<rect x="29.5655" y="57.5477" width="34.3125" height="8.2951" rx="1.68038" transform="rotate(26.039 29.5655 57.5477)" stroke="#FF8A00" stroke-opacity="0.4" stroke-width="1.125"/>
|
||||
<path d="M61.1109 52.8783L30.667 57.4116C30.1206 57.4929 30.0066 58.2309 30.5029 58.4733L59.2778 72.5321C59.391 72.5874 59.5196 72.6031 59.6428 72.5766L87.238 66.6516C87.7603 66.5394 87.8468 65.8307 87.3669 65.5962L61.4406 52.9293C61.3384 52.8793 61.2234 52.8615 61.1109 52.8783Z" fill="#FF8A00" fill-opacity="0.4"/>
|
||||
<path d="M30.7498 57.9679L61.1937 53.4347L87.1199 66.1016L59.5247 72.0267L30.7498 57.9679Z" stroke="#FF8A00" stroke-opacity="0.4" stroke-width="1.125"/>
|
||||
<path d="M83.8609 73.9143L87.447 66.5744L60.7046 71.977L56.7538 80.0635L83.0819 74.5213C83.4212 74.4499 83.7087 74.2259 83.8609 73.9143Z" fill="#FF8A00" fill-opacity="0.4"/>
|
||||
<path d="M61.0882 72.4734L86.4414 67.3514L83.3555 73.6674C83.2794 73.8232 83.1357 73.9352 82.966 73.9709L57.7646 79.2759L61.0882 72.4734Z" stroke="#FF8A00" stroke-opacity="0.4" stroke-width="1.125"/>
|
||||
<path d="M25.1718 22.5L38.1718 14" stroke="#FF8A00" stroke-opacity="0.4" stroke-linecap="round"/>
|
||||
<path d="M59.1718 58.4758L73.2433 65.0518" stroke="#FF8A00" stroke-opacity="0.4" stroke-linecap="round"/>
|
||||
<path d="M27.6718 24L34.6718 19.5" stroke="#FF8A00" stroke-opacity="0.4" stroke-linecap="round"/>
|
||||
<path d="M59.213 61.391L66.7245 64.9724" stroke="#FF8A00" stroke-opacity="0.4" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
@@ -0,0 +1,5 @@
|
||||
<svg width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="37.4402" cy="37.1741" r="31" fill="#FF14A1" fill-opacity="0.2"/>
|
||||
<circle cx="37.4402" cy="37.1741" r="29.8519" stroke="#FF14A1" stroke-opacity="0.8" stroke-width="2.2963"/>
|
||||
<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M28.1347 18.0453C27.6326 18.2753 27.0391 18.0548 26.809 17.5527L25.143 13.9162C24.9129 13.4141 25.1335 12.8206 25.6356 12.5906C26.1377 12.3605 26.7312 12.5811 26.9612 13.0832L28.6273 16.7197C28.8573 17.2218 28.6368 17.8153 28.1347 18.0453ZM18.9288 26.3021C18.5702 26.7222 17.939 26.772 17.5189 26.4134L14.4766 23.8165C14.0565 23.4579 14.0067 22.8267 14.3653 22.4067C14.7238 21.9866 15.355 21.9367 15.7751 22.2953L18.8174 24.8923C19.2375 25.2508 19.2873 25.882 18.9288 26.3021ZM38.44 15.174C37.8877 15.174 37.44 14.7263 37.44 14.174L37.44 10.174C37.44 9.62174 37.8877 9.17402 38.44 9.17402C38.9923 9.17402 39.44 9.62174 39.44 10.174L39.44 14.174C39.44 14.7263 38.9923 15.174 38.44 15.174ZM14.4406 39.174C14.9929 39.174 15.4406 38.7262 15.4406 38.174C15.4406 37.6217 14.9929 37.174 14.4406 37.174L10.4406 37.174C9.88831 37.174 9.44059 37.6217 9.44059 38.174C9.44059 38.7262 9.88831 39.174 10.4406 39.174L14.4406 39.174ZM28.5613 29.8331C28.1708 29.4426 27.5376 29.4426 27.1471 29.8331C26.7566 30.2237 26.7566 30.8568 27.1471 31.2474L36.7329 40.8331C36.9795 41.0798 37.3229 41.1706 37.6408 41.1058C37.7535 41.1498 37.8762 41.174 38.0046 41.174C38.5569 41.174 39.0046 40.7263 39.0046 40.174L39.0046 18.174C39.0046 17.6217 38.5569 17.174 38.0046 17.174C37.4523 17.174 37.0046 17.6217 37.0046 18.174L37.0046 38.2764L28.5613 29.8331ZM64.4406 39.1739C64.9929 39.1739 65.4406 38.7262 65.4406 38.1739C65.4406 37.6217 64.9929 37.1739 64.4406 37.1739L60.4406 37.1739C59.8883 37.1739 59.4406 37.6217 59.4406 38.1739C59.4406 38.7262 59.8883 39.1739 60.4406 39.1739L64.4406 39.1739ZM37.4397 65.174C36.8874 65.174 36.4397 64.7263 36.4397 64.174L36.4397 60.174C36.4397 59.6217 36.8874 59.174 37.4397 59.174C37.992 59.174 38.4397 59.6217 38.4397 60.174L38.4397 64.174C38.4397 64.7263 37.992 65.174 37.4397 65.174ZM48.6259 18.4533C48.2759 18.8805 48.3384 19.5106 48.7656 19.8606C49.1928 20.2107 49.8229 20.1481 50.1729 19.7209L52.7081 16.627C53.0581 16.1998 52.9956 15.5697 52.5684 15.2197C52.1412 14.8696 51.5112 14.9322 51.1611 15.3594L48.6259 18.4533ZM27.938 56.2231C28.3926 56.5366 28.507 57.1594 28.1934 57.614L25.9224 60.9068C25.6089 61.3615 24.9861 61.4759 24.5315 61.1623C24.0768 60.8487 23.9625 60.226 24.276 59.7714L26.547 56.4785C26.8606 56.0239 27.4833 55.9095 27.938 56.2231ZM57.9653 47.3021C57.5453 46.9435 56.9141 46.9934 56.5555 47.4134C56.1969 47.8335 56.2468 48.4647 56.6669 48.8233L59.7092 51.4202C60.1293 51.7788 60.7605 51.7289 61.119 51.3089C61.4776 50.8888 61.4277 50.2576 61.0077 49.899L57.9653 47.3021ZM57.6718 27.5629C57.1744 27.8029 56.9658 28.4008 57.2059 28.8981C57.446 29.3955 58.0438 29.6041 58.5412 29.364L62.1435 27.6251C62.6408 27.385 62.8494 26.7871 62.6093 26.2898C62.3692 25.7924 61.7714 25.5838 61.274 25.8239L57.6718 27.5629ZM18.7796 47.9136C19.06 48.3895 18.9015 49.0025 18.4257 49.2828L14.9794 51.3134C14.5035 51.5937 13.8905 51.4353 13.6102 50.9594C13.3298 50.4836 13.4883 49.8706 13.9641 49.5902L17.4104 47.5597C17.8862 47.2793 18.4992 47.4378 18.7796 47.9136ZM48.6752 56.1628C48.4452 55.6607 47.8517 55.4402 47.3496 55.6702C46.8475 55.9002 46.6269 56.4938 46.857 56.9959L48.5231 60.6324C48.7531 61.1345 49.3466 61.355 49.8487 61.125C50.3508 60.8949 50.5714 60.3014 50.3413 59.7993L48.6752 56.1628Z" fill="#FF1794"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
116
src/components/Careers/Benefits/index.tsx
Normal file
116
src/components/Careers/Benefits/index.tsx
Normal file
@@ -0,0 +1,116 @@
|
||||
import React from 'react'
|
||||
|
||||
import { Structure } from '../../Structure'
|
||||
import { mergeClassList } from '../../../lib/utils'
|
||||
import compensationImg from './images/compensation.svg'
|
||||
import equityImg from './images/equity.svg'
|
||||
import ptoImg from './images/pto.svg'
|
||||
import unlimitedTimeOffImg from './images/unlimited-time-off.svg'
|
||||
import insuranceImg from './images/insurance.svg'
|
||||
import trainingBudgetImg from './images/training-budget.svg'
|
||||
import coworkingCreditImg from './images/coworking-credit.svg'
|
||||
import homeOfficeImg from './images/home-office.svg'
|
||||
import carbonOffsettingImg from './images/carbon-offsetting.svg'
|
||||
import retirementImg from './images/retirement.svg'
|
||||
import spillMentalHealthImg from './images/spill-mental-health.svg'
|
||||
import companyOffsitesImg from './images/company-offsites.svg'
|
||||
|
||||
interface BenefitProps {
|
||||
image: string
|
||||
title: string
|
||||
details: string
|
||||
className?: string
|
||||
}
|
||||
|
||||
const Benefit = ({ image, title, details, className = '' }: BenefitProps) => {
|
||||
const classList = mergeClassList('w-full md:w-1/2 lg:w-1/4 p-2 md:p-4 mb-8 md:mb-0', className)
|
||||
|
||||
return (
|
||||
<div className={classList}>
|
||||
<div className="mx-auto flex justify-center items-center w-24 h-24 p-2 bg-gray-100 bg-opacity-10 rounded border-3 border-white border-opacity-30 border-solid">
|
||||
<img src={image} alt={title} className="max-w-full block mb-0" />
|
||||
</div>
|
||||
<div className="flex-grow mt-4">
|
||||
<h4 className="mb-0 font-sans font-normal text-base leading-tight">{title}</h4>
|
||||
|
||||
<div className="text-opacity-80 text-gray-100 mt-2">{details}</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export const Benefits = () => {
|
||||
return (
|
||||
<div className="careers-benefits pt-24 text-white text-center" id="benefits">
|
||||
<Structure.Section>
|
||||
<Structure.SectionHeader
|
||||
title="Benefits"
|
||||
titleTag="h2"
|
||||
leadText="We’re always looking to expand our benefits to offer meaningful value to our team who make all of this possible."
|
||||
leadTextClassName="opacity-80"
|
||||
/>
|
||||
|
||||
<div className="flex flex-col md:flex-row md:flex-wrap">
|
||||
<Benefit
|
||||
image={compensationImg}
|
||||
title="Generous, transparent compensation"
|
||||
details="We hire the best talent and pay accordingly"
|
||||
/>
|
||||
<Benefit
|
||||
image={equityImg}
|
||||
title="Equity"
|
||||
details="It’s important to us that all PostHog employees can feel invested in the company’s success, so all employees receive equity in PostHog (with very employee-friendly terms)!"
|
||||
/>
|
||||
<Benefit
|
||||
image={ptoImg}
|
||||
title="Paid time off"
|
||||
details="Time away from work is important, so we’ve got unlimited time off (25 days per year minimum required!), sick leave and generous parental leave."
|
||||
/>
|
||||
<Benefit
|
||||
image={unlimitedTimeOffImg}
|
||||
title="Unlimited time off"
|
||||
details="25 days per year minimum required!"
|
||||
/>
|
||||
|
||||
<Benefit
|
||||
image={insuranceImg}
|
||||
title="Medical, Dental and Vision Insurance"
|
||||
details="US & UK only."
|
||||
/>
|
||||
<Benefit image={trainingBudgetImg} title="Training budget" details="and free books" />
|
||||
<Benefit
|
||||
image={coworkingCreditImg}
|
||||
title="Coworking Credit"
|
||||
details="$200/month budget towards co-working or café working"
|
||||
/>
|
||||
<Benefit
|
||||
image={homeOfficeImg}
|
||||
title="Home office"
|
||||
details="We provide all equipment needed have an ergonomic setup at home to be as productive as possible"
|
||||
/>
|
||||
|
||||
<Benefit
|
||||
image={carbonOffsettingImg}
|
||||
title="Carbon offsetting"
|
||||
details="for work travel with Project Wren"
|
||||
/>
|
||||
<Benefit
|
||||
image={retirementImg}
|
||||
title="401k/pension contributions"
|
||||
details="We care about you, so investing in your future is important to us. "
|
||||
/>
|
||||
<Benefit
|
||||
image={spillMentalHealthImg}
|
||||
title="Spill mental health chat"
|
||||
details="Sometimes it’s good to chat to someone if you aren’t feeling yourself. "
|
||||
/>
|
||||
<Benefit
|
||||
image={companyOffsitesImg}
|
||||
title="Company offsites"
|
||||
details="Each year we organise fully paid company offsites- last year we went to a villa in Italy! Sometimes it’s good to speak face to face."
|
||||
/>
|
||||
</div>
|
||||
</Structure.Section>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
37
src/components/Careers/CareersHero/index.tsx
Normal file
37
src/components/Careers/CareersHero/index.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
import React from 'react'
|
||||
import scrollTo from 'gatsby-plugin-smoothscroll'
|
||||
|
||||
import { Header } from '../../Header'
|
||||
import { CallToAction } from '../../CallToAction'
|
||||
|
||||
export const CareersHero = () => {
|
||||
return (
|
||||
<div className="careers-hero">
|
||||
<Header
|
||||
onPostPage={false}
|
||||
isBlogArticlePage={false}
|
||||
isHomePage={true}
|
||||
menuActiveKey="active"
|
||||
transparentBackground={true}
|
||||
/>
|
||||
|
||||
<div className="w-11/12 pt-12 sm:py-24 mx-auto text-center relative z-10 rounded">
|
||||
<div className="max-w-3xl mx-auto">
|
||||
<h1 className="text-white mb-0 pb-0 text-3xl">
|
||||
We’re working to increase the number of successful products in the world
|
||||
</h1>
|
||||
|
||||
<CallToAction
|
||||
icon="down-arrow"
|
||||
onClick={() => scrollTo('#open-roles')}
|
||||
type="primary"
|
||||
width="72"
|
||||
className="my-12"
|
||||
>
|
||||
View open roles
|
||||
</CallToAction>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
BIN
src/components/Careers/Culture/images/communication.png
Normal file
BIN
src/components/Careers/Culture/images/communication.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
src/components/Careers/Culture/images/diversity.png
Normal file
BIN
src/components/Careers/Culture/images/diversity.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
201
src/components/Careers/Culture/images/position-skills.svg
Normal file
201
src/components/Careers/Culture/images/position-skills.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 95 KiB |
BIN
src/components/Careers/Culture/images/remote.png
Normal file
BIN
src/components/Careers/Culture/images/remote.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
src/components/Careers/Culture/images/transparency.png
Normal file
BIN
src/components/Careers/Culture/images/transparency.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
80
src/components/Careers/Culture/index.tsx
Normal file
80
src/components/Careers/Culture/index.tsx
Normal file
@@ -0,0 +1,80 @@
|
||||
import React from 'react'
|
||||
|
||||
import { Structure } from '../../Structure'
|
||||
import { mergeClassList } from '../../../lib/utils'
|
||||
import remoteIcon from './images/remote.png'
|
||||
import transparencyIcon from './images/transparency.png'
|
||||
import communicationIcon from './images/communication.png'
|
||||
import diversityIcon from './images/diversity.png'
|
||||
import positionSkillsImg from './images/position-skills.svg'
|
||||
|
||||
const CultureValue = ({
|
||||
title,
|
||||
icon,
|
||||
children,
|
||||
className = '',
|
||||
}: {
|
||||
title: string
|
||||
icon: string
|
||||
children: any
|
||||
className?: string
|
||||
}) => {
|
||||
const classList = mergeClassList('flex flex-col md:flex-row text-left', className)
|
||||
return (
|
||||
<div className={classList}>
|
||||
<img src={icon} alt={title} className="mx-auto h-24 w-24 md:mx-0 md:mr-6" />
|
||||
<div className="w-full md:mx-0 text-center md:text-left">
|
||||
<h4 className="mb-2 text-lg">{title}</h4>
|
||||
<div className="opacity-80">{children}</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export const Culture = () => {
|
||||
return (
|
||||
<div className="careers-culture pt-24 text-white text-left" id="culture">
|
||||
<Structure.Section width="xl">
|
||||
<h2 className="text-center mb-8">Our culture</h2>
|
||||
|
||||
<CultureValue title="All Remote" icon={remoteIcon}>
|
||||
<p>We are fully-remote and hire anywhere in the world.</p>
|
||||
<p>
|
||||
If you are on planet Earth, please consider applying. We are unfortunately not able to accept
|
||||
candidates from other planets or galaxies at this time.
|
||||
</p>
|
||||
</CultureValue>
|
||||
|
||||
<CultureValue title="Transparency" icon={transparencyIcon} className="mt-8">
|
||||
<p>We build an open source product, and try to be as transparent as possible about our company.</p>
|
||||
<p>
|
||||
Our roadmap, employee handbook, salary calculator, investor emails, and most communication are
|
||||
public on GitHub.
|
||||
</p>
|
||||
</CultureValue>
|
||||
|
||||
<CultureValue title="Written communication" icon={communicationIcon} className="mt-8">
|
||||
<p>
|
||||
Being fully-remote, it’s critical we practice clear communication so we stay connected and work
|
||||
efficiently.
|
||||
</p>
|
||||
<p>
|
||||
Collaborating through public GitHub issues and pull requests helps us clarify our ideas and
|
||||
allows others to provide feedback, both key to our development and growth.
|
||||
</p>
|
||||
</CultureValue>
|
||||
|
||||
<CultureValue title="Diversity" icon={diversityIcon} className="mt-8">
|
||||
<p>Being fully remote means we're able to create a team that is truly diverse.</p>
|
||||
<p>
|
||||
We value diversity and believe it’s important to acknowledge and appreciate each other's
|
||||
differences.
|
||||
</p>
|
||||
</CultureValue>
|
||||
</Structure.Section>
|
||||
<Structure.Section className="mt-12" width="3xl">
|
||||
<img src={positionSkillsImg} className="mx-auto mb-0 max-w-full" />
|
||||
</Structure.Section>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="83px" height="42px" viewBox="0 0 83 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 62 (91390) - https://sketch.com -->
|
||||
<title>application</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="application" transform="translate(-12.000000, -33.000000)">
|
||||
<g id="Group">
|
||||
<rect id="Rectangle" fill-rule="nonzero" x="0" y="0" width="108.132" height="108.132" rx="9.40278"></rect>
|
||||
<rect id="Rectangle" x="1.5" y="1.5" width="105.132" height="105.132" rx="7.90278"></rect>
|
||||
</g>
|
||||
<path d="M22.8144,39.066 L21.4544,39.066 L21.4544,40.506 L15.7544,40.506 L15.7544,43.366 L12.8544,43.366 L12.8544,33.406 L21.3944,33.406 L21.3944,34.766 L22.8144,34.766 L22.8144,39.066 Z M19.9544,39.066 L19.9544,34.826 L15.7144,34.826 L15.7144,39.066 L19.9544,39.066 Z M32.0705,43.366 L23.5305,43.366 L23.5305,33.406 L26.3505,33.406 L26.3505,41.906 L32.0705,41.906 L32.0705,43.366 Z M45.6066,43.366 L42.7866,43.366 L42.7866,40.526 L38.5466,40.526 L38.5466,43.366 L35.6466,43.366 L35.6466,36.246 L37.0066,36.246 L37.0066,34.826 L38.4466,34.826 L38.4466,33.406 L42.7466,33.406 L42.7466,34.766 L44.1866,34.766 L44.1866,36.186 L45.6066,36.186 L45.6066,43.366 Z M42.7466,39.066 L42.7466,36.186 L41.3266,36.186 L41.3266,34.826 L39.8666,34.826 L39.8666,36.266 L38.5066,36.266 L38.5066,39.066 L42.7466,39.066 Z M56.2827,37.646 L54.9227,37.646 L54.9227,39.066 L53.5027,39.066 L53.5027,43.366 L50.6027,43.366 L50.6027,39.146 L49.1827,39.146 L49.1827,37.706 L47.7427,37.706 L47.7427,33.406 L50.5627,33.406 L50.5627,37.646 L53.4027,37.646 L53.4027,33.406 L56.2827,33.406 L56.2827,37.646 Z M68.5787,43.286 L58.4987,43.286 L58.4987,33.226 L68.5787,33.226 L68.5787,34.626 L61.3987,34.626 L61.3987,37.486 L65.6987,37.486 L65.6987,38.966 L61.3987,38.966 L61.3987,41.826 L68.5787,41.826 L68.5787,43.286 Z M79.7948,39.066 L76.9748,39.066 L76.9748,40.466 L78.3748,40.466 L78.3748,41.906 L79.7948,41.906 L79.7948,43.366 L75.5548,43.366 L75.5548,42.006 L74.1348,42.006 L74.1348,40.526 L72.7348,40.526 L72.7348,43.366 L69.8348,43.366 L69.8348,33.406 L78.3748,33.406 L78.3748,34.766 L79.7948,34.766 L79.7948,39.066 Z M76.9348,37.646 L76.9348,34.826 L72.6948,34.826 L72.6948,39.066 L75.5748,39.066 L75.5748,37.646 L76.9348,37.646 Z M94.0095,43.366 L85.4695,43.366 L85.4695,41.966 L88.2895,41.966 L88.2895,36.286 L86.9095,36.286 L86.9095,34.826 L88.2695,34.826 L88.2695,33.406 L91.1495,33.406 L91.1495,41.906 L94.0095,41.906 L94.0095,43.366 Z M35.6898,72.926 L34.3298,72.926 L34.3298,74.366 L27.1698,74.366 L27.1698,73.006 L25.7298,73.006 L25.7298,71.546 L28.5498,71.546 L28.5498,72.926 L32.8498,72.926 L32.8498,70.146 L27.1698,70.146 L27.1698,68.706 L25.7298,68.706 L25.7298,65.826 L27.0898,65.826 L27.0898,64.406 L32.8298,64.406 L32.8298,65.766 L34.2698,65.766 L34.2698,67.206 L31.4498,67.206 L31.4498,65.826 L28.5898,65.826 L28.5898,68.606 L34.2698,68.606 L34.2698,70.046 L35.6898,70.046 L35.6898,72.926 Z M44.9459,65.786 L42.1459,65.786 L42.1459,74.366 L39.2659,74.366 L39.2659,65.866 L36.4059,65.866 L36.4059,64.406 L44.9459,64.406 L44.9459,65.786 Z M58.482,74.366 L55.662,74.366 L55.662,71.526 L51.422,71.526 L51.422,74.366 L48.522,74.366 L48.522,67.246 L49.882,67.246 L49.882,65.826 L51.322,65.826 L51.322,64.406 L55.622,64.406 L55.622,65.766 L57.062,65.766 L57.062,67.186 L58.482,67.186 L58.482,74.366 Z M55.622,70.066 L55.622,67.186 L54.202,67.186 L54.202,65.826 L52.742,65.826 L52.742,67.266 L51.382,67.266 L51.382,70.066 L55.622,70.066 Z M69.878,70.066 L67.058,70.066 L67.058,71.466 L68.458,71.466 L68.458,72.906 L69.878,72.906 L69.878,74.366 L65.638,74.366 L65.638,73.006 L64.218,73.006 L64.218,71.526 L62.818,71.526 L62.818,74.366 L59.918,74.366 L59.918,64.406 L68.458,64.406 L68.458,65.766 L69.878,65.766 L69.878,70.066 Z M67.018,68.646 L67.018,65.826 L62.778,65.826 L62.778,70.066 L65.658,70.066 L65.658,68.646 L67.018,68.646 Z M79.1341,65.786 L76.3341,65.786 L76.3341,74.366 L73.4541,74.366 L73.4541,65.866 L70.5941,65.866 L70.5941,64.406 L79.1341,64.406 L79.1341,65.786 Z" id="Shape" fill="#E83DEC" fill-rule="nonzero"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,30 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 62 (91390) - https://sketch.com -->
|
||||
<title>culture-interview</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="80" height="80" rx="2.71186"></rect>
|
||||
</defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="culture-interview" transform="translate(-14.000000, -14.000000)">
|
||||
<g id="Group">
|
||||
<rect id="Rectangle" fill-rule="nonzero" x="0" y="0" width="108.132" height="108.132" rx="9.40278"></rect>
|
||||
<rect id="Rectangle" x="1.5" y="1.5" width="105.132" height="105.132" rx="7.90278"></rect>
|
||||
</g>
|
||||
<g id="Clipped" transform="translate(14.000000, 14.000000)">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<g id="Rectangle"></g>
|
||||
<rect id="Rectangle" stroke="#FF2F93" stroke-width="8.13559" fill-opacity="0.2" fill="#FF2F93" fill-rule="nonzero" mask="url(#mask-2)" x="0" y="0" width="80" height="80" rx="2.71186"></rect>
|
||||
</g>
|
||||
<rect id="Rectangle" fill="#FF2F93" fill-rule="nonzero" x="77.2031" y="22.3594" width="8.43781" height="8.43781" rx="0.286027"></rect>
|
||||
<rect id="Rectangle" fill="#FF2F93" fill-rule="nonzero" x="77.2031" y="77.2031" width="8.43781" height="8.43781" rx="0.286027"></rect>
|
||||
<rect id="Rectangle" fill="#FF2F93" fill-rule="nonzero" x="22.3594" y="77.2031" width="8.43781" height="8.43781" rx="0.286027"></rect>
|
||||
<rect id="Rectangle" fill="#FF2F93" fill-rule="nonzero" x="22.3594" y="22.3594" width="8.43781" height="8.43781" rx="0.286027"></rect>
|
||||
<polygon id="Path" fill-opacity="0.8" fill="#FF2F93" fill-rule="nonzero" points="46.5 50.5 42 50.5 42 42 46 42 46 38 58.5 38 58.5 42 63 42 63 54.5 58.5 54.5 58.5 58.5 54.5 58.5 54.5 63 50.5 63 50.5 54.5 54.5 54.5 54.5 50 58.5 50 58.5 46.5 54 46.5 54 42.5 50.5 42.5 50.5 46.5 46.5 46.5"></polygon>
|
||||
<polygon id="Path" fill-opacity="0.8" fill="#FF2F93" fill-rule="nonzero" points="50.5 71.5 50.5 67 54.5 67 54.5 71.5"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
31
src/components/Careers/InterviewProcess/images/offer.svg
Normal file
31
src/components/Careers/InterviewProcess/images/offer.svg
Normal file
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="79px" height="82px" viewBox="0 0 79 82" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 62 (91390) - https://sketch.com -->
|
||||
<title>offer</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<path d="M31.5377,1.0887 C30.2212,0.8891 28.8731,0.7856 27.5008,0.7856 C12.7464,0.7856 0.7856,12.7464 0.7856,27.5008 C0.7856,28.8731 0.8891,30.2212 1.0887,31.5377 L31.5377,1.0887 Z M2.607,37.2158 C3.5629,39.6635 4.8694,41.9356 6.4648,43.9704 L43.9704,6.4648 C41.9356,4.8694 39.6635,3.5629 37.2158,2.607 L2.607,37.2158 Z M21.4926,53.5377 C19.3059,53.0352 17.2218,52.2643 15.2766,51.2615 L51.2615,15.2766 C52.2643,17.2218 53.0352,19.3059 53.5377,21.4926 L21.4926,53.5377 Z M26.2929,54.1892 C26.6933,54.207 27.096,54.216 27.5008,54.216 C42.2552,54.216 54.216,42.2552 54.216,27.5008 C54.216,27.096 54.207,26.6933 54.1892,26.2929 L26.2929,54.1892 Z" id="path-1"></path>
|
||||
</defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="offer" transform="translate(-15.000000, -15.000000)">
|
||||
<g id="Group">
|
||||
<rect id="Rectangle" fill-rule="nonzero" x="0" y="0" width="108.132" height="108.132" rx="9.40278"></rect>
|
||||
<rect id="Rectangle" x="1.5" y="1.5" width="105.132" height="105.132" rx="7.90278"></rect>
|
||||
</g>
|
||||
<circle id="Oval" fill-opacity="0.4" fill="#F7A501" fill-rule="nonzero" cx="53.5" cy="53.5" r="33.5"></circle>
|
||||
<circle id="Oval" stroke-opacity="0.4" stroke="#F7A501" stroke-width="2.57692" cx="53.5" cy="53.5" r="32.2115"></circle>
|
||||
<circle id="Oval" fill-opacity="0.4" fill="#F7A501" fill-rule="nonzero" cx="53.5008" cy="53.5008" r="26.7152"></circle>
|
||||
<circle id="Oval" stroke-opacity="0.4" stroke="#F7A501" stroke-width="2.05501" cx="53.5008" cy="53.5008" r="25.6877"></circle>
|
||||
<path d="M57.5377,27.0887 C56.2212,26.8891 54.8731,26.7856 53.5008,26.7856 C38.7464,26.7856 26.7856,38.7464 26.7856,53.5008 C26.7856,54.8731 26.8891,56.2212 27.0887,57.5377 L57.5377,27.0887 Z M28.607,63.2158 C29.5629,65.6635 30.8694,67.9356 32.4648,69.9704 L69.9704,32.4648 C67.9356,30.8694 65.6635,29.5629 63.2158,28.607 L28.607,63.2158 Z M47.4926,79.5377 C45.3059,79.0352 43.2218,78.2643 41.2766,77.2615 L77.2615,41.2766 C78.2643,43.2218 79.0352,45.3059 79.5377,47.4926 L47.4926,79.5377 Z M52.2929,80.1892 C52.6933,80.207 53.096,80.216 53.5008,80.216 C68.2552,80.216 80.216,68.2552 80.216,53.5008 C80.216,53.096 80.207,52.6933 80.1892,52.2929 L52.2929,80.1892 Z" id="Shape" fill-opacity="0.4" fill="#F7A501"></path>
|
||||
<g id="Clipped" transform="translate(26.000000, 26.000000)">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<g id="Shape"></g>
|
||||
<path d="M31.5377,1.0887 L32.9909,2.5418 L35.8664,-0.3337 L31.8457,-0.9431 L31.5377,1.0887 Z M1.0887,31.5377 L-0.9431,31.8457 L-0.3337,35.8664 L2.5418,32.9909 L1.0887,31.5377 Z M6.4648,43.9704 L4.8475,45.2383 L6.2782,47.0632 L7.9179,45.4235 L6.4648,43.9704 Z M2.607,37.2158 L1.1539,35.7627 L0.2042,36.7124 L0.6928,37.9634 L2.607,37.2158 Z M43.9704,6.4648 L45.4235,7.9179 L47.0632,6.2782 L45.2383,4.8475 L43.9704,6.4648 Z M37.2158,2.607 L37.9634,0.6928 L36.7124,0.2042 L35.7627,1.1539 L37.2158,2.607 Z M15.2766,51.2615 L13.8235,49.8084 L11.8334,51.7985 L14.335,53.0881 L15.2766,51.2615 Z M21.4926,53.5377 L21.0323,55.5405 L22.1412,55.7953 L22.9457,54.9908 L21.4926,53.5377 Z M51.2615,15.2766 L53.0881,14.335 L51.7985,11.8334 L49.8084,13.8235 L51.2615,15.2766 Z M53.5377,21.4926 L54.9908,22.9457 L55.7953,22.1412 L55.5405,21.0323 L53.5377,21.4926 Z M26.2929,54.1892 L24.8397,52.7361 L21.541,56.0348 L26.2015,56.2422 L26.2929,54.1892 Z M54.1892,26.2929 L56.2422,26.2015 L56.0348,21.541 L52.7361,24.8398 L54.1892,26.2929 Z M27.5008,2.8407 C28.7697,2.8407 30.0148,2.9363 31.2298,3.1205 L31.8457,-0.9431 C30.4276,-1.1581 28.9765,-1.2694 27.5008,-1.2694 L27.5008,2.8407 Z M2.8407,27.5008 C2.8407,13.8814 13.8814,2.8407 27.5008,2.8407 L27.5008,-1.2694 C11.6115,-1.2694 -1.2694,11.6115 -1.2694,27.5008 L2.8407,27.5008 Z M3.1205,31.2298 C2.9363,30.0148 2.8407,28.7697 2.8407,27.5008 L-1.2694,27.5008 C-1.2694,28.9765 -1.1581,30.4276 -0.9431,31.8457 L3.1205,31.2298 Z M30.0846,-0.3645 L-0.3645,30.0846 L2.5418,32.9909 L32.9909,2.5418 L30.0846,-0.3645 Z M8.082,42.7025 C6.6087,40.8234 5.403,38.7262 4.5212,36.4682 L0.6928,37.9634 C1.7228,40.6007 3.1301,43.0478 4.8475,45.2383 L8.082,42.7025 Z M42.5173,5.0116 L5.0116,42.5173 L7.9179,45.4235 L45.4235,7.9179 L42.5173,5.0116 Z M36.4682,4.5212 C38.7262,5.403 40.8234,6.6087 42.7025,8.082 L45.2383,4.8475 C43.0478,3.1301 40.6007,1.7228 37.9634,0.6928 L36.4682,4.5212 Z M4.0601,38.6689 L38.6689,4.0601 L35.7627,1.1539 L1.1539,35.7627 L4.0601,38.6689 Z M14.335,53.0881 C16.4304,54.1683 18.6761,54.999 21.0323,55.5405 L21.9529,51.5349 C19.9358,51.0713 18.0132,50.3602 16.2183,49.4349 L14.335,53.0881 Z M49.8084,13.8235 L13.8235,49.8084 L16.7297,52.7146 L52.7146,16.7297 L49.8084,13.8235 Z M55.5405,21.0323 C54.999,18.6761 54.1683,16.4304 53.0881,14.335 L49.4349,16.2183 C50.3602,18.0132 51.0713,19.9358 51.5349,21.9529 L55.5405,21.0323 Z M22.9457,54.9908 L54.9908,22.9457 L52.0846,20.0395 L20.0395,52.0846 L22.9457,54.9908 Z M26.2015,56.2422 C26.6323,56.2614 27.0655,56.271 27.5008,56.271 L27.5008,52.161 C27.1265,52.161 26.7542,52.1527 26.3842,52.1362 L26.2015,56.2422 Z M27.5008,56.271 C43.3902,56.271 56.271,43.3902 56.271,27.5008 L52.161,27.5008 C52.161,41.1203 41.1203,52.161 27.5008,52.161 L27.5008,56.271 Z M56.271,27.5008 C56.271,27.0655 56.2614,26.6323 56.2422,26.2015 L52.1362,26.3842 C52.1527,26.7542 52.161,27.1265 52.161,27.5008 L56.271,27.5008 Z M52.7361,24.8398 L24.8397,52.7361 L27.746,55.6423 L55.6423,27.746 L52.7361,24.8398 Z" id="Shape" fill-opacity="0.4" fill="#F7A501" fill-rule="nonzero" mask="url(#mask-2)"></path>
|
||||
</g>
|
||||
<polygon id="Path" fill-opacity="0.4" fill="#F7A501" fill-rule="nonzero" points="85.5 15 87.7958 21.2042 94 23.5 87.7958 25.7958 85.5 32 83.2042 25.7958 77 23.5 83.2042 21.2042"></polygon>
|
||||
<polygon id="Path" fill-opacity="0.4" fill="#F7A501" fill-rule="nonzero" points="23.5 80 25.7958 86.2042 32 88.5 25.7958 90.7958 23.5 97 21.2042 90.7958 15 88.5 21.2042 86.2042"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.3 KiB |
29
src/components/Careers/InterviewProcess/images/superday.svg
Normal file
29
src/components/Careers/InterviewProcess/images/superday.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.8 KiB |
@@ -0,0 +1,30 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="108px" height="82px" viewBox="0 0 108 82" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 62 (91390) - https://sketch.com -->
|
||||
<title>technical-interview</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="technical-interview" transform="translate(0.000000, -13.000000)">
|
||||
<g id="Group">
|
||||
<rect id="Rectangle" fill-rule="nonzero" x="0" y="0" width="108.132" height="108.132" rx="9.40278"></rect>
|
||||
<rect id="Rectangle" x="1.5" y="1.5" width="105.132" height="105.132" rx="7.90278"></rect>
|
||||
</g>
|
||||
<path d="M0,13 L67,13 C69.7614,13 72,15.2386 72,18 L72,28 C72,30.7614 69.7614,33 67,33 L0,33 L0,13 Z" id="Path" fill-opacity="0.4" fill="#FB4F0D" fill-rule="nonzero"></path>
|
||||
<path d="M1.5,14.5 L67,14.5 C68.933,14.5 70.5,16.067 70.5,18 L70.5,28 C70.5,29.933 68.933,31.5 67,31.5 L1.5,31.5 L1.5,14.5 Z" id="Path" stroke-opacity="0.4" stroke="#FB4F0D" stroke-width="3"></path>
|
||||
<path d="M108,75 L41,75 C38.2386,75 36,77.2386 36,80 L36,90 C36,92.7614 38.2386,95 41,95 L108,95 L108,75 Z" id="Path" fill-opacity="0.4" fill="#FB4F0D" fill-rule="nonzero"></path>
|
||||
<path d="M106.5,76.5 L41,76.5 C39.067,76.5 37.5,78.067 37.5,80 L37.5,90 C37.5,91.933 39.067,93.5 41,93.5 L106.5,93.5 L106.5,76.5 Z" id="Path" stroke-opacity="0.4" stroke="#FB4F0D" stroke-width="3"></path>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" x="57.582" y="23" width="2.4898" height="61" rx="1.2449"></rect>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" x="47" y="23" width="2.4898" height="61" rx="1.2449"></rect>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" transform="translate(53.536600, 29.224600) rotate(90.000000) translate(-53.536600, -29.224600) " x="52.2917" y="23.9338" width="2.4898" height="10.5816"></rect>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" transform="translate(53.536600, 34.826700) rotate(90.000000) translate(-53.536600, -34.826700) " x="52.2917" y="29.5359" width="2.4898" height="10.5816"></rect>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" transform="translate(53.536600, 40.428700) rotate(90.000000) translate(-53.536600, -40.428700) " x="52.2917" y="35.1379" width="2.4898" height="10.5816"></rect>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" transform="translate(53.536600, 46.030800) rotate(90.000000) translate(-53.536600, -46.030800) " x="52.2917" y="40.74" width="2.4898" height="10.5816"></rect>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" transform="translate(53.536600, 51.632800) rotate(90.000000) translate(-53.536600, -51.632800) " x="52.2917" y="46.342" width="2.4898" height="10.5816"></rect>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" transform="translate(53.536600, 57.234900) rotate(90.000000) translate(-53.536600, -57.234900) " x="52.2917" y="51.9441" width="2.4898" height="10.5816"></rect>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" transform="translate(53.536600, 62.836900) rotate(90.000000) translate(-53.536600, -62.836900) " x="52.2917" y="57.5461" width="2.4898" height="10.5816"></rect>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" transform="translate(53.536600, 68.439000) rotate(90.000000) translate(-53.536600, -68.439000) " x="52.2917" y="63.1482" width="2.4898" height="10.5816"></rect>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" transform="translate(53.536600, 74.041000) rotate(90.000000) translate(-53.536600, -74.041000) " x="52.2917" y="68.7502" width="2.4898" height="10.5816"></rect>
|
||||
<rect id="Rectangle" fill-opacity="0.9" fill="#FB4F0D" fill-rule="nonzero" transform="translate(53.536600, 79.643100) rotate(90.000000) translate(-53.536600, -79.643100) " x="52.2917" y="74.3523" width="2.4898" height="10.5816"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
106
src/components/Careers/InterviewProcess/index.tsx
Normal file
106
src/components/Careers/InterviewProcess/index.tsx
Normal file
@@ -0,0 +1,106 @@
|
||||
import React from 'react'
|
||||
|
||||
import { Structure } from '../../Structure'
|
||||
import { mergeClassList } from '../../../lib/utils'
|
||||
import applicationImg from './images/application.svg'
|
||||
import cultureInterviewImg from './images/culture-interview.svg'
|
||||
import technicalInterviewImg from './images/technical-interview.svg'
|
||||
import superdayImg from './images/superday.svg'
|
||||
import offerImg from './images/offer.svg'
|
||||
|
||||
interface InterviewStepProps {
|
||||
image: string
|
||||
title: string
|
||||
children: any
|
||||
titleColor: string
|
||||
className?: string
|
||||
}
|
||||
|
||||
const InterviewStep = ({ image, title, children, titleColor, className = '' }: InterviewStepProps) => {
|
||||
const classList = mergeClassList(
|
||||
'flex flex-col md:flex-row w-full justify-between md:items-center text-center md:text-left',
|
||||
className
|
||||
)
|
||||
|
||||
return (
|
||||
<div className={classList}>
|
||||
<div className="flex-shrink-0 mx-auto md:mr-8 flex justify-center items-center w-auto bg-gray-100 bg-opacity-10 rounded border-3 border-white border-opacity-30 border-solid">
|
||||
<img src={image} alt={title} className="max-w-full block mb-0 h-24 w-24 p-4" />
|
||||
</div>
|
||||
<div className="flex-grow">
|
||||
<h4 className="mb-0 font-sans font-normal text-lg mt-4 md:mt-0" style={{ color: titleColor }}>
|
||||
{title}
|
||||
</h4>
|
||||
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export const InterviewProcess = () => {
|
||||
return (
|
||||
<div className="careers-interview-process pt-24 text-white text-center" id="interview-process">
|
||||
<Structure.Section width="3xl">
|
||||
<Structure.SectionHeader
|
||||
title="Interview process"
|
||||
titleTag="h2"
|
||||
leadText="You can expect a fast, yet thorough process. While it differs by role, we usually follow a structure of the following stages:"
|
||||
leadTextClassName="opacity-80"
|
||||
/>
|
||||
|
||||
<div className="w-full bg-black bg-opacity-20 rounded-lg p-4 md:p-8 lg:p-12 text-left">
|
||||
<InterviewStep title="1. Application" titleColor="#E83DEC" image={applicationImg}>
|
||||
<p className="mb-0">
|
||||
Our talent team will review your application to see how your skills and experience align
|
||||
with our needs.
|
||||
</p>
|
||||
</InterviewStep>
|
||||
|
||||
<InterviewStep
|
||||
title="2. Culture interview"
|
||||
titleColor="#FF2F93"
|
||||
image={cultureInterviewImg}
|
||||
className="mt-12"
|
||||
>
|
||||
<p>If we think there could be a fit, we’ll set up a 30-minute video call.</p>
|
||||
<p className="mb-0">
|
||||
Our goal is to explore your motivations to join our team, learn why you’d be a great fit,
|
||||
and answer questions about us.
|
||||
</p>
|
||||
</InterviewStep>
|
||||
|
||||
<InterviewStep
|
||||
title="3. Technical interview"
|
||||
titleColor="#E74B12"
|
||||
image={technicalInterviewImg}
|
||||
className="mt-12"
|
||||
>
|
||||
<p className="mb-0">
|
||||
Next is a 45-minute technical interview, depending on role. You'll meet the hiring team who
|
||||
will evaluate skills needed to be successful in your role.
|
||||
</p>
|
||||
</InterviewStep>
|
||||
|
||||
<InterviewStep
|
||||
title="4. PostHog SuperDay"
|
||||
titleColor="#B25F20"
|
||||
image={superdayImg}
|
||||
className="mt-12"
|
||||
>
|
||||
<p className="mb-0">
|
||||
The final stage is a paid SuperDay! You’ll join standup, meet the team, and work on a task
|
||||
related to your role, offering a realistic view of what it’s like working at PostHog.
|
||||
</p>
|
||||
</InterviewStep>
|
||||
|
||||
<InterviewStep title="5. Offer" titleColor="#F7A501" image={offerImg} className="mt-12">
|
||||
<p className="mb-0">
|
||||
That’s it! If everyone’s happy, we’ll make you an offer to join us - YAY!
|
||||
</p>
|
||||
</InterviewStep>
|
||||
</div>
|
||||
</Structure.Section>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
47
src/components/Careers/OpenRoles/index.tsx
Normal file
47
src/components/Careers/OpenRoles/index.tsx
Normal file
@@ -0,0 +1,47 @@
|
||||
import React, { useEffect } from 'react'
|
||||
import { Structure } from '../../Structure'
|
||||
|
||||
interface WorkableWindow extends Window {
|
||||
whr_embed: (id: number, options: Record<string, string>) => void
|
||||
whr: (document: Document) => any
|
||||
}
|
||||
|
||||
declare const window: WorkableWindow
|
||||
|
||||
export const OpenRoles = () => {
|
||||
useEffect(() => {
|
||||
if (window && window.whr) {
|
||||
window.whr(document).ready(function () {
|
||||
window.whr_embed(456332, { detail: 'titles', base: 'jobs', zoom: 'country', grouping: 'none' })
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
return (
|
||||
<div className="careers-open-roles pt-24 text-white text-center" id="open-roles">
|
||||
<Structure.Section width="5xl" className="bg-black bg-opacity-20 rounded-lg p-6 md:p-12 lg:py-24 lg:px-12">
|
||||
<Structure.SectionHeader
|
||||
title="Open roles"
|
||||
titleTag="h2"
|
||||
leadText="Our team is proactively looking for the following:"
|
||||
leadTextClassName="opacity-80"
|
||||
/>
|
||||
|
||||
<div id="whr_embed_hook"></div>
|
||||
<div className="clear-both"></div>
|
||||
|
||||
<div className="mt-12 max-w-xl mx-auto text-gray-100 text-opacity-90 text-left">
|
||||
<p>
|
||||
We take exceptional people when they come along - and we really mean that! Don’t see a specific
|
||||
role listed? That doesn't mean we won't have a spot for you.
|
||||
</p>
|
||||
<p className="mt-2">
|
||||
We take applications seriously - you won't just end up in a candidate database. We make quick
|
||||
decisions, and if the timing isn’t quite right, we’ll do our best to provide insight into a
|
||||
better time to apply.
|
||||
</p>
|
||||
</div>
|
||||
</Structure.Section>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
45
src/components/Careers/WhyWereHere/index.tsx
Normal file
45
src/components/Careers/WhyWereHere/index.tsx
Normal file
@@ -0,0 +1,45 @@
|
||||
import React from 'react'
|
||||
import { Structure } from '../../Structure'
|
||||
import newWayImg from '../../LandingPage/images/platform-new-way.svg'
|
||||
|
||||
export const WhyWereHere = () => {
|
||||
return (
|
||||
<div className="careers-why-were-here pt-12" id="why-were-here">
|
||||
<div className="mt-12 text-left">
|
||||
<Structure.Section width="2xl" className="text-base">
|
||||
<h2 className="text-center text-white">Why we’re here</h2>
|
||||
<p className=" mt-1 text-left text-white text-lg">
|
||||
We’re a small (but growing) team building an open source platform that empowers customers to
|
||||
create successful products.
|
||||
</p>
|
||||
|
||||
<img src={newWayImg} className="float-right ml-8 mt-8 mb-8 w-1/2" />
|
||||
<div className="text-opacity-80 text-gray-100">
|
||||
<p>
|
||||
Until now, tools for building products have been fragmented. Product analytics, heatmaps,
|
||||
session recording and A/B testing all provide immense value, but existing tools weren’t
|
||||
natively built to work together.
|
||||
</p>
|
||||
<p>
|
||||
PostHog is different by offering these tools (and more) in a single platform that you can
|
||||
host yourself.
|
||||
</p>
|
||||
<p>
|
||||
We started PostHog as part of Y Combinator's W20 cohort and had the most successful B2B
|
||||
software launch on HackerNews since 2012 - with a product that was just 4 weeks old.
|
||||
</p>
|
||||
<p>
|
||||
We're proudly backed by some of the world's top investors and believe in product-led growth,
|
||||
where we build something awesome and let our product bring the users, rather than an
|
||||
outbound sales team and regular cold calls.
|
||||
</p>
|
||||
<p className="mb-0">
|
||||
What does this mean for you? We have a lot of capital, but we're a lean, strong team - so
|
||||
you've got the opportunity to have a huge impact.
|
||||
</p>
|
||||
</div>
|
||||
</Structure.Section>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
BIN
src/components/Careers/WorkingAtPostHog/images/charles.png
Normal file
BIN
src/components/Careers/WorkingAtPostHog/images/charles.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
src/components/Careers/WorkingAtPostHog/images/eltje.png
Normal file
BIN
src/components/Careers/WorkingAtPostHog/images/eltje.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
BIN
src/components/Careers/WorkingAtPostHog/images/eric.png
Normal file
BIN
src/components/Careers/WorkingAtPostHog/images/eric.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
src/components/Careers/WorkingAtPostHog/images/kunal.png
Normal file
BIN
src/components/Careers/WorkingAtPostHog/images/kunal.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
97
src/components/Careers/WorkingAtPostHog/index.tsx
Normal file
97
src/components/Careers/WorkingAtPostHog/index.tsx
Normal file
@@ -0,0 +1,97 @@
|
||||
import React from 'react'
|
||||
import { Structure } from '../../Structure'
|
||||
import { mergeClassList } from '../../../lib/utils'
|
||||
|
||||
import eltjeImg from './images/eltje.png'
|
||||
import charlesImg from './images/charles.png'
|
||||
import kunalImg from './images/kunal.png'
|
||||
import ericImg from './images/eric.png'
|
||||
|
||||
interface QuoteProps {
|
||||
image: string
|
||||
position: string
|
||||
name: string
|
||||
details: string
|
||||
className?: string
|
||||
}
|
||||
|
||||
const Quote = ({ image, name, position, details, className = '' }: QuoteProps) => {
|
||||
const classList = mergeClassList('w-full text-center mt-12 lg:mt-0', className)
|
||||
|
||||
return (
|
||||
<div className={classList}>
|
||||
<img src={image} className="max-w-full w-36 h-auto mx-auto" alt={name} />
|
||||
|
||||
<header className="text-white text-lg mt-4">{name}</header>
|
||||
<span className="text-white text-opacity-40 block mt-1">{position}</span>
|
||||
<p className="mt-1 max-w-lg mx-auto">{details}</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export const WorkingAtPostHog = () => {
|
||||
return (
|
||||
<div className="careers-working-at-posthog pt-24 text-white text-center" id="working-at-posthog">
|
||||
<Structure.Section width="5xl">
|
||||
<Structure.SectionHeader
|
||||
title="Working at PostHog"
|
||||
titleTag="h2"
|
||||
leadText="Real, honest opinions from really honest people"
|
||||
leadTextClassName="opacity-80"
|
||||
/>
|
||||
|
||||
<div className="flex flex-col lg:flex-row items-center space-between mt-12">
|
||||
<div className="w-full lg:w-1/3 lg:mr-6">
|
||||
<Quote
|
||||
image={charlesImg}
|
||||
name="Charles Cook"
|
||||
position="Business Operations"
|
||||
details="I hate how much I enjoy working at PostHog. It has ruined all other companies for me. Thanks a lot."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="w-full lg:w-1/3 lg:mx-6">
|
||||
<Quote
|
||||
image={eltjeImg}
|
||||
name="Eltje Lange"
|
||||
position="People and Talent"
|
||||
details="I love PostHog’s level of autonomy and transparency. We have a lot of freedom and trust in the team, but we also hold each other accountable and don’t shy away from giving (and receiving) a lot of feedback. Plus the team helped me to pick up some basic coding skills, which is amazing!"
|
||||
/>
|
||||
|
||||
<Quote
|
||||
image={ericImg}
|
||||
name="Eric Duong"
|
||||
position="Software Engineer"
|
||||
details="Working at PostHog feels like successfully having a lot of cooks in the kitchen. (People might not believe this or find it alarming, so proceed with caution!)"
|
||||
className="lg:mt-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="w-full lg:w-1/3 lg:ml-6">
|
||||
<Quote
|
||||
image={kunalImg}
|
||||
name="Kunal Pathak"
|
||||
position="Growth Engineer"
|
||||
details="It's a lot of fun and a unique experience to get to work with people from all over the world around a unified goal."
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-24 max-w-2xl mx-auto">
|
||||
<header className="text-white text-lg">
|
||||
Watch a day in the life of our graphic designer, Lottie!
|
||||
</header>
|
||||
<div className="mt-8 h-0 pb-fluid-video relative">
|
||||
<iframe
|
||||
src="https://www.youtube.com/embed/xlODCLrZyvM"
|
||||
className="absolute top-0 left-0 w-full h-full rounded-lg"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowFullScreen=""
|
||||
frameBorder="0"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</Structure.Section>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
BIN
src/components/Careers/images/stars.png
Normal file
BIN
src/components/Careers/images/stars.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
src/components/Careers/images/stars@2x.png
Normal file
BIN
src/components/Careers/images/stars@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
45
src/components/Careers/styles/index.scss
Normal file
45
src/components/Careers/styles/index.scss
Normal file
@@ -0,0 +1,45 @@
|
||||
@mixin star-background($gradient, $bg-position: center) {
|
||||
background: url(../images/stars.png), $gradient;
|
||||
background-position: $bg-position;
|
||||
|
||||
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
background: url(../images/stars@2x.png), $gradient;
|
||||
background-size: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.careers-anchor-navbar {
|
||||
@include star-background(linear-gradient(180deg, #070822 0%, #070822 100%), left);
|
||||
}
|
||||
|
||||
.careers-hero {
|
||||
@include star-background(linear-gradient(180deg, #03061f 0%, #070822 100%));
|
||||
}
|
||||
|
||||
.careers-why-were-here {
|
||||
@include star-background(linear-gradient(180deg, #070822 0%, #0d0928 100%), right);
|
||||
}
|
||||
|
||||
.careers-culture {
|
||||
@include star-background(linear-gradient(180deg, #0d0928 0%, #150b30 100%));
|
||||
}
|
||||
|
||||
.careers-interview-process {
|
||||
@include star-background(linear-gradient(180deg, #150b30 0%, #1c0c36 100%), left);
|
||||
}
|
||||
|
||||
.careers-benefits {
|
||||
@include star-background(linear-gradient(180deg, #1c0c36 0%, #21103d 100%));
|
||||
}
|
||||
|
||||
.careers-working-at-posthog {
|
||||
@include star-background(linear-gradient(180deg, #21103d 0%, #241b4b 100%), right);
|
||||
}
|
||||
|
||||
.careers-open-roles {
|
||||
@include star-background(linear-gradient(180deg, #241b4b 0%, #262354 100%));
|
||||
}
|
||||
|
||||
.careers-footer {
|
||||
@include star-background(linear-gradient(180deg, #262354 0%, #282b5f 100%), left);
|
||||
}
|
||||
@@ -1,130 +1,130 @@
|
||||
export const emojiKey: Record<string, any> = {
|
||||
a11y: {
|
||||
a11y: {
|
||||
symbol: '️️️️♿️',
|
||||
description: 'Accessibility',
|
||||
},
|
||||
audio: {
|
||||
},
|
||||
audio: {
|
||||
symbol: '🔊',
|
||||
description: 'Audio',
|
||||
},
|
||||
blog: {
|
||||
},
|
||||
blog: {
|
||||
symbol: '📝',
|
||||
description: 'Blogposts',
|
||||
},
|
||||
bug: {
|
||||
},
|
||||
bug: {
|
||||
symbol: '🐛',
|
||||
description: 'Bug reports'
|
||||
},
|
||||
business: {
|
||||
description: 'Bug reports',
|
||||
},
|
||||
business: {
|
||||
symbol: '💼',
|
||||
description: 'Business development',
|
||||
},
|
||||
code: {
|
||||
},
|
||||
code: {
|
||||
symbol: '💻',
|
||||
description: 'Code',
|
||||
},
|
||||
content: {
|
||||
},
|
||||
content: {
|
||||
symbol: '🖋',
|
||||
description: 'Content',
|
||||
},
|
||||
data: {
|
||||
},
|
||||
data: {
|
||||
symbol: '🔣',
|
||||
description: 'Data',
|
||||
},
|
||||
design: {
|
||||
},
|
||||
design: {
|
||||
symbol: '🎨',
|
||||
description: 'Design',
|
||||
},
|
||||
doc: {
|
||||
},
|
||||
doc: {
|
||||
symbol: '📖',
|
||||
description: 'Documentation',
|
||||
},
|
||||
eventOrganizing: {
|
||||
},
|
||||
eventOrganizing: {
|
||||
symbol: '📋',
|
||||
description: 'Event Organizing',
|
||||
},
|
||||
example: {
|
||||
},
|
||||
example: {
|
||||
symbol: '💡',
|
||||
description: 'Examples',
|
||||
},
|
||||
financial: {
|
||||
},
|
||||
financial: {
|
||||
symbol: '💵',
|
||||
description: 'Financial',
|
||||
},
|
||||
fundingFinding: {
|
||||
},
|
||||
fundingFinding: {
|
||||
symbol: '🔍',
|
||||
description: 'Funding Finding',
|
||||
},
|
||||
ideas: {
|
||||
},
|
||||
ideas: {
|
||||
symbol: '🤔',
|
||||
description: 'Ideas, Planning, & Feedback',
|
||||
},
|
||||
infra: {
|
||||
},
|
||||
infra: {
|
||||
symbol: '🚇',
|
||||
description: 'Infrastructure (Hosting, Build-Tools, etc)',
|
||||
},
|
||||
maintenance: {
|
||||
},
|
||||
maintenance: {
|
||||
symbol: '🚧',
|
||||
description: 'Maintenance',
|
||||
},
|
||||
mentoring: {
|
||||
},
|
||||
mentoring: {
|
||||
symbol: '🧑🏫',
|
||||
description: 'Mentoring',
|
||||
},
|
||||
platform: {
|
||||
},
|
||||
platform: {
|
||||
symbol: '📦',
|
||||
description: 'Packaging/porting to new platform',
|
||||
},
|
||||
plugin: {
|
||||
},
|
||||
plugin: {
|
||||
symbol: '🔌',
|
||||
description: 'Plugins',
|
||||
},
|
||||
projectManagement: {
|
||||
},
|
||||
projectManagement: {
|
||||
symbol: '📆',
|
||||
description: 'Project Management',
|
||||
},
|
||||
question: {
|
||||
},
|
||||
question: {
|
||||
symbol: '💬',
|
||||
description: 'Answering Questions',
|
||||
},
|
||||
research: {
|
||||
},
|
||||
research: {
|
||||
symbol: '🔬',
|
||||
description: 'Research',
|
||||
},
|
||||
review: {
|
||||
},
|
||||
review: {
|
||||
symbol: '👀',
|
||||
description: 'Reviewed Pull Requests',
|
||||
},
|
||||
security: {
|
||||
},
|
||||
security: {
|
||||
symbol: '🛡️',
|
||||
description: 'Security',
|
||||
},
|
||||
talk: {
|
||||
},
|
||||
talk: {
|
||||
symbol: '📢',
|
||||
description: 'Talks',
|
||||
},
|
||||
test: {
|
||||
},
|
||||
test: {
|
||||
symbol: '⚠️',
|
||||
description: 'Tests',
|
||||
},
|
||||
tool: {
|
||||
},
|
||||
tool: {
|
||||
symbol: '🔧',
|
||||
description: 'Tools',
|
||||
},
|
||||
translation: {
|
||||
},
|
||||
translation: {
|
||||
symbol: '🌍',
|
||||
description: 'Translation',
|
||||
},
|
||||
tutorial: {
|
||||
},
|
||||
tutorial: {
|
||||
symbol: '✅',
|
||||
description: 'Tutorials',
|
||||
},
|
||||
userTesting: {
|
||||
},
|
||||
userTesting: {
|
||||
symbol: '📓',
|
||||
description: 'User Testing',
|
||||
},
|
||||
video: {
|
||||
},
|
||||
video: {
|
||||
symbol: '📹',
|
||||
description: 'Videos',
|
||||
},
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
@@ -51,10 +51,18 @@ const FooterCategory = ({ children, title }: { children: any; title: string }) =
|
||||
)
|
||||
}
|
||||
|
||||
export const Footer = ({ onPostPage, showNewsletter = false }: { onPostPage: boolean; showNewsletter?: boolean }) => {
|
||||
export const Footer = ({
|
||||
onPostPage,
|
||||
showNewsletter = false,
|
||||
backgroundClass = '',
|
||||
}: {
|
||||
onPostPage: boolean
|
||||
showNewsletter?: boolean
|
||||
backgroundClass?: string
|
||||
}) => {
|
||||
const newsletterSignup = showNewsletter ? <NewsletterForm /> : null
|
||||
const { websiteTheme } = useValues(layoutLogic)
|
||||
const bgClass = onPostPage && websiteTheme === 'dark' ? 'bg-darkmode-purple' : 'bg-footer'
|
||||
const bgClass = backgroundClass || (onPostPage && websiteTheme === 'dark' ? 'bg-darkmode-purple' : 'bg-footer')
|
||||
|
||||
return (
|
||||
<div className={`${bgClass} site-footer py-24 relative`}>
|
||||
|
||||
@@ -52,7 +52,13 @@ const PrimaryCta = ({ children, className = '' }: { children: any; className?: s
|
||||
)
|
||||
}
|
||||
|
||||
export const Header = ({ onPostPage }: { onPostPage: boolean }) => {
|
||||
export const Header = ({
|
||||
onPostPage,
|
||||
transparentBackground = false,
|
||||
}: {
|
||||
onPostPage: boolean
|
||||
transparentBackground?: boolean
|
||||
}) => {
|
||||
const [expanded, expandMenu] = useState(false)
|
||||
const { websiteTheme } = useValues(layoutLogic)
|
||||
|
||||
@@ -63,7 +69,11 @@ export const Header = ({ onPostPage }: { onPostPage: boolean }) => {
|
||||
const layoutWidth = onPostPage ? 'w-full px-4' : 'w-11/12 mx-auto'
|
||||
|
||||
return (
|
||||
<div className={`primary-navbar py-6 ${backgroundColor} relative z-20`}>
|
||||
<div
|
||||
className={`primary-navbar py-6 ${
|
||||
transparentBackground ? 'bg-transparent' : backgroundColor
|
||||
} relative z-20`}
|
||||
>
|
||||
<div className={`${layoutWidth} flex justify-between items-center`}>
|
||||
<Link id="logo" to="/" className="block">
|
||||
<img alt="logo" src={logo} />
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
background-position: center center;
|
||||
background-repeat: repeat-x;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
|
||||
&:before {
|
||||
background: url(../images/rocket.svg);
|
||||
|
||||
@@ -1378,10 +1378,6 @@ table td {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.card-elevated {
|
||||
@@ -1591,10 +1587,6 @@ div::-webkit-scrollbar-thumb:hover {
|
||||
}
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contributor-card-tooltip {
|
||||
.ant-tooltip-inner {
|
||||
background-color: #0f041f;
|
||||
|
||||
@@ -62,9 +62,7 @@ const Layout = ({
|
||||
|
||||
return (
|
||||
<>
|
||||
<Header
|
||||
onPostPage={onPostPage}
|
||||
/>
|
||||
<Header onPostPage={onPostPage} />
|
||||
<AntdLayout id="antd-main-layout-wrapper" hasSider>
|
||||
{onPostPage && !sidebarHide && !isBlogArticlePage && (
|
||||
<AntdLayout.Sider
|
||||
|
||||
17
src/components/Structure/Section.tsx
Normal file
17
src/components/Structure/Section.tsx
Normal file
@@ -0,0 +1,17 @@
|
||||
import React from 'react'
|
||||
import { mergeClassList } from '../../lib/utils'
|
||||
|
||||
export const Section = ({
|
||||
className = '',
|
||||
width = '4xl',
|
||||
children = null,
|
||||
}: {
|
||||
className?: string
|
||||
width?: string
|
||||
children?: any
|
||||
}) => {
|
||||
const baseClasses = `w-11/12 max-w-${width} mx-auto`
|
||||
const classList = mergeClassList(baseClasses, className)
|
||||
|
||||
return <div className={classList}>{children}</div>
|
||||
}
|
||||
28
src/components/Structure/SectionHeader.tsx
Normal file
28
src/components/Structure/SectionHeader.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
import { mergeClassList } from 'lib/utils'
|
||||
import React from 'react'
|
||||
|
||||
interface SectionHeaderProps {
|
||||
titleTag: string
|
||||
title: string
|
||||
leadText: string
|
||||
titleClassName?: string
|
||||
leadTextClassName?: string
|
||||
}
|
||||
|
||||
export const SectionHeader = ({
|
||||
titleTag,
|
||||
title,
|
||||
leadText,
|
||||
titleClassName = '',
|
||||
leadTextClassName = '',
|
||||
}: SectionHeaderProps) => {
|
||||
const Header = titleTag as keyof JSX.IntrinsicElements
|
||||
const leadTextClassList = mergeClassList('mt-1 text-center max-w-2xl mx-auto', leadTextClassName)
|
||||
|
||||
return (
|
||||
<>
|
||||
<Header className={titleClassName}>{title}</Header>
|
||||
<p className={leadTextClassList}>{leadText}</p>
|
||||
</>
|
||||
)
|
||||
}
|
||||
7
src/components/Structure/index.tsx
Normal file
7
src/components/Structure/index.tsx
Normal file
@@ -0,0 +1,7 @@
|
||||
import { Section } from './Section'
|
||||
import { SectionHeader } from './SectionHeader'
|
||||
|
||||
export const Structure = {
|
||||
Section: Section,
|
||||
SectionHeader: SectionHeader,
|
||||
}
|
||||
@@ -8,6 +8,7 @@ export default function HTML(props) {
|
||||
<meta charSet="utf-8" />
|
||||
<meta httpEquiv="x-ua-compatible" content="ie=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<script src="https://www.workable.com/assets/embed.js" type="text/javascript" async></script>
|
||||
{props.headComponents}
|
||||
</head>
|
||||
<body {...props.bodyAttributes} className="light">
|
||||
|
||||
1
src/images/icons/down-caret.svg
Normal file
1
src/images/icons/down-caret.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" fill="#fff" /></svg>
|
||||
|
After Width: | Height: | Size: 195 B |
@@ -43,3 +43,5 @@ export const generateRandomHtmlId = () =>
|
||||
.toString(36)
|
||||
.replace(/[^a-z]+/g, '')
|
||||
.substr(2, 10)
|
||||
|
||||
export const mergeClassList = (...args) => args.filter((classList) => !!classList).join(' ')
|
||||
|
||||
@@ -1,9 +1,17 @@
|
||||
// AUTO GENERATED FILE
|
||||
// AUTO GENERATED FILE
|
||||
|
||||
import { AnchorScrollNavbar } from './components/AnchorScrollNavbar'
|
||||
import { ArrayCTA } from './components/ArrayCTA'
|
||||
import { BasicHedgehogImage } from './components/BasicHedgehogImage'
|
||||
import { BlogFooter } from './components/BlogFooter'
|
||||
import { CallToAction } from './components/CallToAction'
|
||||
import { Benefits } from './components/Careers/Benefits'
|
||||
import { CareersHero } from './components/Careers/CareersHero'
|
||||
import { Culture } from './components/Careers/Culture'
|
||||
import { InterviewProcess } from './components/Careers/InterviewProcess'
|
||||
import { OpenRoles } from './components/Careers/OpenRoles'
|
||||
import { WhyWereHere } from './components/Careers/WhyWereHere'
|
||||
import { WorkingAtPostHog } from './components/Careers/WorkingAtPostHog'
|
||||
import { CodeBlock } from './components/CodeBlock'
|
||||
import { CompensationCalculator } from './components/CompensationCalculator'
|
||||
import { Container } from './components/Container'
|
||||
@@ -46,54 +54,64 @@ import { FeaturedSectionTripleImage } from './components/Sections/FeaturedSectio
|
||||
import { Spacer } from './components/Spacer'
|
||||
import { StarRepoButton } from './components/StarRepoButton'
|
||||
import { StartNowButton } from './components/StartNowButton'
|
||||
import { Structure } from './components/Structure'
|
||||
import { TableOfContents } from './components/TableOfContents'
|
||||
|
||||
export const shortcodes = {
|
||||
ArrayCTA,
|
||||
BasicHedgehogImage,
|
||||
BlogFooter,
|
||||
CallToAction,
|
||||
CodeBlock,
|
||||
CompensationCalculator,
|
||||
Container,
|
||||
ContributorAvatars,
|
||||
ContributorCard,
|
||||
ContributorSearch,
|
||||
ContributorsChart,
|
||||
CornerBrackets,
|
||||
DarkModeToggle,
|
||||
DemoScheduler,
|
||||
DocsPageSurvey,
|
||||
DocsSearch,
|
||||
FeaturesComparisonTable,
|
||||
FeaturesNav,
|
||||
Footer,
|
||||
GetStartedModal,
|
||||
HiddenSection,
|
||||
Features,
|
||||
Hero,
|
||||
LandingPageCallToAction,
|
||||
PrivateCloud,
|
||||
ProductFeatureIcons,
|
||||
RecentBlogPosts,
|
||||
Roadmap,
|
||||
SocialProof,
|
||||
Tutorials,
|
||||
NewsletterForm,
|
||||
OtherFeaturesBlock,
|
||||
PageHeader,
|
||||
PostCard,
|
||||
PricingComparisonTable,
|
||||
PricingSlider,
|
||||
ResponsiveAnchor,
|
||||
ResponsiveSidebar,
|
||||
ResponsiveTopBar,
|
||||
DesignedForYourStackBlock,
|
||||
FeaturedSectionTextLeft,
|
||||
FeaturedSectionTextRight,
|
||||
FeaturedSectionTripleImage,
|
||||
Spacer,
|
||||
StarRepoButton,
|
||||
StartNowButton,
|
||||
TableOfContents
|
||||
}
|
||||
AnchorScrollNavbar,
|
||||
ArrayCTA,
|
||||
BasicHedgehogImage,
|
||||
BlogFooter,
|
||||
CallToAction,
|
||||
Benefits,
|
||||
CareersHero,
|
||||
Culture,
|
||||
InterviewProcess,
|
||||
OpenRoles,
|
||||
WhyWereHere,
|
||||
WorkingAtPostHog,
|
||||
CodeBlock,
|
||||
CompensationCalculator,
|
||||
Container,
|
||||
ContributorAvatars,
|
||||
ContributorCard,
|
||||
ContributorSearch,
|
||||
ContributorsChart,
|
||||
CornerBrackets,
|
||||
DarkModeToggle,
|
||||
DemoScheduler,
|
||||
DocsPageSurvey,
|
||||
DocsSearch,
|
||||
FeaturesComparisonTable,
|
||||
FeaturesNav,
|
||||
Footer,
|
||||
GetStartedModal,
|
||||
HiddenSection,
|
||||
Features,
|
||||
Hero,
|
||||
LandingPageCallToAction,
|
||||
PrivateCloud,
|
||||
ProductFeatureIcons,
|
||||
RecentBlogPosts,
|
||||
Roadmap,
|
||||
SocialProof,
|
||||
Tutorials,
|
||||
NewsletterForm,
|
||||
OtherFeaturesBlock,
|
||||
PageHeader,
|
||||
PostCard,
|
||||
PricingComparisonTable,
|
||||
PricingSlider,
|
||||
ResponsiveAnchor,
|
||||
ResponsiveSidebar,
|
||||
ResponsiveTopBar,
|
||||
DesignedForYourStackBlock,
|
||||
FeaturedSectionTextLeft,
|
||||
FeaturedSectionTextRight,
|
||||
FeaturedSectionTripleImage,
|
||||
Spacer,
|
||||
StarRepoButton,
|
||||
StartNowButton,
|
||||
Structure,
|
||||
TableOfContents,
|
||||
}
|
||||
|
||||
41
src/pages/careers.tsx
Normal file
41
src/pages/careers.tsx
Normal file
@@ -0,0 +1,41 @@
|
||||
import React from 'react'
|
||||
|
||||
import { CareersHero } from '../components/Careers/CareersHero'
|
||||
import { AnchorScrollNavbar } from '../components/AnchorScrollNavbar'
|
||||
import { WhyWereHere } from '../components/Careers/WhyWereHere'
|
||||
import { Culture } from '../components/Careers/Culture'
|
||||
import { InterviewProcess } from '../components/Careers/InterviewProcess'
|
||||
import { Benefits } from '../components/Careers/Benefits'
|
||||
import { WorkingAtPostHog } from '../components/Careers/WorkingAtPostHog'
|
||||
import { OpenRoles } from '../components/Careers/OpenRoles'
|
||||
import { Footer } from '../components/Footer/Footer'
|
||||
import { GetStartedModal } from 'components/GetStartedModal'
|
||||
import { SEO } from '../components/seo'
|
||||
|
||||
import '../components/Careers/styles/index.scss'
|
||||
|
||||
const IndexPage = () => {
|
||||
return (
|
||||
<>
|
||||
<SEO
|
||||
title="Careers - PostHog"
|
||||
description="Why We're Here PostHog is increasing the number of successful products in the world. We do that by providing a platform for open-source product…"
|
||||
/>
|
||||
|
||||
<CareersHero />
|
||||
<div className="careers-anchor-navbar">
|
||||
<AnchorScrollNavbar />
|
||||
<WhyWereHere />
|
||||
<Culture />
|
||||
<InterviewProcess />
|
||||
<Benefits />
|
||||
<WorkingAtPostHog />
|
||||
<OpenRoles />
|
||||
</div>
|
||||
<Footer onPostPage={false} showNewsletter={false} backgroundClass="careers-footer" />
|
||||
<GetStartedModal />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default IndexPage
|
||||
@@ -15,7 +15,7 @@ import '../components/LandingPage/styles/index.scss'
|
||||
|
||||
const IndexPage = () => {
|
||||
return (
|
||||
<div>
|
||||
<div className="w-screen overflow-x-hidden">
|
||||
<SEO
|
||||
title="PostHog - Open-Source Product Analytics"
|
||||
description="Self-hosted product analytics stack, to deploy on your infrastructure."
|
||||
|
||||
63
src/styles/backgrounds.css
Normal file
63
src/styles/backgrounds.css
Normal file
@@ -0,0 +1,63 @@
|
||||
.bg-purple-gradient {
|
||||
background: linear-gradient(180deg, #200c39 0%, #220f3f 100%);
|
||||
}
|
||||
|
||||
.bg-neon {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bg-neon:after {
|
||||
background: conic-gradient(
|
||||
from 180deg at 50% 50%,
|
||||
#f7a501 0deg,
|
||||
rgba(255, 17, 17, 0.614583) 78.75deg,
|
||||
rgba(252, 10, 228, 0.773124) 140.63deg,
|
||||
rgba(184, 41, 251, 0.817651) 189.38deg,
|
||||
rgba(252, 10, 228, 0.773124) 238.12deg,
|
||||
rgba(255, 17, 17, 0.614583) 300deg,
|
||||
#f7a501 360deg
|
||||
),
|
||||
rgba(255, 255, 255, 0.8);
|
||||
border-radius: 20px;
|
||||
bottom: -8px;
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.bg-neon:before {
|
||||
background: conic-gradient(
|
||||
from 180deg at 50% 50%,
|
||||
#f7a501 0deg,
|
||||
rgba(255, 17, 17, 0.614583) 78.75deg,
|
||||
rgba(252, 10, 228, 0.773124) 140.63deg,
|
||||
rgba(184, 41, 251, 0.817651) 189.38deg,
|
||||
rgba(252, 10, 228, 0.773124) 238.12deg,
|
||||
rgba(255, 17, 17, 0.614583) 300deg,
|
||||
#f7a501 360deg
|
||||
),
|
||||
rgba(255, 255, 255, 0.8);
|
||||
bottom: 0;
|
||||
content: '';
|
||||
filter: blur(30px);
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.bg-darkmode-purple {
|
||||
background: #220f3f !important;
|
||||
}
|
||||
|
||||
.bg-lightmode-gray {
|
||||
background: rgb(249, 249, 249) none repeat scroll 0% 0%;
|
||||
}
|
||||
|
||||
.bg-footer {
|
||||
background: #08042f;
|
||||
}
|
||||
@@ -2,6 +2,9 @@
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@import 'workable-overrides.css';
|
||||
@import 'backgrounds.css';
|
||||
|
||||
body {
|
||||
font-smooth: 1.5px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
@@ -47,73 +50,15 @@ ul {
|
||||
border-color: rgba(218, 72, 16, 0.9);
|
||||
}
|
||||
|
||||
.bg-purple-gradient {
|
||||
background: linear-gradient(180deg, #200c39 0%, #220f3f 100%);
|
||||
}
|
||||
|
||||
.bg-neon {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bg-neon:after {
|
||||
background: conic-gradient(
|
||||
from 180deg at 50% 50%,
|
||||
#f7a501 0deg,
|
||||
rgba(255, 17, 17, 0.614583) 78.75deg,
|
||||
rgba(252, 10, 228, 0.773124) 140.63deg,
|
||||
rgba(184, 41, 251, 0.817651) 189.38deg,
|
||||
rgba(252, 10, 228, 0.773124) 238.12deg,
|
||||
rgba(255, 17, 17, 0.614583) 300deg,
|
||||
#f7a501 360deg
|
||||
),
|
||||
rgba(255, 255, 255, 0.8);
|
||||
border-radius: 20px;
|
||||
bottom: -8px;
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.bg-neon:before {
|
||||
background: conic-gradient(
|
||||
from 180deg at 50% 50%,
|
||||
#f7a501 0deg,
|
||||
rgba(255, 17, 17, 0.614583) 78.75deg,
|
||||
rgba(252, 10, 228, 0.773124) 140.63deg,
|
||||
rgba(184, 41, 251, 0.817651) 189.38deg,
|
||||
rgba(252, 10, 228, 0.773124) 238.12deg,
|
||||
rgba(255, 17, 17, 0.614583) 300deg,
|
||||
#f7a501 360deg
|
||||
),
|
||||
rgba(255, 255, 255, 0.8);
|
||||
bottom: 0;
|
||||
content: '';
|
||||
filter: blur(30px);
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.bg-darkmode-purple {
|
||||
background: #220f3f !important;
|
||||
}
|
||||
|
||||
.bg-lightmode-gray {
|
||||
background: rgb(249, 249, 249) none repeat scroll 0% 0%;
|
||||
}
|
||||
|
||||
.bg-footer {
|
||||
background: #08042f;
|
||||
}
|
||||
|
||||
.contributor-images > img {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
|
||||
@apply rounded m-1;
|
||||
}
|
||||
|
||||
.appearance-none {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
28
src/styles/workable-overrides.css
Normal file
28
src/styles/workable-overrides.css
Normal file
@@ -0,0 +1,28 @@
|
||||
.whr-items,
|
||||
.whr-info {
|
||||
@apply list-none px-0 py-0 mx-0 my-0;
|
||||
}
|
||||
|
||||
.whr-item {
|
||||
@apply inline-block w-full md:w-1/2 md:float-left text-left mt-6 md:px-6 lg:px-12;
|
||||
}
|
||||
|
||||
.whr-title {
|
||||
@apply font-sans text-base mb-1;
|
||||
}
|
||||
|
||||
.whr-title a {
|
||||
@apply text-yellow-400 hover:underline hover:text-yellow-400;
|
||||
}
|
||||
|
||||
.whr-date {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
.whr-location {
|
||||
@apply text-gray-100 text-opacity-60 text-base-larger;
|
||||
}
|
||||
|
||||
.whr-location span {
|
||||
@apply hidden;
|
||||
}
|
||||
@@ -15,6 +15,11 @@ module.exports = {
|
||||
'-mr-4',
|
||||
'-mb-4',
|
||||
'-ml-4',
|
||||
'max-w-xl',
|
||||
'max-w-2xl',
|
||||
'max-w-3xl',
|
||||
'max-w-4xl',
|
||||
'max-w-5xl',
|
||||
],
|
||||
},
|
||||
},
|
||||
@@ -23,6 +28,8 @@ module.exports = {
|
||||
extend: {
|
||||
fontFamily: {
|
||||
gosha: ['Gosha Sans', 'Arial', 'Helvetica', 'sans-serif'],
|
||||
serif: ['Gosha Sans', 'Arial', 'Helvetica', 'sans-serif'],
|
||||
sans: ['Good Sans', 'Arial', 'Helvetica', 'sans-serif'],
|
||||
},
|
||||
fontSize: {
|
||||
'2xs': '0.65rem',
|
||||
@@ -45,6 +52,9 @@ module.exports = {
|
||||
borderWidth: {
|
||||
3: '3px',
|
||||
},
|
||||
padding: {
|
||||
'fluid-video': '56.25%',
|
||||
},
|
||||
},
|
||||
},
|
||||
variants: {
|
||||
|
||||
72
yarn.lock
72
yarn.lock
@@ -2063,6 +2063,20 @@
|
||||
regexpp "^3.0.0"
|
||||
tsutils "^3.17.1"
|
||||
|
||||
"@typescript-eslint/eslint-plugin@^4.20.0":
|
||||
version "4.20.0"
|
||||
resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.20.0.tgz#9d8794bd99aad9153092ad13c96164e3082e9a92"
|
||||
integrity sha512-sw+3HO5aehYqn5w177z2D82ZQlqHCwcKSMboueo7oE4KU9QiC0SAgfS/D4z9xXvpTc8Bt41Raa9fBR8T2tIhoQ==
|
||||
dependencies:
|
||||
"@typescript-eslint/experimental-utils" "4.20.0"
|
||||
"@typescript-eslint/scope-manager" "4.20.0"
|
||||
debug "^4.1.1"
|
||||
functional-red-black-tree "^1.0.1"
|
||||
lodash "^4.17.15"
|
||||
regexpp "^3.0.0"
|
||||
semver "^7.3.2"
|
||||
tsutils "^3.17.1"
|
||||
|
||||
"@typescript-eslint/experimental-utils@2.34.0":
|
||||
version "2.34.0"
|
||||
resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz#d3524b644cdb40eebceca67f8cf3e4cc9c8f980f"
|
||||
@@ -2073,6 +2087,18 @@
|
||||
eslint-scope "^5.0.0"
|
||||
eslint-utils "^2.0.0"
|
||||
|
||||
"@typescript-eslint/experimental-utils@4.20.0":
|
||||
version "4.20.0"
|
||||
resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.20.0.tgz#a8ab2d7b61924f99042b7d77372996d5f41dc44b"
|
||||
integrity sha512-sQNlf6rjLq2yB5lELl3gOE7OuoA/6IVXJUJ+Vs7emrQMva14CkOwyQwD7CW+TkmOJ4Q/YGmoDLmbfFrpGmbKng==
|
||||
dependencies:
|
||||
"@types/json-schema" "^7.0.3"
|
||||
"@typescript-eslint/scope-manager" "4.20.0"
|
||||
"@typescript-eslint/types" "4.20.0"
|
||||
"@typescript-eslint/typescript-estree" "4.20.0"
|
||||
eslint-scope "^5.0.0"
|
||||
eslint-utils "^2.0.0"
|
||||
|
||||
"@typescript-eslint/parser@^2.24.0":
|
||||
version "2.34.0"
|
||||
resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-2.34.0.tgz#50252630ca319685420e9a39ca05fe185a256bc8"
|
||||
@@ -2101,11 +2127,24 @@
|
||||
"@typescript-eslint/types" "4.15.0"
|
||||
"@typescript-eslint/visitor-keys" "4.15.0"
|
||||
|
||||
"@typescript-eslint/scope-manager@4.20.0":
|
||||
version "4.20.0"
|
||||
resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.20.0.tgz#953ecbf3b00845ece7be66246608be9d126d05ca"
|
||||
integrity sha512-/zm6WR6iclD5HhGpcwl/GOYDTzrTHmvf8LLLkwKqqPKG6+KZt/CfSgPCiybshmck66M2L5fWSF/MKNuCwtKQSQ==
|
||||
dependencies:
|
||||
"@typescript-eslint/types" "4.20.0"
|
||||
"@typescript-eslint/visitor-keys" "4.20.0"
|
||||
|
||||
"@typescript-eslint/types@4.15.0":
|
||||
version "4.15.0"
|
||||
resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.15.0.tgz#3011ae1ac3299bb9a5ac56bdd297cccf679d3662"
|
||||
integrity sha512-su4RHkJhS+iFwyqyXHcS8EGPlUVoC+XREfy5daivjLur9JP8GhvTmDipuRpcujtGC4M+GYhUOJCPDE3rC5NJrg==
|
||||
|
||||
"@typescript-eslint/types@4.20.0":
|
||||
version "4.20.0"
|
||||
resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.20.0.tgz#c6cf5ef3c9b1c8f699a9bbdafb7a1da1ca781225"
|
||||
integrity sha512-cYY+1PIjei1nk49JAPnH1VEnu7OYdWRdJhYI5wiKOUMhLTG1qsx5cQxCUTuwWCmQoyriadz3Ni8HZmGSofeC+w==
|
||||
|
||||
"@typescript-eslint/typescript-estree@2.34.0":
|
||||
version "2.34.0"
|
||||
resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz#14aeb6353b39ef0732cc7f1b8285294937cf37d5"
|
||||
@@ -2132,6 +2171,19 @@
|
||||
semver "^7.3.2"
|
||||
tsutils "^3.17.1"
|
||||
|
||||
"@typescript-eslint/typescript-estree@4.20.0":
|
||||
version "4.20.0"
|
||||
resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.20.0.tgz#8b3b08f85f18a8da5d88f65cb400f013e88ab7be"
|
||||
integrity sha512-Knpp0reOd4ZsyoEJdW8i/sK3mtZ47Ls7ZHvD8WVABNx5Xnn7KhenMTRGegoyMTx6TiXlOVgMz9r0pDgXTEEIHA==
|
||||
dependencies:
|
||||
"@typescript-eslint/types" "4.20.0"
|
||||
"@typescript-eslint/visitor-keys" "4.20.0"
|
||||
debug "^4.1.1"
|
||||
globby "^11.0.1"
|
||||
is-glob "^4.0.1"
|
||||
semver "^7.3.2"
|
||||
tsutils "^3.17.1"
|
||||
|
||||
"@typescript-eslint/visitor-keys@4.15.0":
|
||||
version "4.15.0"
|
||||
resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.15.0.tgz#2a07768df30c8a5673f1bce406338a07fdec38ca"
|
||||
@@ -2140,6 +2192,14 @@
|
||||
"@typescript-eslint/types" "4.15.0"
|
||||
eslint-visitor-keys "^2.0.0"
|
||||
|
||||
"@typescript-eslint/visitor-keys@4.20.0":
|
||||
version "4.20.0"
|
||||
resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.20.0.tgz#1e84db034da13f208325e6bfc995c3b75f7dbd62"
|
||||
integrity sha512-NXKRM3oOVQL8yNFDNCZuieRIwZ5UtjNLYtmMx2PacEAGmbaEYtGgVHUHVyZvU/0rYZcizdrWjDo+WBtRPSgq+A==
|
||||
dependencies:
|
||||
"@typescript-eslint/types" "4.20.0"
|
||||
eslint-visitor-keys "^2.0.0"
|
||||
|
||||
"@webassemblyjs/ast@1.9.0":
|
||||
version "1.9.0"
|
||||
resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964"
|
||||
@@ -7267,6 +7327,13 @@ gatsby-plugin-sitemap@^2.12.0:
|
||||
pify "^3.0.0"
|
||||
sitemap "^1.13.0"
|
||||
|
||||
gatsby-plugin-smoothscroll@^1.2.0:
|
||||
version "1.2.0"
|
||||
resolved "https://registry.yarnpkg.com/gatsby-plugin-smoothscroll/-/gatsby-plugin-smoothscroll-1.2.0.tgz#249c0ad660e167043652b34277f44d16ca2bf4b6"
|
||||
integrity sha512-wfIK06xwbNx91nHVg1YJwlLUJc0EmfWqV8KgvlNr6gFa9pqMx5Mprdp5jDRloAi3+9K0dVCybPO8FfaZ0i4HgA==
|
||||
dependencies:
|
||||
smoothscroll-polyfill "^0.4.4"
|
||||
|
||||
gatsby-plugin-typescript@^2.12.0, gatsby-plugin-typescript@^2.4.24:
|
||||
version "2.12.0"
|
||||
resolved "https://registry.yarnpkg.com/gatsby-plugin-typescript/-/gatsby-plugin-typescript-2.12.0.tgz#44df6cfde747ab94c1984621e5bb749da94af959"
|
||||
@@ -15042,6 +15109,11 @@ slugify@^1.4.4:
|
||||
resolved "https://registry.yarnpkg.com/slugify/-/slugify-1.4.6.tgz#ef288d920a47fb01c2be56b3487b6722f5e34ace"
|
||||
integrity sha512-ZdJIgv9gdrYwhXqxsH9pv7nXxjUEyQ6nqhngRxoAAOlmMGA28FDq5O4/5US4G2/Nod7d1ovNcgURQJ7kHq50KQ==
|
||||
|
||||
smoothscroll-polyfill@^0.4.4:
|
||||
version "0.4.4"
|
||||
resolved "https://registry.yarnpkg.com/smoothscroll-polyfill/-/smoothscroll-polyfill-0.4.4.tgz#3a259131dc6930e6ca80003e1cb03b603b69abf8"
|
||||
integrity sha512-TK5ZA9U5RqCwMpfoMq/l1mrH0JAR7y7KRvOBx0n2869aLxch+gT9GhN3yUfjiw+d/DiF1mKo14+hd62JyMmoBg==
|
||||
|
||||
snake-case@^2.1.0:
|
||||
version "2.1.0"
|
||||
resolved "https://registry.yarnpkg.com/snake-case/-/snake-case-2.1.0.tgz#41bdb1b73f30ec66a04d4e2cad1b76387d4d6d9f"
|
||||
|
||||
Reference in New Issue
Block a user