mirror of
https://github.com/ivabus/www
synced 2024-11-10 05:35:14 +03:00
Careers (html & md); menu update (main & footer); css for accordion (#51)
* Careers (html & md); menu update (main & footer); css for accordion * Careers (html & md); menu update (main & footer); css for accordion * Remove artifact * Resumé > Resume * Oxford comma at line 24 * Blank line removal at line 88 * Architect > architect; performance-based * deleted css rule hiding accordion control * Accordion arrows; right when closed, down when open. * Developer > developer * Accordion: Filled-in arrows; appear before text Co-authored-by: Jacob Heider <jacob@tea.xyz>
This commit is contained in:
parent
baba37ec6b
commit
eaef6c79e2
0
src/.hugo_build.lock
Normal file
0
src/.hugo_build.lock
Normal file
7
src/content/careers.md
Normal file
7
src/content/careers.md
Normal file
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
title: "Careers"
|
||||
Description: "tea.careers"
|
||||
layout: "careers"
|
||||
menu: main
|
||||
weight: 7
|
||||
---
|
142
src/layouts/page/careers.html
Normal file
142
src/layouts/page/careers.html
Normal file
|
@ -0,0 +1,142 @@
|
|||
{{ define "main" }}
|
||||
<img id="tea-steam-dark-1" src="/Images/tea-steam-dark-1.svg" alt="">
|
||||
<div class="container mb-5 mt-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-6 col-sm-12 col-12 pe-lg-5 pe-md-5 pe-sm-0 pe-0" style="z-index:100; display:flex; flex-direction:column;">
|
||||
<div style="margin-top:auto; margin-bottom:auto;">
|
||||
<h1 class="display-1 mb-5">Join the <span class="teal">tea</span> party!</h1>
|
||||
<p class="mb-lg-5 mb-md-5 mb-sm-5 mb-5 lead">We’re looking for the best-of-the-best to help brew the future of web3. If you’re a visionary self-starter who’s eager to be on the front lines of innovation, then take look at our list of current openings and apply accordingly. Even if you don’t see a role that captures your skill set, please feel free to <a class="teal" href="mailto:talent@tea.xyz?subject=resumé">email us</a> your resumé in order to be considered for future opportunities.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-6 col-sm-12 col-12">
|
||||
<div class="accordion" id="accordionExample">
|
||||
<div class="accordion-item">
|
||||
<p class="accordion-header" id="headingOne">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
Senior Blockchain Developer
|
||||
</button>
|
||||
</p>
|
||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<p>The tools that build the internet have steeped too long. For the past two decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by enabling developers (you) to continue doing what you love, while earning what you deserve.<br><br>
|
||||
|
||||
Reporting to the Blockchain Architect, the Blockchain Developer will be responsible for the design, implementation, and distribution of a secure blockchain infrastructure that meets the network’s needs and goals.<br><br>
|
||||
|
||||
This is a full-time remote position.</p><br>
|
||||
|
||||
<a class="btn btn-primary auth-btn mb-3" href="https://tea.bamboohr.com/jobs/view.php?id=24"
|
||||
role="button">Apply on BambooHR</a>
|
||||
|
||||
<p class="small" style="color:#B9C7C9;">Visit BambooHR to apply, and to read more about the qualifications and responsibilities for this position.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<p class="accordion-header" id="headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
Blockchain Architect
|
||||
</button>
|
||||
</p>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<p>The tools that build the internet have steeped too long. For the past two decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by enabling developers (you) to continue doing what you love, while earning what you deserve.<br><br>
|
||||
|
||||
Reporting to the Chief Product Officer, the Blockchain Architect will be responsible to effectively and efficiently utilize technology to meet the network’s needs and goals, including:<br>
|
||||
|
||||
<ul>
|
||||
<li>Select and/or build all components of the blockchain technology stack.</li>
|
||||
<li>Ensure scalable connectivity of on-chain and off-chain software solutions.</li>
|
||||
<li>Support the launch and growth of the developer community through various initiatives including public engagement and documentation publishing.</li>
|
||||
</ul>
|
||||
|
||||
This is a full-time remote position.</p><br>
|
||||
|
||||
<a class="btn btn-primary auth-btn mb-3" href="https://tea.bamboohr.com/jobs/view.php?id=23"
|
||||
role="button">Apply on BambooHR</a>
|
||||
|
||||
<p class="small" style="color:#B9C7C9;">Visit BambooHR to apply, and to read more about the qualifications and responsibilities for this position.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Why Work at tea -->
|
||||
<div class="row" style="background-color:#23282C;">
|
||||
<div class="container mb-5 mt-5">
|
||||
<div class="row">
|
||||
<h3 class="text-center display-4 mb-5">Why work at tea?</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<p class="text-center lead">Join a team of motivated and passionate individuals and be a part of a rapidly growing and exciting project in web3 and open source technologies. We offer an attractive salary, relocation packages (if applicable), token/equity options and performance‐based bonuses.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Community Links -->
|
||||
<div class="row community-container pt-5 pb-5 mt-5 mb-5">
|
||||
<div class="container p-4" id="community">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h3 style="text-align:center;" class="mb-5 display-5">Join the Community</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-6 col-sm-6 col-lg">
|
||||
<a href="https://discord.gg/KCZsXfJphn">
|
||||
<div class="com-card mb-4">
|
||||
<img src="/Images/discord.svg" alt="" class="community-icon">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-6 col-lg">
|
||||
<a href="https://twitter.com/teaxyz_">
|
||||
<div class="com-card mb-4">
|
||||
<img src="/Images/twitter.svg" alt="" class="community-icon">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-6 col-lg">
|
||||
<a href="https://github.com/teaxyz">
|
||||
<div class="com-card mb-4">
|
||||
<img src="/Images/github.svg" alt="" class="community-icon">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-6 col-lg">
|
||||
<a href="https://t.me/tea_xyz">
|
||||
<div class="com-card mb-4">
|
||||
<img src="/Images/telegram.svg" alt="" class="community-icon">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-6 col-lg align-self-center">
|
||||
<a href="https://reddit.com/r/teaxyz">
|
||||
<div class="com-card mb-4">
|
||||
<img src="/Images/reddit.svg" alt="" class="community-icon">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-6 col-lg align-self-center">
|
||||
<a href="https://www.instagram.com/tea.xyz/">
|
||||
<div class="com-card mb-4">
|
||||
<img src="/Images/instagram-iconAsset 1.svg" alt="" class="community-icon">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
|
@ -35,7 +35,7 @@
|
|||
<a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link ps-0" href="mailto:hello@tea.xyz">Careers</a>
|
||||
<a class="nav-link ps-0" href="/careers/">Careers</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
@ -451,3 +451,57 @@ For authenticated users:
|
|||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Accordion Styling */
|
||||
|
||||
.accordion{
|
||||
border: 2px solid #DCDBDB;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0px 0px 24px #16191B;
|
||||
}
|
||||
|
||||
.accordion-item{
|
||||
border:none;
|
||||
}
|
||||
|
||||
.accordion-button{
|
||||
background-color: #2B3033;
|
||||
color: #fff;
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed){
|
||||
background-color: #54BAAB;
|
||||
color: #2B3033;
|
||||
}
|
||||
|
||||
.accordion-button:focus{
|
||||
border:none;
|
||||
outline:none;
|
||||
box-shadow: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.accordion-body{
|
||||
background-color: #23282C;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.accordion-body{
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
.accordion-button::after{
|
||||
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e");
|
||||
transform: rotate(0deg);
|
||||
order: -1;
|
||||
margin-left: 0;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed)::after{
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232B3033'%3e%3cpath fill-rule='evenodd' d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e");
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue