mirror of
https://github.com/ivabus/www
synced 2024-11-26 16:15:06 +03:00
Moving current hompage elements to partials for later use
This commit is contained in:
Thomas Smith
parent
f737eeff10
commit
a66d07e8d4
5 changed files with 137 additions and 143 deletions
|
|
@ -58,127 +58,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<!-- Package Section: Before -->
|
|
||||||
|
|
||||||
<section class="package-before-section ">
|
|
||||||
<div class="container package_before">
|
|
||||||
<div class="row one-box">
|
|
||||||
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
|
|
||||||
<h2 style="margin-bottom: 1vw;">The unified packaging infrastructure.</h2>
|
|
||||||
<p class="lead">Access the latest tools, languages and frameworks seamlessly across all platforms with tea—the standalone, binary download from the creator of brew. Unleash the power of the open-source ecosystem by <a href="https://github.com/teaxyz/setup/blob/main/install.sh">installing tea</a> today.</p>
|
|
||||||
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
|
|
||||||
<div class="gen-art-mobile" id="m-gen-art-1"></div>
|
|
||||||
<div class="gen-art-mobile" id="m-gen-art-2"></div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Package Grid -->
|
|
||||||
|
|
||||||
<!-- Desktop/Tablet Package Display -->
|
|
||||||
|
|
||||||
<span class="grid-package-display">
|
|
||||||
{{- partial "package-grid.html" . -}}
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<!-- Mobile Package Display -->
|
|
||||||
|
|
||||||
<span class="swiper-package-display">
|
|
||||||
{{- partial "swiper.html" . -}}
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<!-- Style for Swiper -->
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.swiper-package-display{
|
|
||||||
display:block;
|
|
||||||
}
|
|
||||||
.grid-package-display{
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
@media only screen and (min-width: 576px) {
|
|
||||||
|
|
||||||
.grid-package-display{
|
|
||||||
display:block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.swiper-package-display{
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<!-- Bottle CTA -->
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<section>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
|
|
||||||
<div class="one-box-down">
|
|
||||||
<h4 class="text-center">Check out which versions we have bottled</h4>
|
|
||||||
<p class="text-center">We've compiled a list of every package that's been bottled, along with their corresponding versions.</p>
|
|
||||||
</div>
|
|
||||||
<a href="/bottles/">
|
|
||||||
<button class="detail-btn-large bottle-cta"><i class="icon-enter-arrow"></i>VIEW ALL BOTTLES</button>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
|
|
||||||
.bottle-cta{
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
<!-- Package CTA Section
|
|
||||||
<section class="package-cta-section" id="authenticate">
|
|
||||||
<div class="container package-cta-container one-box">
|
|
||||||
<div class="row one-box-down one-box-up">
|
|
||||||
<div class="col-lg-9">
|
|
||||||
<h3>Authenticate your GitHub for an even bigger sip</h3>
|
|
||||||
<p class="lead">Using tea without authenticating is like playing a video game without the DLC. There’s so much more to our ecosystem than a command line interface, and we want you to be a part of it.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
<div class="row one-box-up">
|
|
||||||
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
|
|
||||||
<i class="icon-pattern-random-21 teal display-6"></i>
|
|
||||||
<h5>Map out the Tea’cosystem</h5>
|
|
||||||
<p>The more people authenticate, the clearer picture we have on just how strong the pot of tea we’re brewing is. We’ll be able to see just how many newcomers and bona-fide OSS veterans have enlisted for the revolution.</p>
|
|
||||||
<img class="mobile-grid-element" src="/Images/mobile-grid-element-one-row.svg" alt="grid">
|
|
||||||
</div>
|
|
||||||
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
|
|
||||||
<i class="icon-pattern-random-15 teal display-6"></i>
|
|
||||||
<h5>Get Recognized</h5>
|
|
||||||
<p>Authenticating your GitHub enables us to quantify and reward the contributions <em>you’ve already made</em> to the Open-Source Community</p>
|
|
||||||
<img class="mobile-grid-element" src="/Images/mobile-grid-element-one-row.svg" alt="grid">
|
|
||||||
</div>
|
|
||||||
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
|
|
||||||
<i class="icon-pattern-random-19 teal display-6"></i>
|
|
||||||
<h5>NFT Reward Badges</h5>
|
|
||||||
<p>Authenticating your GitHub entitles you to unique NFT reward badges, including one with rare artwork specific to how soon you authenticate.</p>
|
|
||||||
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
{{- partial "full-width-cta.html" . -}}
|
|
||||||
|
|
||||||
-->
|
|
||||||
|
|
||||||
<!-- Statistics -->
|
<!-- Statistics -->
|
||||||
|
|
||||||
|
|
@ -239,27 +119,4 @@
|
||||||
{{- partial "clipboard-copy.html" . -}}
|
{{- partial "clipboard-copy.html" . -}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- partners
|
|
||||||
<section class="partners">
|
|
||||||
<div class="gen-art" id="gen-art-10"></div>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12" style="position:relative; z-index: 2; margin-top: 20px;">
|
|
||||||
<h2>partners</h2>
|
|
||||||
<p>At our core, tea is about building an open-source ecosystem that is fair for everyone. This is an enormous undertaking and we can’t do it alone. Here we want to thank those that have already enlisted for the Open-Source Revolution.</p>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<img class="partner-logo" id="binance-logo" src="/Images/binance-logo-white.svg" alt="Binance Logo" style="width:37.757vw; margin-top:1.116vw; z-index:2; position:relative;">
|
|
||||||
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid" style="margin-top: -2.8vw;">
|
|
||||||
<div class="gen-art-mobile" id="m-gen-art-9"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
-->
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
|
||||||
31
src/layouts/partials/bottle-cta.html
Normal file
31
src/layouts/partials/bottle-cta.html
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
|
||||||
|
<div class="one-box-down">
|
||||||
|
<h4 class="text-center">Check out which versions we have bottled</h4>
|
||||||
|
<p class="text-center">We've compiled a list of every package that's been bottled, along with their corresponding versions.</p>
|
||||||
|
</div>
|
||||||
|
<a href="/bottles/">
|
||||||
|
<button class="detail-btn-large bottle-cta"><i class="icon-enter-arrow"></i>VIEW ALL BOTTLES</button>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
.bottle-cta{
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<hr>
|
||||||
33
src/layouts/partials/nft-cta.html
Normal file
33
src/layouts/partials/nft-cta.html
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
<!-- Package CTA Section
|
||||||
|
<section class="package-cta-section" id="authenticate">
|
||||||
|
<div class="container package-cta-container one-box">
|
||||||
|
<div class="row one-box-down one-box-up">
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<h3>Authenticate your GitHub for an even bigger sip</h3>
|
||||||
|
<p class="lead">Using tea without authenticating is like playing a video game without the DLC. There’s so much more to our ecosystem than a command line interface, and we want you to be a part of it.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<div class="row one-box-up">
|
||||||
|
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
|
||||||
|
<i class="icon-pattern-random-21 teal display-6"></i>
|
||||||
|
<h5>Map out the Tea’cosystem</h5>
|
||||||
|
<p>The more people authenticate, the clearer picture we have on just how strong the pot of tea we’re brewing is. We’ll be able to see just how many newcomers and bona-fide OSS veterans have enlisted for the revolution.</p>
|
||||||
|
<img class="mobile-grid-element" src="/Images/mobile-grid-element-one-row.svg" alt="grid">
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
|
||||||
|
<i class="icon-pattern-random-15 teal display-6"></i>
|
||||||
|
<h5>Get Recognized</h5>
|
||||||
|
<p>Authenticating your GitHub enables us to quantify and reward the contributions <em>you’ve already made</em> to the Open-Source Community</p>
|
||||||
|
<img class="mobile-grid-element" src="/Images/mobile-grid-element-one-row.svg" alt="grid">
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
|
||||||
|
<i class="icon-pattern-random-19 teal display-6"></i>
|
||||||
|
<h5>NFT Reward Badges</h5>
|
||||||
|
<p>Authenticating your GitHub entitles you to unique NFT reward badges, including one with rare artwork specific to how soon you authenticate.</p>
|
||||||
|
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{- partial "full-width-cta.html" . -}}
|
||||||
52
src/layouts/partials/package-section.html
Normal file
52
src/layouts/partials/package-section.html
Normal file
|
|
@ -0,0 +1,52 @@
|
||||||
|
<!-- Package Section: Before -->
|
||||||
|
|
||||||
|
<section class="package-before-section ">
|
||||||
|
<div class="container package_before">
|
||||||
|
<div class="row one-box">
|
||||||
|
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
|
||||||
|
<h2 style="margin-bottom: 1vw;">The unified packaging infrastructure.</h2>
|
||||||
|
<p class="lead">Access the latest tools, languages and frameworks seamlessly across all platforms with tea—the standalone, binary download from the creator of brew. Unleash the power of the open-source ecosystem by <a href="https://github.com/teaxyz/setup/blob/main/install.sh">installing tea</a> today.</p>
|
||||||
|
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
|
||||||
|
<div class="gen-art-mobile" id="m-gen-art-1"></div>
|
||||||
|
<div class="gen-art-mobile" id="m-gen-art-2"></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Package Grid -->
|
||||||
|
|
||||||
|
<!-- Desktop/Tablet Package Display -->
|
||||||
|
|
||||||
|
<span class="grid-package-display">
|
||||||
|
{{- partial "package-grid.html" . -}}
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<!-- Mobile Package Display -->
|
||||||
|
|
||||||
|
<span class="swiper-package-display">
|
||||||
|
{{- partial "swiper.html" . -}}
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<!-- Style for Swiper -->
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.swiper-package-display{
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
.grid-package-display{
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 576px) {
|
||||||
|
|
||||||
|
.grid-package-display{
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-package-display{
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
21
src/layouts/partials/partners-section.html
Normal file
21
src/layouts/partials/partners-section.html
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
<section class="partners">
|
||||||
|
<div class="gen-art" id="gen-art-10"></div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12" style="position:relative; z-index: 2; margin-top: 20px;">
|
||||||
|
<h2>partners</h2>
|
||||||
|
<p>At our core, tea is about building an open-source ecosystem that is fair for everyone. This is an enormous undertaking and we can’t do it alone. Here we want to thank those that have already enlisted for the Open-Source Revolution.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<img class="partner-logo" id="binance-logo" src="/Images/binance-logo-white.svg" alt="Binance Logo" style="width:37.757vw; margin-top:1.116vw; z-index:2; position:relative;">
|
||||||
|
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid" style="margin-top: -2.8vw;">
|
||||||
|
<div class="gen-art-mobile" id="m-gen-art-9"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
Loading…
Reference in a new issue