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

Merge pull request #139 from teaxyz/tom-block-of-progress

Browse source 
Tom block of progress
This commit is contained in:
Thomas Smith 2022-10-27 08:43:02 -04:00 committed by GitHub
commit 29d3267e0a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
16 changed files with 457 additions and 224 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
lychee.toml
View file

@ -18,5 +18,7 @@ exclude = [
"https://tea.xyz/tea.authentication-success", "https://tea.xyz/tea.authentication-success",
"https://tea.xyz/tea.email-subscribe", "https://tea.xyz/tea.email-subscribe",
"https://www.google.com/thank-you", "https://www.google.com/thank-you",
"file:///home/runner/work/www/www/public/tea.white-paper.pdf" "file:///home/runner/work/www/www/public/tea.white-paper.pdf",
"file:///home/runner/work/www/www/public/manage.kmail-lists.com/subscriptions/subscribe",
"file:///home/runner/work/www/www/public/www.klaviyo.com/media/js/public/klaviyo_subscribe.js"
] ]

113
src/layouts/index.html
View file

@ -22,6 +22,115 @@
} }
</style> </style>
<style>
#m-home-gen-art-1{
position:absolute;
width:57vw;
height: 19.3vw;
left: 6.8vw;
margin-top:164vw;
z-index: 1;
background-image: url("/Images/gen-art/orange-pattern.jpg");
background-position: center;
background-repeat: repeat;
background-size: cover;
}
#m-home-gen-art-2{
position:absolute;
width:36vw;
height: 19.3vw;
right: 6.8vw;
margin-top:154vw;
z-index: 3;
background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
background-position: center;
background-repeat: repeat;
background-size: cover;
}
#m-home-gen-art-3{
position:absolute;
width:18vw;
height: 18vw;
border-radius:200px;
right: 40vw;
margin-top:167vw;
z-index: 3;
background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
background-position: center;
background-repeat: repeat;
background-size: cover;
animation: rotation 10s infinite linear;
}
#m-home-gen-art-4{
position:absolute;
width:36vw;
height: 12vw;
right: 50vw;
margin-top:180vw;
z-index: 2;
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
background-position: center;
background-repeat: repeat;
background-size: cover;
}
#m-home-gen-art-5{
position:absolute;
width:36vw;
height: 100vw;
right: 50vw;
margin-top:20vw;
z-index: 1;
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
background-position: center;
background-repeat: repeat;
background-size: cover;
}
#m-home-gen-art-6{
position:absolute;
width:36vw;
height: 60vw;
right: 30vw;
margin-top:30vw;
z-index: 0;
background-image: url("/Images/gen-art/gen-art-_0020_DALL·E 2022-09-02 12.25.55 - crystals in polarized light under microscope.png.jpg");
background-position: center;
background-repeat: repeat;
background-size: cover;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@media only screen and (min-width: 576px) {
.gen-art-mobile{
display: none;
}
}
</style>
<div class="gen-art-mobile animated-25 animatedFadeInUp fadeInUp" id="m-home-gen-art-1"></div>
<div class="gen-art-mobile animated-5 animatedFadeInUp fadeInUp" id="m-home-gen-art-2"></div>
<div class="gen-art-mobile" id="m-home-gen-art-3"></div>
<div class="gen-art-mobile animated-25 animatedFadeInUp fadeInUp" id="m-home-gen-art-4"></div>
<div class="gen-art-mobile animated-5 animatedFadeInUp fadeInUp" id="m-home-gen-art-5"></div>
<div class="gen-art-mobile animated-25 animatedFadeInUp fadeInUp" id="m-home-gen-art-6"></div>
<section class="hero-section"> <section class="hero-section">
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="gen-art-1"></div> <div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="gen-art-1"></div>
<div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="gen-art-2"></div> <div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="gen-art-2"></div>
@ -35,7 +144,7 @@
<div class="row"> <div class="row">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12"> <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
<p class="lead hero-subhead animated-25 animatedFadeInUp fadeInUp" style="margin-top:8px; margin-bottom: -9px;">The open-source revolution is here. We’re calling on all devs to build with our powerful, new unified package manager.</p> <p class="lead hero-subhead animated-25 animatedFadeInUp fadeInUp" style="margin-top:8px; margin-bottom: -9px;">The open-source revolution is here. We’re calling on all devs to build with our powerful, new unified package manager.</p>
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid"> <img class="mobile-grid-element mt-5" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
</div> </div>
</div> </div>
</div> </div>
@ -83,7 +192,7 @@
<div class="gen-art" id="gen-art-4"></div> <div class="gen-art" id="gen-art-4"></div>
<div class="gen-art" id="gen-art-4_5"></div> <div class="gen-art" id="gen-art-4_5"></div>
<div class="container package_before"> <div class="container package_before">
<div class="row"> <div class="row one-box">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12"> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
<h2 style="margin-bottom: 1vw;">about tea.</h2> <h2 style="margin-bottom: 1vw;">about tea.</h2>
<p class="lead">tea.xyz is a feature-rich, delightful unified package manager that will revolutionize open-source development by providing creators and maintainers value for previously unpaid labor.</p> <p class="lead">tea.xyz is a feature-rich, delightful unified package manager that will revolutionize open-source development by providing creators and maintainers value for previously unpaid labor.</p>

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

