mirror of
https://github.com/ivabus/www
synced 2024-11-22 13:25:06 +03:00
Merge pull request #139 from teaxyz/tom-block-of-progress
Tom block of progress
This commit is contained in:
Thomas Smith
GitHub
commit
29d3267e0a
16 changed files with 457 additions and 224 deletions
|
|
@ -18,5 +18,7 @@ exclude = [
|
|||
"https://tea.xyz/tea.authentication-success",
|
||||
"https://tea.xyz/tea.email-subscribe",
|
||||
"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"
|
||||
]
|
||||
|
|
|
|||
|
|
@ -22,6 +22,115 @@
|
|||
}
|
||||
</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">
|
||||
<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>
|
||||
|
|
@ -35,7 +144,7 @@
|
|||
<div class="row">
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -78,12 +187,12 @@
|
|||
</style>
|
||||
<!-- Package Section: Before -->
|
||||
|
||||
<section class="package-before-section">
|
||||
<section class="package-before-section ">
|
||||
<div class="gen-art" id="gen-art-3"></div>
|
||||
<div class="gen-art" id="gen-art-4"></div>
|
||||
<div class="gen-art" id="gen-art-4_5"></div>
|
||||
<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">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -35,7 +35,9 @@
|
|||
<p>Department: <span id="deptOne"></span></p>
|
||||
<p>Location: <span id="locOne"></span></p>
|
||||
</div>
|
||||
<hr class="one-box-down">
|
||||
<div class="one-box-down">
|
||||
<hr>
|
||||
</div>
|
||||
<div class="one-box-down" id="descOne"></div>
|
||||
<div>
|
||||
<a href="" id="linkOne">
|
||||
|
|
@ -58,7 +60,9 @@
|
|||
<p>Department: <span id="deptTwo"></span></p>
|
||||
<p>Location: <span id="locTwo"></span></p>
|
||||
</div>
|
||||
<hr class="one-box-down">
|
||||
<div class="one-box-down">
|
||||
<hr>
|
||||
</div>
|
||||
<div class="one-box-down" id="descTwo"></div>
|
||||
<div>
|
||||
<a href="" id="linkTwo">
|
||||
|
|
@ -70,13 +74,26 @@
|
|||
</div>
|
||||
<div class="accordion-item">
|
||||
<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
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<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="accordion-body two-boxes">
|
||||
<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>
|
||||
|
|
@ -89,7 +106,7 @@
|
|||
<div class="row">
|
||||
<div class="col">
|
||||
<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‐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‐based bonuses.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -97,4 +114,12 @@
|
|||
|
||||
</section>
|
||||
|
||||
<style>
|
||||
|
||||
.accordion-button{
|
||||
line-height: 6vw;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<section>
|
||||
<section class="two-boxes">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
|
||||
|
|
@ -22,6 +22,16 @@
|
|||
|
||||
<!-- 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>
|
||||
<div class="row button-container">
|
||||
<input class="one-liner" type="text" value="$ sh <(curl tea.xyz) install {{- .Title -}}" id="myInput" readonly>
|
||||
|
|
@ -127,12 +137,14 @@
|
|||
text-align: center !important;
|
||||
font-size: 4vw;
|
||||
border-left: 2px solid #949494;
|
||||
border-right: 2px solid #949494;
|
||||
}
|
||||
|
||||
.one-liner:focus{
|
||||
border:none;
|
||||
outline: none;
|
||||
border-left: 2px solid #949494;
|
||||
border-right: 2px solid #949494;
|
||||
}
|
||||
|
||||
.clipboard-copy{
|
||||
|
|
|
|||
|
|
@ -28,7 +28,6 @@
|
|||
margin-top:61vw;
|
||||
z-index: 3;
|
||||
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
|
|
@ -67,7 +66,7 @@
|
|||
height: 20vw;
|
||||
right: 6.8vw;
|
||||
margin-top: 0vw;
|
||||
z-index:0;
|
||||
z-index:2;
|
||||
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
|
|
@ -80,7 +79,7 @@
|
|||
height: 10vw;
|
||||
right: 15vw;
|
||||
top: 30vw;
|
||||
z-index:0;
|
||||
z-index:2;
|
||||
background-image: url("/Images/gen-art/tribal-green.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
|
|
@ -97,7 +96,7 @@
|
|||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col" style="position:relative; z-index:2;">
|
||||
<div class="col" style="position:relative; z-index:4;">
|
||||
<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>
|
||||
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
|
||||
|
|
|
|||
|
|
@ -18,6 +18,17 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{{- partial "klaviyo-form.html" -}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
<style>
|
||||
|
||||
/* Breakpoints for re-use*/
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.gf-container {
|
||||
|
|
@ -162,7 +160,7 @@
|
|||
right: 3vw;
|
||||
bottom: 3vw !important;
|
||||
cursor: pointer;
|
||||
z-index: 3;
|
||||
z-index: 4;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -19,7 +19,6 @@
|
|||
|
||||
.footer-link:hover{
|
||||
color: #00ffd0 !important;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -23,15 +23,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="row mb-4">
|
||||
<h4>sign up for tea'mails</h4>
|
||||
<hr>
|
||||
<h4 class="mb-4">sign up for tea'mails</h4>
|
||||
<div class="col">
|
||||
<div class="input-group">
|
||||
<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>
|
||||
{{- partial "klaviyo-form.html" -}}
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
|
|
@ -180,11 +175,18 @@ integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+
|
|||
document.getElementById('jobOne').innerHTML = out[0].name;
|
||||
document.getElementById('descOne').innerHTML = out[0].description;
|
||||
document.getElementById('linkOne').href = out[0].url;
|
||||
//Job Description Two
|
||||
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 });
|
||||
|
||||
|
|
|
|||
|
|
@ -1,34 +1,254 @@
|
|||
<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>
|
||||
<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>
|
||||
|
||||
.needsclick.klaviyo-form.klaviyo-form-version-cid_1.kl-private-reset-css-Xuajs1{
|
||||
max-width: 100% !important;
|
||||
padding: 0px !important;
|
||||
}
|
||||
/* Email Form Styling */
|
||||
|
||||
.needsclick{
|
||||
min-height: none;
|
||||
}
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
input#email_48240998.needsclick.go2381409361.kl-private-reset-css-Xuajs1{
|
||||
border: none !important;
|
||||
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;
|
||||
}
|
||||
#email_signup{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
input#email_48240998.needsclick.go2381409361.kl-private-reset-css-Xuajs1:focus{
|
||||
outline:none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.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::placeholder {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.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: 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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#email_48240998{
|
||||
min-height: 4.185vw !important;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -79,7 +79,6 @@
|
|||
margin-top:164vw;
|
||||
z-index: 3;
|
||||
background-image: url("/Images/gen-art/orange-pattern.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
|
|
@ -94,10 +93,10 @@
|
|||
border-radius: 200px;
|
||||
z-index: 3;
|
||||
background-image: url("/Images/gen-art/dream-tree.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
animation: rotation 10s infinite linear;
|
||||
}
|
||||
|
||||
#m-wp-gen-art-3{
|
||||
|
|
@ -108,7 +107,6 @@
|
|||
margin-top:154.5vw;
|
||||
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-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
|
|
@ -122,12 +120,20 @@
|
|||
margin-top:20vw;
|
||||
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-attachment: fixed;
|
||||
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;
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@
|
|||
transform: rotate(0deg);
|
||||
order:-1;
|
||||
margin-left: 0;
|
||||
margin-right: 1vw;
|
||||
margin-right: 1vw !important;
|
||||
}
|
||||
|
||||
.accordion-body{
|
||||
|
|
@ -302,7 +302,7 @@
|
|||
transform: rotate(0deg);
|
||||
order:-1;
|
||||
margin-left: 0;
|
||||
margin-right: 1vw;
|
||||
margin-right: 6vw !important;
|
||||
}
|
||||
|
||||
.accordion-body{
|
||||
|
|
|
|||
|
|
@ -2,23 +2,6 @@
|
|||
|
||||
@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{
|
||||
border-radius: 0px !important;
|
||||
border: 2px solid #949494;
|
||||
|
|
@ -51,22 +34,6 @@
|
|||
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{
|
||||
margin-right: 1.116vw !important;
|
||||
position: relative;
|
||||
|
|
@ -81,23 +48,6 @@
|
|||
|
||||
@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{
|
||||
border-radius: 0px !important;
|
||||
border: 2px solid #949494;
|
||||
|
|
@ -130,22 +80,6 @@
|
|||
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{
|
||||
margin-right: 1.116vw !important;
|
||||
position: relative;
|
||||
|
|
@ -160,23 +94,6 @@
|
|||
|
||||
@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{
|
||||
border-radius: 0px !important;
|
||||
border: 2px solid #949494;
|
||||
|
|
@ -209,22 +126,6 @@
|
|||
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{
|
||||
margin-right: 1.116vw !important;
|
||||
position: relative;
|
||||
|
|
@ -239,23 +140,6 @@
|
|||
|
||||
@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{
|
||||
border-radius: 0px !important;
|
||||
border: 2px solid #949494;
|
||||
|
|
@ -288,22 +172,6 @@
|
|||
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{
|
||||
margin-right: 1.116vw !important;
|
||||
position: relative;
|
||||
|
|
@ -318,23 +186,6 @@
|
|||
|
||||
@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{
|
||||
border-radius: 0px !important;
|
||||
border: 2px solid #949494;
|
||||
|
|
@ -367,22 +218,6 @@
|
|||
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{
|
||||
margin-right: 2vw !important;
|
||||
position: relative;
|
||||
|
|
|
|||
|
|
@ -174,8 +174,6 @@ mark{
|
|||
background-repeat: repeat-y;
|
||||
background-position: right;
|
||||
background-size: cover;
|
||||
padding-top: 12.556vw;
|
||||
padding-bottom: 12.556vw;
|
||||
}
|
||||
|
||||
.package-cta{
|
||||
|
|
|
|||
|
|
@ -78,6 +78,10 @@
|
|||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
h1{
|
||||
font-size: 15vw !important;
|
||||
}
|
||||
|
||||
.tea-cli-container{
|
||||
padding: 7vw !important;
|
||||
}
|
||||
|
|
@ -86,6 +90,10 @@
|
|||
display:none;
|
||||
}
|
||||
|
||||
.mobile-grid-element{
|
||||
z-index: 0 !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Generative Art styling */
|
||||
|
|
|
|||
|
|
@ -60,6 +60,15 @@ li{
|
|||
color: #ffffff;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #00ffd0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
/* Breakpoint-Specific Typography */
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue