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

More spacing + logos

Browse source
This commit is contained in:
Thomas Smith 2023-02-10 18:11:24 -05:00
parent b8a7fde663
commit aacb6b20b8
3 changed files with 39 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
src/layouts/index.html
View file

@ -22,7 +22,7 @@
.comment-success code{
color: #1a1a1a;
}
/*
.hero{
background-image: url("/Images/hero-background-mountains.png") !important;
background-attachment: scroll;
@ -30,7 +30,7 @@
background-repeat: repeat-y;
background-size: cover !important;
}
*/
@media only screen and (max-width: 992px) {
.hero{
@ -238,6 +238,28 @@
</style>
<section>
<div class="container">
<hr>
<div class="row one-box">
<div class="col">
<p class="text-uppercase text-center small mb-5 grid-gray">As featured on</p>
<div class="row logos" style="width:60%;margin-left:auto;margin-right:auto;">
<div class="col-4 text-center">
<img src="/Images/binance.svg" alt="Binance Labs" style="width:140px;">
</div>
<div class="col-4 text-center">
<img src="/Images/tech-crunch-tea-xyz.svg" alt="Binance Labs" style="width:140px;">
</div>
<div class="col-4 text-center">
<img src="/Images/stackoverflow-logo.svg" alt="Binance Labs" style="width:140px;">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Teal Impact Section -->
<div class="section-divider teal-bg">
<img src="/Images/pixel-section-divider.svg" style="pointer-events:none;" alt="">
@ -319,14 +341,15 @@
<div class="section-divider">
<img src="/Images/pixel-section-divider-teal.svg" style="pointer-events:none;" alt="">
</div>
<div class="container two-boxes-up">
<div class="row two-boxes-down">
<div class="col">
<h2 class="display-4 text-center">features</h2>
</div>
</div>
<div class="container two-boxes">
<div class="row one-box-down">
<div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 mb-xl-0 mb-lg-0 mb-md-5 mb-sm-5 mb-5 flex order-2">
<div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 col-12">
<h2 class="display-5">features</h2>
<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>
<div class="row">
<div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 flex order-2">
<div class="feature-content ps-xl-5 ps-lg-3 ps-md-0 ps-sm-0 ps-0">
<h2 class="display-5">tea magic</h2>
<p>Easily access the entire open source ecosystem with tea. Simply prefix your commands with "tea" and if the tool isn't installed, tea will install it for you. Add magic to your shell scripts and use developer environments to enhance your workflow.</p>
@ -408,8 +431,8 @@ bun install v0.4.0 (a94bba63)<br>
<!-- Second -->
<div class="row one-box">
<div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 mb-xl-0 mb-lg-0 mb-md-5 mb-sm-5 mb-5 order-xl-1 order-lg-1 order-md-2 order-sm-2 order-2 flex">
<div class="row">
<div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 order-xl-1 order-lg-1 order-md-2 order-sm-2 order-2 flex">
<div class="feature-content pe-xl-5 pe-lg-3 pe-md-0 pe-sm-0 pe-0">
<h2 class="display-5">Developer Environments</h2>
<p>Simplify your development environment setup with tea by automatically fetching the specific versions of tools your project needs. With a range of specifications, tea provides a seamless solution to manage project dependencies. Debug changes, supplement your environment, and see the full environment with ease.</p>
@ -491,8 +514,8 @@ bun install v0.4.0 (a94bba63)<br>
<!-- Third -->
<div class="row one-box">
<div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 mb-xl-0 mb-lg-0 mb-md-5 mb-sm-5 mb-5 flex order-2">
<div class="row one-box-down">
<div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 flex order-2">
<div class="feature-content ps-xl-5 ps-lg-3 ps-md-0 ps-sm-0 ps-0">
<h2 class="display-5">tea scripts</h2>
<p>This is next-generation, cross-platform package management. With tea, you no longer have to install packages—just type the commands you need and tea does the rest. Enjoy seamless and flexible version control, with the full https://semver.org spec supported.</p>
@ -634,11 +657,11 @@ bun install v0.4.0 (a94bba63)<br>
<!-- Getting Started -->
<section class="gs-section">
<section>
<div class="container">
<div class="row one-box-up">
<div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12 mb-5">
<div class="gs-parent">
<div>
<div class="gs-content">
<h2 class="display-5">Getting started with tea!</h2>
<p class="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>
@ -648,13 +671,6 @@ bun install v0.4.0 (a94bba63)<br>
</div>
</div>
<style>
.gs-parent{
}
.gs-content{
}
</style>
</div>
<div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12 ps-xl-5 ps-lg-5 ps-md-0 ps-sm-3 ps-3">
<!-- terminal description -->

1
src/static/Images/stackoverflow-logo.svg Normal file
View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800.11 157.16"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clippath);}.cls-3{fill:#f48023;}.cls-4{fill:#fff;}.cls-5{fill:#bcbbbc;}</style><clipPath id="clippath"><rect class="cls-1" width="800.11" height="157.16"/></clipPath></defs><g id="svg2"><g class="cls-2"><path id="path22" class="cls-4" d="M220.91,81.34l7.68-7.68h-15.72v-18.66h-8.3v58.93c0,8.42,4.84,15.22,14.53,15.22h5.88v-7.15h-4.38c-5.31,0-7.73-3.11-7.73-8.3v-32.36h8.05Zm429.93,30.01V46.99h-14.75V112.27c0,8.4,5.11,16.91,17.25,16.91h8.39v-12.48h-5.67c-3.74,0-5.22-1.81-5.22-5.33h0Zm133.72-41.3l-9.53,36.53-12.14-36.53h-10.78l-12.03,36.53-9.53-36.53h-15.66l18.15,59.11h12.14l12.37-37.1,12.37,37.1h12.14l18.04-59.11h-15.54Zm-87.84,43.91c-1.7,1.7-3.97,2.61-6.92,2.61s-5.11-.91-6.81-2.61c-3.06-3.06-3.4-8.28-3.4-14.41s.34-11.23,3.4-14.3c1.7-1.7,3.86-2.61,6.81-2.61s5.22,.91,6.92,2.61c3.06,3.06,3.4,8.17,3.4,14.3s-.34,11.35-3.4,14.41Zm-6.92-44.59c-8.74,0-14.64,3.4-18.27,7.26-5.33,5.56-6.69,12.25-6.69,22.92s1.36,17.47,6.69,23.03c3.63,3.86,9.53,7.26,18.27,7.26s14.75-3.4,18.38-7.26c5.33-5.56,6.69-12.25,6.69-23.03s-1.36-17.36-6.69-22.92c-3.63-3.86-9.64-7.26-18.38-7.26Zm-86.37-5.48v65.21h14.75v-46.61h10.89v-11.23h-10.89v-6.47c0-3.4,1.7-5.33,5.22-5.33h5.67v-12.48h-8.4c-12.03,0-17.25,8.51-17.25,16.9Zm-33.39,11.83v-5.67h-14.41v59.11h14.75v-35.63c0-7.49,4.99-10.89,9.53-10.89,3.63,0,5.51,1.21,7.78,3.48l11.16-11.19c-4.08-4.08-8.17-5.56-13.96-5.56-6.35,0-12.03,2.95-14.86,6.35h0Zm-58.74,18.38c.11-2.61,.45-4.2,1.36-6.35,1.59-3.52,4.88-6.13,9.87-6.13s8.28,2.61,9.87,6.13c.91,2.16,1.25,3.74,1.36,6.35h-22.47Zm11.23-24.73c-15.32,0-25.75,10.89-25.75,30.18,0,23.94,13.39,30.29,27.34,30.29,10.67,0,16.45-3.29,22.47-9.3l-8.96-8.74c-3.75,3.74-6.92,5.56-13.39,5.56-8.28,0-12.93-5.56-12.93-13.16h36.99v-6.58c0-16.22-9.31-28.25-25.76-28.25h0Zm-40.64,.68l-11.91,36.53-12.03-36.53h-15.54l21.78,59.11h11.57l21.67-59.11h-15.54Zm-57.43,43.91c-1.7,1.7-3.97,2.61-6.92,2.61s-5.11-.91-6.81-2.61c-3.06-3.06-3.4-8.28-3.4-14.41s.34-11.23,3.4-14.3c1.7-1.7,3.86-2.61,6.81-2.61s5.22,.91,6.92,2.61c3.06,3.06,3.4,8.17,3.4,14.3s-.34,11.35-3.4,14.41Zm-6.92-44.59c-8.74,0-14.64,3.4-18.27,7.26-5.33,5.56-6.69,12.25-6.69,22.92s1.36,17.47,6.69,23.03c3.63,3.86,9.53,7.26,18.27,7.26s14.75-3.4,18.38-7.26c5.33-5.56,6.69-12.25,6.69-23.03s-1.36-17.36-6.69-22.92c-3.63-3.86-9.64-7.26-18.38-7.26Zm-39.01,2.95h-10.35l-25.73,25.05,.04-50.34h-8.3v82.12h8.3l-.04-20.71,10.07-10.11,19.03,30.82h10.26l-23.54-36.57,20.26-20.26Zm-71.12,6.77c5.42,0,8.77,1.61,13.03,6.34,0,0,5.56-5.4,5.51-5.45-5.82-6.23-10.76-8.27-18.55-8.27-14.3,0-25.14,9.69-25.14,29.06s10.84,29.06,25.14,29.06c7.84,0,12.8-2.08,18.68-8.42l-5.65-5.42c-4.27,4.73-7.61,6.46-13.03,6.46s-10.15-2.19-13.15-6.46c-2.65-3.69-3.69-8.07-3.69-15.22s1.04-11.53,3.69-15.22c3-4.27,7.61-6.46,13.15-6.46h0Zm-40.83,29.98c0,4.73-.92,7.96-2.88,9.8-3.58,3.46-7.84,3.81-12.69,3.81-9,0-13.03-3.11-13.03-9.69s4.15-10.03,12.69-10.03h15.92v6.11Zm-14.42-37.37c-9.1,0-14.84,1.8-19.86,8.16-.07,.09,5.45,5.45,5.45,5.45,3.35-4.73,7.04-6.46,14.3-6.46,10.38,0,14.53,4.15,14.53,12.46v5.42h-17.07c-12.69,0-19.61,6.46-19.61,16.38,0,4.5,1.5,8.76,4.27,11.53,3.58,3.69,8.19,5.19,16.03,5.19s11.76-1.5,16.38-6.11v5.42h8.3v-38.52c0-12.34-7.5-18.91-22.72-18.91h0Zm-71.01,25.49l-9.11-.81c-7.15-.58-9.92-3.46-9.92-8.3,0-5.77,4.38-9.34,12.69-9.34,5.88,0,11.07,1.38,15.11,4.5l5.42-5.42c-5.08-4.15-12.34-6.11-20.41-6.11-12.11,0-20.87,6.23-20.87,16.61,0,9.34,5.88,14.3,16.95,15.22l9.34,.81c6.57,.58,9.46,3.35,9.46,8.3,0,6.69-5.77,10.03-15.11,10.03-7.03,0-13.15-1.85-17.65-6.57l-5.53,5.54c6.23,6,13.72,8.19,23.3,8.19,13.72,0,23.07-6.34,23.07-17.3s-6.8-14.42-16.72-15.34"/><path id="path24" class="cls-5" d="M112.1,143.13v-42.07h14.02v56.09H0v-56.09H14.02v42.07H112.1"/><path id="path26" class="cls-3" d="M28.06,129.11H98.17v-14.02H28.06v14.02ZM90.89,0l-11.25,8.37,41.84,56.26,11.25-8.37L90.89,0ZM56.12,33.17l53.87,44.87,8.97-10.78L65.09,22.39l-8.97,10.77Zm-17.59,31.18l63.56,29.6,5.92-12.71-63.56-29.6-5.92,12.71Zm-9.08,32.85l68.61,14.42,2.88-13.72-68.61-14.42-2.88,13.72"/></g></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 4.1 KiB

2
src/static/css/homepage.css
View file

@ -37,7 +37,7 @@
/* Spacers & Dividers */
hr{
border-bottom: 2px solid #949494 !important;
border-bottom: 1px solid #949494 !important;
opacity: 1;
margin: 0px !important;
}