@ -35,7 +35,9 @@
<p>Department: <span id="deptOne"></span></p> <p>Department: <span id="deptOne"></span></p>
<p>Location: <span id="locOne"></span></p> <p>Location: <span id="locOne"></span></p>
</div> </div>
<hr class="one-box-down"> <div class="one-box-down">
<hr>
</div>
<div class="one-box-down" id="descOne"></div> <div class="one-box-down" id="descOne"></div>
<div> <div>
<a href="" id="linkOne"> <a href="" id="linkOne">
@ -58,7 +60,9 @@
<p>Department: <span id="deptTwo"></span></p> <p>Department: <span id="deptTwo"></span></p>
<p>Location: <span id="locTwo"></span></p> <p>Location: <span id="locTwo"></span></p>
</div> </div>
<hr class="one-box-down"> <div class="one-box-down">
<hr>
</div>
<div class="one-box-down" id="descTwo"></div> <div class="one-box-down" id="descTwo"></div>
<div> <div>
<a href="" id="linkTwo"> <a href="" id="linkTwo">
@ -70,13 +74,26 @@
</div> </div>
<div class="accordion-item"> <div class="accordion-item">
<h2 class="accordion-header" id="headingThree"> <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"> <button class="accordion-button collapsed" id="jobThree" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Accordion Item #3 Accordion Item #3
</button> </button>
</h2> </h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body"> <div class="accordion-body two-boxes">
<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 class="one-box-down">
<p>Employment type: <span id="typeThree"></span></p>
<p>Department: <span id="deptThree"></span></p>
<p>Location: <span id="locThree"></span></p>
</div>
<div class="one-box-down">
<hr>
</div>
<div class="one-box-down" id="descThree"></div>
<div>
<a href="" id="linkThree">
<button class="detail-btn-large"><i class="icon-enter-arrow"></i>VIEW ALL DETAILS</button>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -89,7 +106,7 @@
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h3 class="black text-center">Why work @ tea?</h3> <h3 class="black text-center">Why work @ tea?</h3>
<p class="text-center black">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> <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>
</div> </div>
</div> </div>
</div> </div>
@ -97,4 +114,12 @@
</section> </section>
<style>
.accordion-button{
line-height: 6vw;
}
</style>
{{ end }} {{ end }}

14
src/layouts/page/package-detail.html
View file

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section> <section class="two-boxes">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12"> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
@ -22,6 +22,16 @@
<!-- Copy to clipboard field --> <!-- Copy to clipboard field -->
<section>
<div class="container">
<div class="row">
<div class="col grid-gray">
Copy the tea one-liner below into your terminal to install {{- .Title -}}. tea will interpret the documentation and take care of any dependencies.
</div>
</div>
</div>
</section>
<hr> <hr>
<div class="row button-container"> <div class="row button-container">
<input class="one-liner" type="text" value="$ sh <(curl tea.xyz) install&nbsp;{{- .Title -}}" id="myInput" readonly> <input class="one-liner" type="text" value="$ sh <(curl tea.xyz) install&nbsp;{{- .Title -}}" id="myInput" readonly>
@ -127,12 +137,14 @@
text-align: center !important; text-align: center !important;
font-size: 4vw; font-size: 4vw;
border-left: 2px solid #949494; border-left: 2px solid #949494;
border-right: 2px solid #949494;
} }
.one-liner:focus{ .one-liner:focus{
border:none; border:none;
outline: none; outline: none;
border-left: 2px solid #949494; border-left: 2px solid #949494;
border-right: 2px solid #949494;
} }
.clipboard-copy{ .clipboard-copy{

7
src/layouts/page/products.html
View file

@ -28,7 +28,6 @@
margin-top:61vw; margin-top:61vw;
z-index: 3; z-index: 3;
background-image: url("/Images/gen-art/glass-triangles.jpg"); background-image: url("/Images/gen-art/glass-triangles.jpg");
background-attachment: fixed;
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
background-size: cover; background-size: cover;
@ -67,7 +66,7 @@
height: 20vw; height: 20vw;
right: 6.8vw; right: 6.8vw;
margin-top: 0vw; margin-top: 0vw;
z-index:0; z-index:2;
background-image: url("/Images/gen-art/pixel-mouth.jpg"); background-image: url("/Images/gen-art/pixel-mouth.jpg");
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
@ -80,7 +79,7 @@
height: 10vw; height: 10vw;
right: 15vw; right: 15vw;
top: 30vw; top: 30vw;
z-index:0; z-index:2;
background-image: url("/Images/gen-art/tribal-green.jpg"); background-image: url("/Images/gen-art/tribal-green.jpg");
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
@ -97,7 +96,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col" style="position:relative; z-index:2;"> <div class="col" style="position:relative; z-index:4;">
<h1>Products</h1> <h1>Products</h1>
<p class="lead animated-5 animatedFadeInUp fadeInUp">Just like the perfect cup of tea, greatness takes time to steep. But the wait is over… it’s time to take your first sip.</p> <p class="lead animated-5 animatedFadeInUp fadeInUp">Just like the perfect cup of tea, greatness takes time to steep. But the wait is over… it’s time to take your first sip.</p>
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid"> <img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">

11
src/layouts/page/style-guide.html
View file

@ -18,6 +18,17 @@
</div> </div>
</section> </section>
<section>
<div class="container">
<div class="row">
<div class="col">
{{- partial "klaviyo-form.html" -}}
</div>
</div>
</div>
</section>
<style> <style>
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {

4
src/layouts/partials/floating-join-btn.html
View file

@ -1,7 +1,5 @@
<style> <style>
/* Breakpoints for re-use*/
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
.gf-container { .gf-container {
@ -162,7 +160,7 @@
right: 3vw; right: 3vw;
bottom: 3vw !important; bottom: 3vw !important;
cursor: pointer; cursor: pointer;
z-index: 3; z-index: 4;
transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
} }

1
src/layouts/partials/footer-nav.html
View file

@ -19,7 +19,6 @@
.footer-link:hover{ .footer-link:hover{
color: #00ffd0 !important; color: #00ffd0 !important;
text-decoration:underline;
} }
</style> </style>

18
src/layouts/partials/footer.html
View file

@ -23,16 +23,11 @@
</div> </div>
</div> </div>
<div class="row mb-4"> <div class="row mb-4">
<h4>sign up for tea'mails</h4> <h4 class="mb-4">sign up for tea'mails</h4>
<hr>
<div class="col"> <div class="col">
<div class="input-group"> {{- partial "klaviyo-form.html" -}}
<input type="text" class="form-control footer-email" placeholder="you@email.com" aria-label="Recipient's username with two button addons">
<button class="btn btn-outline-secondary email-btn" type="button">Send</button>
</div> </div>
</div> </div>
<hr>
</div>
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<p class="small">©2022 tea inc. You can also share our <a href="" class="teal">Linktree</a>.</p> <p class="small">©2022 tea inc. You can also share our <a href="" class="teal">Linktree</a>.</p>
@ -180,11 +175,18 @@ integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+
document.getElementById('jobOne').innerHTML = out[0].name; document.getElementById('jobOne').innerHTML = out[0].name;
document.getElementById('descOne').innerHTML = out[0].description; document.getElementById('descOne').innerHTML = out[0].description;
document.getElementById('linkOne').href = out[0].url; document.getElementById('linkOne').href = out[0].url;
//Job Description Two
document.getElementById('typeTwo').innerHTML = out[1].type.name; document.getElementById('typeTwo').innerHTML = out[1].type.name;
document.getElementById('deptTwo').innerHTML = out[1].department; document.getElementById('deptTwo').innerHTML = out[1].department;
document.getElementById('jobTwo').innerHTML = out[1].name; document.getElementById('jobTwo').innerHTML = out[1].name;
document.getElementById('descTwo').innerHTML = out[1].description; 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 }); .catch(err => { throw err });

254
src/layouts/partials/klaviyo-form.html
View file

@ -1,34 +1,254 @@
<hr> <hr>
<div class="klaviyo-form-WUxzRc"></div> <form id="email_signup" action="//manage.kmail-lists.com/subscriptions/subscribe" method="POST">
<input type="hidden" name="g" value="XGq3MT">
<input class="footer-email" type="email" value="" name="email" id="k_id_email" placeholder="Add your email_" />
<button class="email-btn" type="submit">SEND</button>
</form>
<hr> <hr>
<p class="small mt-4" style="color:#949494;"><strong>Privacy Policy:</strong> We will never share, sell, or otherwise distribute your information to third-parties. We take a minimalistic approach to email marketing–meaning we'll only send you stuff when there's something you <em>absolutely</em> need to know about. You can read more about our privacy policies <a href="/privacy-policy/">here</a>.</p>
<script type="text/javascript" src="//www.klaviyo.com/media/js/public/klaviyo_subscribe.js"></script>
<style> <style>
.needsclick.klaviyo-form.klaviyo-form-version-cid_1.kl-private-reset-css-Xuajs1{ /* Email Form Styling */
max-width: 100% !important;
padding: 0px !important; @media only screen and (min-width: 1200px) {
#email_signup{
display: flex;
justify-content: space-between;
} }
.needsclick{ .footer-email{
min-height: none; font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
line-height: 2.121vw;
padding: 1.953vw 0vw;
background: none;
border: none;
width: 80%;
} }
input#email_48240998.needsclick.go2381409361.kl-private-reset-css-Xuajs1{ .footer-email::placeholder {
border: none !important; color: #949494;
background-color: #1a1a1a !important;
border-radius: 0px !important;
padding: 0px !important;
min-height: 4.185vw !important;
font-family: "pp-neue-machina", sans-serif !important;
text-transform: uppercase !important;
} }
input#email_48240998.needsclick.go2381409361.kl-private-reset-css-Xuajs1:focus{ .footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important; outline: none !important;
box-shadow: none !important; box-shadow: none !important;
} }
#email_48240998{ .email-btn{
min-height: 4.185vw !important; width: 16%;
border-left: 2px solid #949494;
border-right: none !important;
border-top: none !important;
border-bottom: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
background-color: #1a1a1a;
color: #949494;
} }
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
#email_signup{
display: flex;
justify-content: space-between;
}
.footer-email{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
line-height: 2.121vw;
padding: 1.953vw 0vw;
background: none;
border: none;
width: 80%;
}
.footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important;
box-shadow: none !important;
}
.email-btn{
width: 16%;
border-left: 2px solid #949494;
border-right: none !important;
border-top: none !important;
border-bottom: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
background-color: #1a1a1a;
color: #949494;
}
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
#email_signup{
display: flex;
justify-content: space-between;
}
.footer-email{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
line-height: 2.121vw;
padding: 1.953vw 0vw;
background: none;
border: none;
width:: 80%
}
.footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important;
box-shadow: none !important;
}
.email-btn{
width: 16%;
border-left: 2px solid #949494;
border-right: none !important;
border-top: none !important;
border-bottom: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
background-color: #1a1a1a;
color: #949494;
}
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 768px){
#email_signup{
display: flex;
justify-content: space-between;
}
.footer-email{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
line-height: 2.121vw;
padding: 1.953vw 0vw;
background: none;
border: none;
width: 80%;
}
.footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important;
box-shadow: none !important;
}
.email-btn{
width: 16%;
border-left: 2px solid #949494;
border-right: none !important;
border-top: none !important;
border-bottom: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
background-color: #1a1a1a;
color: #949494;
}
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
}
}
@media only screen and (max-width: 576px) {
#email_signup{
display: flex;
justify-content: space-between;
}
.footer-email{
font-family: "pp-neue-machina", sans-serif;
width: 70%;
text-transform: uppercase;
font-size: 4vw;
line-height: 2.121vw;
padding: 6vw 0vw;
background: none;
border: none;
}
.footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important;
box-shadow: none !important;
}
.email-btn{
width: 25%;
border-left: 2px solid #949494;
border-right: none !important;
border-top: none !important;
border-bottom: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 4vw;
background-color: #1a1a1a;
color: #949494;
}
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 1vw #1a1a1a !important;
}
}
</style> </style>

14
src/layouts/partials/white-paper-gen-art.html
View file

@ -79,7 +79,6 @@
margin-top:164vw; margin-top:164vw;
z-index: 3; z-index: 3;
background-image: url("/Images/gen-art/orange-pattern.jpg"); background-image: url("/Images/gen-art/orange-pattern.jpg");
background-attachment: fixed;
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
background-size: cover; background-size: cover;
@ -94,10 +93,10 @@
border-radius: 200px; border-radius: 200px;
z-index: 3; z-index: 3;
background-image: url("/Images/gen-art/dream-tree.jpg"); background-image: url("/Images/gen-art/dream-tree.jpg");
background-attachment: fixed;
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
background-size: cover; background-size: cover;
animation: rotation 10s infinite linear;
} }
#m-wp-gen-art-3{ #m-wp-gen-art-3{
@ -108,7 +107,6 @@
margin-top:154.5vw; margin-top:154.5vw;
z-index: 3; z-index: 3;
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg"); background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
background-attachment: fixed;
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
background-size: cover; background-size: cover;
@ -122,12 +120,20 @@
margin-top:20vw; margin-top:20vw;
z-index: 0; z-index: 0;
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg"); background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
background-attachment: fixed;
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
background-size: cover; background-size: cover;
} }
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@media only screen and (min-width: 576px) { @media only screen and (min-width: 576px) {
.gen-art-mobile{ .gen-art-mobile{
display:none; display:none;

4
src/static/css/accordion.css
View file

@ -41,7 +41,7 @@
transform: rotate(0deg); transform: rotate(0deg);
order:-1; order:-1;
margin-left: 0; margin-left: 0;
margin-right: 1vw; margin-right: 1vw !important;
} }
.accordion-body{ .accordion-body{
@ -302,7 +302,7 @@
transform: rotate(0deg); transform: rotate(0deg);
order:-1; order:-1;
margin-left: 0; margin-left: 0;
margin-right: 1vw; margin-right: 6vw !important;
} }
.accordion-body{ .accordion-body{

165
src/static/css/footer.css
View file

@ -2,23 +2,6 @@
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
.footer-email{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
line-height: 2.121vw;
padding: 1.953vw 0vw;
background: none;
border: none;
}
.footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important;
box-shadow: none !important;
}
.social-box{ .social-box{
border-radius: 0px !important; border-radius: 0px !important;
border: 2px solid #949494; border: 2px solid #949494;
@ -51,22 +34,6 @@
padding-right: 5.580vw; padding-right: 5.580vw;
} }
.email-btn{
width: 16%;
border-left: 2px solid #949494;
border-right: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
}
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
}
.social-icon{ .social-icon{
margin-right: 1.116vw !important; margin-right: 1.116vw !important;
position: relative; position: relative;
@ -81,23 +48,6 @@
@media only screen and (min-width: 992px) and (max-width: 1200px) { @media only screen and (min-width: 992px) and (max-width: 1200px) {
.footer-email{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
line-height: 2.121vw;
padding: 1.953vw 0vw;
background: none;
border: none;
}
.footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important;
box-shadow: none !important;
}
.social-box{ .social-box{
border-radius: 0px !important; border-radius: 0px !important;
border: 2px solid #949494; border: 2px solid #949494;
@ -130,22 +80,6 @@
padding-right: 5.580vw; padding-right: 5.580vw;
} }
.email-btn{
width: 16%;
border-left: 2px solid #949494;
border-right: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
}
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
}
.social-icon{ .social-icon{
margin-right: 1.116vw !important; margin-right: 1.116vw !important;
position: relative; position: relative;
@ -160,23 +94,6 @@
@media only screen and (min-width: 768px) and (max-width: 992px) { @media only screen and (min-width: 768px) and (max-width: 992px) {
.footer-email{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
line-height: 2.121vw;
padding: 1.953vw 0vw;
background: none;
border: none;
}
.footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important;
box-shadow: none !important;
}
.social-box{ .social-box{
border-radius: 0px !important; border-radius: 0px !important;
border: 2px solid #949494; border: 2px solid #949494;
@ -209,22 +126,6 @@
padding-right: 5.580vw; padding-right: 5.580vw;
} }
.email-btn{
width: 16%;
border-left: 2px solid #949494;
border-right: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
}
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
}
.social-icon{ .social-icon{
margin-right: 1.116vw !important; margin-right: 1.116vw !important;
position: relative; position: relative;
@ -239,23 +140,6 @@
@media only screen and (min-width: 576px) and (max-width: 768px){ @media only screen and (min-width: 576px) and (max-width: 768px){
.footer-email{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
line-height: 2.121vw;
padding: 1.953vw 0vw;
background: none;
border: none;
}
.footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important;
box-shadow: none !important;
}
.social-box{ .social-box{
border-radius: 0px !important; border-radius: 0px !important;
border: 2px solid #949494; border: 2px solid #949494;
@ -288,22 +172,6 @@
padding-right: 5.580vw; padding-right: 5.580vw;
} }
.email-btn{
width: 16%;
border-left: 2px solid #949494;
border-right: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 2.121vw;
}
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
}
.social-icon{ .social-icon{
margin-right: 1.116vw !important; margin-right: 1.116vw !important;
position: relative; position: relative;
@ -318,23 +186,6 @@
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
.footer-email{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 4vw;
line-height: 2.121vw;
padding: 6vw 0vw;
background: none;
border: none;
}
.footer-email:focus{
background-color: #1a1a1a;
color: #fff;
outline: none !important;
box-shadow: none !important;
}
.social-box{ .social-box{
border-radius: 0px !important; border-radius: 0px !important;
border: 2px solid #949494; border: 2px solid #949494;
@ -367,22 +218,6 @@
padding-right: 2.3vw; padding-right: 2.3vw;
} }
.email-btn{
width: 16%;
border-left: 2px solid #949494;
border-right: none !important;
border-radius: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 4vw;
}
.email-btn:hover{
background-color: #00ffd0;
color: #1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
}
.social-icon{ .social-icon{
margin-right: 2vw !important; margin-right: 2vw !important;
position: relative; position: relative;

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

@ -174,8 +174,6 @@ mark{
background-repeat: repeat-y; background-repeat: repeat-y;
background-position: right; background-position: right;
background-size: cover; background-size: cover;
padding-top: 12.556vw;
padding-bottom: 12.556vw;
} }
.package-cta{ .package-cta{

8
src/static/css/products.css
View file

@ -78,6 +78,10 @@
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
h1{
font-size: 15vw !important;
}
.tea-cli-container{ .tea-cli-container{
padding: 7vw !important; padding: 7vw !important;
} }
@ -86,6 +90,10 @@
display:none; display:none;
} }
.mobile-grid-element{
z-index: 0 !important;
}
} }
/* Generative Art styling */ /* Generative Art styling */

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

@ -60,6 +60,15 @@ li{
color: #ffffff; color: #ffffff;
} }
a{
color: #00ffd0;
text-decoration: none;
}
a:hover{
color: #1a1a1a;
}
/* Breakpoint-Specific Typography */ /* Breakpoint-Specific Typography */