Re-structured careers page for new design

This commit is contained in:
Thomas Smith 2022-10-17 10:58:59 -04:00
parent e35a480420
commit 4599f3fd96

View file

@ -1,133 +1,58 @@
{{ define "main" }} {{ define "main" }}
<div class="container mb-5 mt-5"> <section>
<div class="row"> <div class="container">
<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 class="row">
<div style="margin-top:auto; margin-bottom:auto;"> <div class="col">
<h1 class="display-1 mb-5">Join the <span class="teal">tea</span> party!</h1> <h1>Careers</h1>
<p class="mb-lg-5 mb-md-5 mb-sm-5 mb-5 lead">Were looking for the best-of-the-best to help brew the future of web3. If youre a visionary self-starter whos eager to be on the front lines of innovation, then take look at our list of current openings and apply accordingly. Even if you dont 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> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<hr class="careers-divider">
<style>
@media only screen and (min-width: 600px) {
.careers-divider{
display:none;
}
}
</style>
<div class="col-lg-6 col-md-6 col-sm-12 col-12" style="z-index:100 !important;">
<h3 class="mb-4">Current <span class="teal">job openings</span></h3>
<p class="mb-4" style="color:#E5E6E9;">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, were brewing something to change that by enabling developers (you) to continue doing what you love, while earning what you deserve.</p>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<p class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseOne">
Package Maintainer
</button>
</p>
<div class="accordion-body">
<div>We are looking for Package Maintainers to help us review, update, and deploy packages for the tea system.</div>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<br><strong>Responsibilities:</strong><br><br>
<ul>
<li>Collaborate with Package Manager teammates to determine priorities. </li>
<li>Build source code and compile packages for distribution. </li>
<li>Include testing code and documentation to help teammates troubleshoot issues. </li>
<li>Track security and breaking changes for packages in our ecosystem to ensure quick remediations. </li>
<li>Attend meetings, brainstorming sessions and regular standups for enhancing your knowledge of new technologies. </li>
<li>Stay on top of technology trends and developments, especially changes related to package dependencies. </li>
<li>Ensure that all technology practices adhere to applicable standards. </li>
</ul>
<p>This is a full-time remote contractor position.</p><br>
<a class="btn btn-primary mb-3" href="https://tea.breezy.hr/p/d98d28311cbd-package-maintainer"
role="button">Apply on Breezy HR</a>
<p class="small" style="color:#B9C7C9;">Visit Breezy HR 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 class="accordion-body">
Reporting to the Chief Product Officer, the Blockchain Architect will be responsible to effectively and efficiently utilize technology to meet the networks needs and goals, including:
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<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>
<p>This is a full-time remote position.</p><br>
<a class="btn btn-primary mb-3" href="https://tea.breezy.hr/p/dc187fdab65e-blockchain-architect"
role="button">Apply on Breezy HR</a>
<p class="small" style="color:#B9C7C9;">Visit Breezy HR 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="headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Senior Blockchain Developer
</button>
</p>
<div class="accordion-body">
<div> 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 networks needs and goals.<br></div>
<div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample"><br>
This is a full-time remote position.<br><br>
<a class="btn btn-primary mb-3 mt-3" href="https://tea.breezy.hr/p/f5b2c4d0f3e6-senior-blockchain-developer"
role="button">Apply on Breezy HR</a>
<p class="small" style="color:#B9C7C9;">Visit Breezy HR 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="headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseOne">
Full Stack Developer
</button>
</p>
<div class="accordion-body">
<div>Reporting to the CEO, the full stack developer will be directly responsible for the architecture and implementation of entire portions of teas open source product suite.<br></div>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample"><br>
This is a full-time remote position.<br><br>
<a class="btn btn-primary mb-3 mt-3" href="https://tea.breezy.hr/p/aa62fd265a9f-full-stack-developer"
role="button">Apply on Breezy HR</a>
<p class="small" style="color:#B9C7C9;">Visit Breezy HR to apply, and to read more about the qualifications and responsibilities for this position.</p></div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
<style> <hr>
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: 0px; <section>
border-bottom-left-radius: 0px; <div class="accordion" id="accordionExample">
} <div class="accordion-item">
</style> <h2 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">
Accordion Item #1
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
</div>
<div class="accordion-item">
<h2 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">
Accordion Item #2
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Accordion Item #3
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
</div>
</div>
</section>
<!-- Why Work at tea --> <!-- Why Work at tea -->
<div class="row teal-bg"> <div class="row teal-bg">