ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 14:15:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improvements

Browse source
This commit is contained in:
Thomas Smith 2023-02-28 19:58:09 -05:00
parent 0290ad4e69
commit e02ac70caf
2 changed files with 75 additions and 79 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

149
src/layouts/page/careers.html
View file

@ -1,13 +1,13 @@
{{ define "main" }} {{ define "main" }}
<!-- Hero Section --> <!-- Hero Section -->
<section class="hero one-box"> <section class="hero one-box teal-bg">
<div class="container"> <div class="container">
<div class="row gx-5"> <div class="row">
<div class="col-xl-2 col-lg-2 col-md-0 col-sm-0 col-0"></div> <div class="col-xl-2 col-lg-2 col-md-0 col-sm-0 col-0"></div>
<div class="hero-col col-xl-8 col-lg-8 col-md-0 col-sm-0 col-0 my-auto"> <div class="hero-col col-xl-8 col-lg-8 col-md-0 col-sm-0 col-0 my-auto">
<h1 class="display-1 hero-text text-center" style="z-index:3; position: relative;"><span class="inner-glow ">Careers</h1> <h1 class="display-1 hero-text text-center black" style="z-index:3; position: relative;"><span class="inner-glow ">Careers</h1>
<p class="lead hero-lead mb-5 text-center">tea is building an open-source ecosystem that is fair for everyone. We are growing our team of talented people to make this happen. We are looking for curious, passionate, and smart teammates. If you are interested please check out our open positions below.</p> <p class="lead hero-lead mb-5 text-center black"><span class="tea">tea</span> is building an open-source ecosystem that is fair for everyone. We are growing our team of talented people to make this happen. We are looking for curious, passionate, and smart teammates. If you are interested please check out our open positions below.</p>
</div> </div>
</div> </div>
</div> </div>
@ -17,7 +17,7 @@
<section> <section>
<div class="container one-box"> <div class="container one-box">
<div class="container mt-5 mb-5"> <div class="container mt-5 mb-5 me-0">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h3 class="display-6 mb-4">Current Openings</h3> <h3 class="display-6 mb-4">Current Openings</h3>
@ -27,91 +27,82 @@
</div> </div>
</section> </section>
<!-- Why Work at tea --> <script>
<section class="teal-bg two-boxes"> // Fetch data from API
<div class="row"> fetch("https://tea.breezy.hr/json?verbose=true")
<div class="container"> .then(response => response.json())
<div class="row"> .then(data => {
<div class="col"> // Loop through data and create card for each item
<h3 class="black text-center">Why work @ tea?</h3> data.forEach(item => {
<p class="text-center black" style="background-color:#00ffd0 !important;">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&#8208;based bonuses.</p> // Create card element
</div> const card = document.createElement("div");
</div> card.classList.add("card", "mb-4");
</div>
</div>
</section> // Create card body element
const cardBody = document.createElement("div");
cardBody.classList.add("card-body", "p-4");
<script> // Add name to card body as a link to the URL
// Fetch data from API const title = document.createElement("a");
fetch("https://tea.breezy.hr/json?verbose=true") title.classList.add("card-title", "display-6", "teal");
.then(response => response.json()) title.href = item.url;
.then(data => { title.textContent = item.name;
// Loop through data and create card for each item cardBody.appendChild(title);
data.forEach(item => {
// Create card element
const card = document.createElement("div");
card.classList.add("card", "mb-3");
// Create card body element // Add description to card body
const cardBody = document.createElement("div"); const description = document.createElement("div");
cardBody.classList.add("card-body"); description.classList.add("card-text","mt-3","mb-5");
description.innerHTML = item.description.slice(0, 700);
cardBody.appendChild(description);
// Add name to card body // Add show more link to card body
const title = document.createElement("h5"); const showMoreLink = document.createElement("a");
title.classList.add("card-title"); showMoreLink.classList.add("me-3", "teal");
title.textContent = item.name; showMoreLink.href = "#";
cardBody.appendChild(title);
// Add description to card body
const description = document.createElement("div");
description.classList.add("card-text");
description.innerHTML = item.description.slice(0, 100);
cardBody.appendChild(description);
// Add show more link to card body
const showMoreLink = document.createElement("a");
showMoreLink.classList.add("text-primary", "mr-3");
showMoreLink.href = "#";
showMoreLink.textContent = "Show more";
showMoreLink.addEventListener("click", event => {
event.preventDefault();
if (description.innerHTML === item.description) {
description.innerHTML = item.description.slice(0, 100);
showMoreLink.textContent = "Show more"; showMoreLink.textContent = "Show more";
} else { showMoreLink.addEventListener("click", event => {
description.innerHTML = item.description; event.preventDefault();
showMoreLink.textContent = "Show less"; if (description.innerHTML === item.description) {
} description.innerHTML = item.description.slice(0, 700);
}); showMoreLink.textContent = "Show more";
cardBody.appendChild(showMoreLink); } else {
description.innerHTML = item.description;
showMoreLink.textContent = "Show less";
}
});
cardBody.appendChild(showMoreLink);
// Add url link to card body // Add url link to card body
const urlLink = document.createElement("a"); const urlLink = document.createElement("a");
urlLink.classList.add("text-primary"); urlLink.classList.add("teal");
urlLink.href = item.url; urlLink.href = item.url;
urlLink.textContent = "Go to URL"; urlLink.textContent = "View on BreezyHR";
cardBody.appendChild(urlLink); cardBody.appendChild(urlLink);
// Add card body to card // Add card body to card
card.appendChild(cardBody); card.appendChild(cardBody);
// Add card to container
const container = document.getElementById("card-container");
const row = document.createElement("div");
row.classList.add("row");
const col = document.createElement("div");
col.classList.add("col");
col.appendChild(card);
row.appendChild(col);
container.appendChild(row);
});
})
.catch(error => console.log(error));
</script>
// Add card to container
const container = document.getElementById("card-container");
const row = document.createElement("div");
row.classList.add("row");
const col = document.createElement("div");
col.classList.add("col");
col.appendChild(card);
row.appendChild(col);
container.appendChild(row);
});
})
.catch(error => console.log(error));
</script>
<style> <style>
a:hover{
color: #2675f5;
}
.accordion-button{ .accordion-button{
line-height: 6vw; line-height: 6vw;
} }

5
src/static/css/typography.css
View file

@ -66,6 +66,11 @@ h5{
text-transform: uppercase; text-transform: uppercase;
} }
h6{
font-family: "mona-sb", sans-serif;
color:#00ffd0;
}
p{ p{
font-size: 1.1rem; font-size: 1.1rem;
line-height: 1.7rem; line-height: 1.7rem;