mirror of
https://github.com/ivabus/www
synced 2024-11-22 09:25:06 +03:00
Spacing overhaul
This commit is contained in:
Thomas Smith
parent
a1a91fe815
commit
e69123a86e
6 changed files with 228 additions and 55 deletions
|
|
@ -28,6 +28,7 @@
|
|||
{{- block "main" . }}{{- end }}
|
||||
</main>
|
||||
<footer>
|
||||
{{- partial "footer-content.html" . -}}
|
||||
{{- partial "footer.html" . -}}
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -150,7 +150,6 @@
|
|||
|
||||
{{- partial "desktop-ctas.html" -}}
|
||||
|
||||
<p class="small dark-gray boilerplate">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 class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
|
||||
<div>
|
||||
|
|
@ -489,10 +488,6 @@ Created next project successfully
|
|||
document.querySelector("#start-btn").addEventListener("click", typeCommand2);
|
||||
</script>
|
||||
|
||||
<div class="divider">
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<!-- Second -->
|
||||
|
||||
<div class="row one-box">
|
||||
|
|
@ -576,10 +571,6 @@ Created next project successfully
|
|||
observer.observe(terminalOutput);
|
||||
</script>
|
||||
|
||||
<div class="divider">
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<!-- Third -->
|
||||
|
||||
<div class="row one-box">
|
||||
|
|
@ -726,7 +717,7 @@ Created next project successfully
|
|||
<div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12 mb-5">
|
||||
<div class="gs-parent">
|
||||
<div class="gs-content">
|
||||
<h2 class="display-3">Getting started with tea!</h2>
|
||||
<h2 class="display-5">Getting started with tea!</h2>
|
||||
<p class="lead mb-5">Tea is a cross-platform binary that can be easily installed using a curl command or by using the one-liner installer. The installer sets up tea and its shell magic without requiring "sudo" or Xcode Command Line Tools, and is compatible with Linux, macOS, and WSL. Package managers such as brew or Docker can also be used for installation, or you can use GitHub Actions to install tea as part of your workflow.</p>
|
||||
<a href="https://github.com/teaxyz/cli#getting-started" target="_blank">
|
||||
<button class="hbtn hb-fill-right" id="hb-btn" style="text-transform:uppercase;"><i class="btn-icon icon-github"></i>VIEW README<span style="text-transform:lowercase;">.md</span></button>
|
||||
|
|
@ -887,7 +878,9 @@ Created next project successfully
|
|||
}
|
||||
</style>
|
||||
|
||||
<!--
|
||||
<hr>
|
||||
-->
|
||||
|
||||
<!--
|
||||
|
||||
|
|
@ -944,7 +937,7 @@ Created next project successfully
|
|||
<div class="container one-box-up one-box-down">
|
||||
<div class="row one-box-down">
|
||||
<div class="col">
|
||||
<h2 class="display-3">DON’T JUST TAKE OUR WORD FOR IT… TWITTER’S BEEN SIPPING THE TEA TOO!</h2>
|
||||
<h2 class="display-5">DON’T JUST TAKE OUR WORD FOR IT… TWITTER’S BEEN SIPPING THE TEA TOO!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row twitter-desktop">
|
||||
|
|
@ -974,13 +967,15 @@ Created next project successfully
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
<hr>
|
||||
-->
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row two-boxes">
|
||||
<div class="row one-box">
|
||||
<div class="col">
|
||||
<h2 class="display-3 text-center">Ready to start building?<br>All you need is tea.</h2>
|
||||
<h2 class="display-5 text-center">Ready to start building?<br>All you need is tea.</h2>
|
||||
<p class="lead text-center mb-5">Introducing tea’s +pkg syntax, the ultimate tool for streamlined open source access, allowing you to access the entire ecosystem with one command, compose and combine everything, and even more.</p>
|
||||
<div class="bottom-cta">{{- partial "desktop-ctas.html" -}}</div>
|
||||
</div>
|
||||
|
|
@ -988,7 +983,9 @@ Created next project successfully
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
<hr>
|
||||
-->
|
||||
|
||||
<style>
|
||||
|
||||
|
|
@ -1055,7 +1052,7 @@ Created next project successfully
|
|||
<section class="one-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<h2 class="display-2">OSS wouldn't work without talented contributors like you.</h2>
|
||||
<h2 class="display-5">OSS wouldn't work without talented contributors like you.</h2>
|
||||
<p class="mb-5">We at tea would like to give a big shout out to all the open-source developers out there. Your contributions and dedication to making the world a better place through technology is truly admirable. Thanks to your hard work and generosity, projects like teaxyz/cli can continue to improve and evolve. If you are interested in joining our team of code crusaders, we welcome you with open arms. Head on over to the teaxyz/cli repository on Github and start contributing today! Let's continue to make a positive impact on the world of technology together.</p>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<!-- Desktop CTA's -->
|
||||
<div class="row mb-3 desktop-ctas">
|
||||
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mb-3">
|
||||
<div class="row desktop-ctas">
|
||||
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
|
||||
<a href="https://github.com/teaxyz/cli">
|
||||
<button class="hbtn hb-fill-right" style="width:100% !important;"><i class="icon-tea-logo-iconasset-1"></i>INSTALL TEA (<span class="release" style="text-transform:lowercase;"></span>)</button>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mb-3">
|
||||
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
|
||||
<a href="https://github.com/teaxyz/cli">
|
||||
<button class="hbtn-light hb-light-fill-right" style="width:100% !important;"><i class="icon-github" style="position:relative;top:2px;"></i>GITHUB (☆<span class="stargazers" style="text-transform: lowercase;"></span>)</button>
|
||||
</a>
|
||||
|
|
|
|||
210
src/layouts/partials/footer-content.html
Normal file
210
src/layouts/partials/footer-content.html
Normal file
|
|
@ -0,0 +1,210 @@
|
|||
<div id="myData"></div>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row one-box">
|
||||
<div class="col-xl-4 col-lg-4 col-md-8 col-sm-12 col-12 me-5">
|
||||
<img class="mb-3" src="/Images/tea-logo-2.svg" alt="tea Logo (teal)" style="width:40px;">
|
||||
<p class="small">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 class="social-icons flex-start">
|
||||
<a href="https://twitter.com/teaxyz">
|
||||
<i class="icon-twitter lead me-2"></i>
|
||||
</a>
|
||||
<a href="https://discord.gg/KCZsXfJphn">
|
||||
<i class="icon-discord lead me-2"></i>
|
||||
</a>
|
||||
<a href="https://github.com/teaxyz/cli">
|
||||
<i class="icon-github lead me-2"></i>
|
||||
</a>
|
||||
<a href="https://t.me/tea_xyz">
|
||||
<i class="icon-telegram lead me-2"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col pt-5">
|
||||
<h6 class="white">Quick Links</h6>
|
||||
<a href="https://medium.com/teaxyz">blog</a><br>
|
||||
<a href="/press/">press</a><br>
|
||||
<a href="/careers/">careers</a><br>
|
||||
<a href="/privacy-policy/">privacy policy</a><br>
|
||||
<a href="/terms-of-use/">terms of use</a><br>
|
||||
</div>
|
||||
<div class="col">
|
||||
|
||||
</div>
|
||||
<div class="col">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<p class="small">©<span id="copyYear"></span> tea inc. You can also share our <a href="https://linktr.ee/teaxyz" class="teal">Linktree</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
|
||||
const copyrightDate = new Date().getFullYear();
|
||||
document.getElementById('copyYear').innerHTML = copyrightDate;
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<!-- JavaScript Bundle with Popper -->
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
|
||||
</script>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
|
||||
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
||||
|
||||
<script>
|
||||
$(window).scroll(function () {
|
||||
$('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
|
||||
});
|
||||
|
||||
if (localStorage['signup'].match(/:::/)) {
|
||||
const [username, serial_] = localStorage.signup.split(':::');
|
||||
const serial = (+serial_).toLocaleString()
|
||||
$('.box-auth-true').show();
|
||||
$('.box-auth-false').hide();
|
||||
$('#auth-username').html(username);
|
||||
$('#count').html(`${serial} / <span id='count3'></span>`);
|
||||
$('#count-sub-text').html('YOUR AUTHENTICATION NUMBER');
|
||||
$('#communitea').html('Thanks for joining our communi'<span style="color:#54BAAB;">tea</span>');
|
||||
$('#revolution-text').html(
|
||||
'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
|
||||
);
|
||||
$('#auth-body-text').hide();
|
||||
$('.rounded-pill').hide();
|
||||
$('.auth-btn').html('Configure GitHub App');
|
||||
$('.auth-btn').attr('href', 'https://github.com/apps/tea-xyz')
|
||||
}
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
(function(c,l,a,r,i,t,y){
|
||||
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
|
||||
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
|
||||
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
|
||||
})(window, document, "clarity", "script", "c9ohlhyxzf");
|
||||
</script>
|
||||
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3M5LVH76F"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'G-Q3M5LVH76F');
|
||||
</script>
|
||||
|
||||
<script>
|
||||
const textList = [
|
||||
"game‐dev",
|
||||
"AI",
|
||||
"automation",
|
||||
"data",
|
||||
"ML",
|
||||
"web",
|
||||
"devops",
|
||||
"creating",
|
||||
"everything",
|
||||
"<i>you<i>"
|
||||
];
|
||||
const cycle = document.querySelector(".cycle","#cycle");
|
||||
let i = 0;
|
||||
const cycleText = () => {
|
||||
cycle.innerHTML = textList[i];
|
||||
i = ++i % textList.length;
|
||||
};
|
||||
cycleText();
|
||||
setInterval(cycleText, 2400);
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
rdt('track', 'SignUp');
|
||||
rdt('track', 'ViewContent');
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
const url = 'https://tea.breezy.hr/json?verbose=true';
|
||||
|
||||
fetch(url)
|
||||
.then(res => res.json())
|
||||
.then((out) => {
|
||||
//Debugging + Reference
|
||||
console.log(out);
|
||||
//Job Description One
|
||||
document.getElementById('typeOne').innerHTML = out[0].type.name;
|
||||
document.getElementById('deptOne').innerHTML = out[0].department;
|
||||
out[0].location.is_remote === true ? document.getElementById('locOne').innerHTML = 'Remote' : document.getElementById('locOne').innerHTML = out[0].location.name;
|
||||
document.getElementById('jobOne').innerHTML = out[0].name;
|
||||
document.getElementById('descOne').innerHTML = out[0].description;
|
||||
document.getElementById('linkOne').href = out[0].url;
|
||||
document.getElementById('typeTwo').innerHTML = out[1].type.name;
|
||||
document.getElementById('deptTwo').innerHTML = out[1].department;
|
||||
document.getElementById('jobTwo').innerHTML = out[1].name;
|
||||
document.getElementById('descTwo').innerHTML = out[1].description;
|
||||
out[1].location.is_remote === true ? document.getElementById('locTwo').innerHTML = 'Remote' : document.getElementById('locTwo').innerHTML = out[1].location.name;
|
||||
document.getElementById('linkTwo').href = out[1].url;
|
||||
document.getElementById('jobThree').innerHTML = out[2].name;
|
||||
document.getElementById('typeThree').innerHTML = out[2].type.name;
|
||||
document.getElementById('deptThree').innerHTML = out[2].department;
|
||||
out[2].location.is_remote === true ? document.getElementById('locThree').innerHTML = 'Remote' : document.getElementById('locThree').innerHTML = out[2].location.name;
|
||||
document.getElementById('descThree').innerHTML = out[2].description;
|
||||
document.getElementById('linkThree').href = out[2].url;
|
||||
})
|
||||
.catch(err => { throw err });
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
const toastTrigger = document.getElementById('liveToastBtn')
|
||||
const toastLiveExample = document.getElementById('liveToast')
|
||||
if (toastTrigger) {
|
||||
toastTrigger.addEventListener('click', () => {
|
||||
const toast = new bootstrap.Toast(toastLiveExample)
|
||||
|
||||
toast.show()
|
||||
})
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var repository = "teaxyz/cli";
|
||||
var url = "https://api.github.com/repos/" + repository;
|
||||
|
||||
$.get(url, function(data) {
|
||||
var stargazers = numeral(data.stargazers_count).format("0.0a");
|
||||
$(".stargazers").html(stargazers).hide().fadeIn(400);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function() {
|
||||
var repository = "teaxyz/cli";
|
||||
var url = "https://api.github.com/repos/"+ repository +"/releases/latest";
|
||||
|
||||
$.get(url, function(data) {
|
||||
var release = data.tag_name;
|
||||
$(".release").html(release).hide().fadeIn(400);
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
|
@ -1,40 +1,5 @@
|
|||
<hr>
|
||||
<div id="myData"></div>
|
||||
|
||||
<section id="community">
|
||||
<div class="container">
|
||||
<div class="row footer-top one-box-down">
|
||||
<div class="col-lg-8 footer-content">
|
||||
<h4>the next-generation, cross‐platform package manager</h4>
|
||||
<p class="lead">tea.cli is a delightful package manager that gets out of your way and sets you up for a joyful development process. <a class="teal" href="#">You can install it today</a>. <!--Our web3 protocol will create an OSS ecosystem that is safer for all users, and fair for all maintainers. Read our <a class="teal" href="#">white paper</a> here.--></p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card social-box" style="width: 100%; float:right;">
|
||||
<ul class="list-group list-group-flush">
|
||||
<a class="list-group-item" role="button" href="https://twitter.com/teaxyz"><i class="icon-twitter social-icon"></i>Twitter</a>
|
||||
<a class="list-group-item" role="button" href="https://discord.gg/KCZsXfJphn"><i class="icon-discord social-icon"></i>Discord</a>
|
||||
<a class="list-group-item" role="button" href="https://github.com/teaxyz/cli"><i class="icon-github social-icon"></i>GitHub <span style="font-size:16px;">(☆<span class="stargazers"></span>, <span class="release"></span>)</span></a>
|
||||
<a class="list-group-item" role="button" href="https://t.me/tea_xyz"><i class="icon-telegram social-icon"></i>Telegram</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-4">
|
||||
<h4 class="mb-4">sign up for tea'mails</h4>
|
||||
<div class="col">
|
||||
{{- partial "klaviyo-form.html" -}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<p class="small">©<span id="copyYear"></span> tea inc. You can also share our <a href="https://linktr.ee/teaxyz" class="teal">Linktree</a>.</p>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
{{- partial "footer-nav.html" . -}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div id="myData"></div>
|
||||
|
||||
<script>
|
||||
|
||||
|
|
|
|||
|
|
@ -78,12 +78,12 @@ li{
|
|||
}
|
||||
|
||||
a{
|
||||
color: #00ffd0;
|
||||
color: #fff !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
color: #00ffd0;
|
||||
color: #fff !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue