mirror of
https://github.com/ivabus/www
synced 2024-11-22 15:05:07 +03:00
Merge pull request #138 from teaxyz/tom-progress
Tom progress, mostly generative art and styling
This commit is contained in:
Thomas Smith
GitHub
commit
cbd935761b
19 changed files with 359 additions and 53 deletions
|
|
@ -17,5 +17,6 @@ exclude = [
|
|||
"https://github.com/teaxyz/pantry",
|
||||
"https://tea.xyz/tea.authentication-success",
|
||||
"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"
|
||||
]
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ title = 'Equitable Open-Source for Web3'
|
|||
identifier = 'community'
|
||||
name = 'Community'
|
||||
title = 'community'
|
||||
url = '/#community'
|
||||
url = './#community'
|
||||
weight = 4
|
||||
[[menu.main]]
|
||||
identifier = 'blog'
|
||||
|
|
|
|||
|
|
@ -178,25 +178,29 @@
|
|||
|
||||
<hr>
|
||||
<section class="package-cta-section" id="authenticate">
|
||||
<div class="container package-cta-container two-boxes">
|
||||
<div class="row one-box-down">
|
||||
<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>
|
||||
<div class="row">
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -1,10 +1,13 @@
|
|||
{{ define "main" }}
|
||||
|
||||
{{- partial "nb-man-gen-art.html" -}}
|
||||
|
||||
<div class="section two-boxes hero-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="col" style="z-index:2;">
|
||||
<h1>Nebraska Man</h1>
|
||||
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -16,8 +19,10 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
|
||||
<h3>the battle for the internet has just begun</h3>
|
||||
<p class="lead">We’ve called open source devs the “unnamed heroes of the internet.” Now is the time to give them a name and tell their stories. Introducing The Maintainers: a comic series about the OSS Developer Universe. Our first issue follows the origins of Nebraska Man as he joins the fight for a fairer internet. </p>
|
||||
<p class="lead">We’ve called open source devs the “unnamed heroes of the internet.” Now is the time to give them a name and tell their stories. Introducing The Maintainers: a comic series about the OSS Developer Universe. Our first issue follows the origins of Nebraska Man as he joins the fight for a fairer internet.</p>
|
||||
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,106 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<!-- Desktop Gen Art -->
|
||||
|
||||
<section class="two-boxes hero-section">
|
||||
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-1"></div>
|
||||
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-2"></div>
|
||||
<div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="pro-gen-art-3"></div>
|
||||
<div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="pro-gen-art-4"></div>
|
||||
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-5"></div>
|
||||
|
||||
<!-- Mobile Gen Art -->
|
||||
|
||||
<div class="gen-art-mobile animated-25 animatedFadeInUp fadeInUp" id="m-p-gen-art-1"></div>
|
||||
<div class="gen-art-mobile animated-5 animatedFadeInUp fadeInUp" id="m-p-gen-art-2"></div>
|
||||
<div class="gen-art-mobile animated-25 animatedFadeInUp fadeInUp" id="m-p-gen-art-3"></div>
|
||||
<div class="gen-art-mobile animated-25 animatedFadeInUp fadeInUp" id="m-p-gen-art-4"></div>
|
||||
<div class="gen-art-mobile animated-5 animatedFadeInUp fadeInUp" id="m-p-gen-art-5"></div>
|
||||
|
||||
|
||||
<style media="screen">
|
||||
|
||||
#m-p-gen-art-1{
|
||||
position:absolute;
|
||||
width:48vw;
|
||||
height: 18.6vw;
|
||||
left: 6.8vw;
|
||||
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;
|
||||
}
|
||||
|
||||
#m-p-gen-art-2{
|
||||
position:absolute;
|
||||
width:15vw;
|
||||
height: 15vw;
|
||||
left: 45vw;
|
||||
margin-top:72vw;
|
||||
border-radius: 200px;
|
||||
z-index: 3;
|
||||
background-image: url("/Images/gen-art/colorful-sandal.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-p-gen-art-3{
|
||||
position:absolute;
|
||||
width:20vw;
|
||||
height: 20vw;
|
||||
right: 6.8vw;
|
||||
margin-top: 70vw;
|
||||
z-index: 3;
|
||||
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-p-gen-art-4{
|
||||
position:absolute;
|
||||
width:60vw;
|
||||
height: 20vw;
|
||||
right: 6.8vw;
|
||||
margin-top: 0vw;
|
||||
z-index:0;
|
||||
background-image: url("/Images/gen-art/pixel-mouth.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-p-gen-art-5{
|
||||
position:absolute;
|
||||
width:25vw;
|
||||
height: 10vw;
|
||||
right: 15vw;
|
||||
top: 30vw;
|
||||
z-index:0;
|
||||
background-image: url("/Images/gen-art/tribal-green.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) {
|
||||
.gen-art-mobile{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col" style="position:relative; z-index:2;">
|
||||
<h1>Products</h1>
|
||||
<p class="lead" style="width:50%">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">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,41 @@
|
|||
{{ define "main" }}
|
||||
|
||||
|
||||
{{- partial "white-paper-gen-art.html" -}}
|
||||
|
||||
<!-- Hero Section -->
|
||||
<div class="section two-boxes hero-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="col" style="position: relative; z-index: 2;">
|
||||
<h1>White Paper</h1>
|
||||
<p class="lead">Open‐source is about the many coming together to create something great. In the spirit of that, we’re inviting developers, speculators, and enthusiasts alike to contribute to our white paper and help brew the future of the internet. This is our revolutionary undertaking to create equitable open‐source for web3, and we want you to be a part of laying its groundwork.</p>
|
||||
<p class="lead animated-5 animatedFadeInUp fadeInUp" style="background-color: #1a1a1a;">Open‐source is about the many coming together to create something great. In the spirit of that, we’re inviting developers, speculators, and enthusiasts alike to contribute to our white paper and help brew the future of the internet. This is our revolutionary undertaking to create equitable open‐source for web3, and we want you to be a part of laying its groundwork.</p>
|
||||
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<div class="row button-container">
|
||||
<a href="/tea.white-paper.pdf" role="button" class="btn btn-primary auth-btn split-btn" id="nav-cta"><i class="icon-enter-arrow"></i>DOWNLOAD WHITEPAPER</a>
|
||||
<a href="https://github.com/teaxyz/white-paper" role="button" class="btn btn-primary auth-btn split-btn split-right" id="nav-cta"><i class="icon-enter-arrow"></i>CONTRIBUTE ON GITHUB</a>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<section class="two-boxes">
|
||||
<style>
|
||||
.split-btn{
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.split-right{
|
||||
border-left: 0px !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<section class="one-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
|
|
|||
49
src/layouts/partials/nb-man-gen-art.html
Normal file
49
src/layouts/partials/nb-man-gen-art.html
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="nb-man-gen-art-1"></div>
|
||||
<div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="nb-man-gen-art-2"></div>
|
||||
<div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="nb-man-gen-art-3"></div>
|
||||
|
||||
<style>
|
||||
|
||||
#nb-man-gen-art-1{
|
||||
position:absolute;
|
||||
width:34vw;
|
||||
height: 32vw;
|
||||
right: 5.8vw;
|
||||
top:12.8vw;
|
||||
z-index: 1;
|
||||
background-image: url("/Images/gen-art/nb-man-cover-1.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#nb-man-gen-art-2{
|
||||
position:absolute;
|
||||
width:12vw;
|
||||
height: 12vw;
|
||||
border-radius: 200px;
|
||||
right: 32vw !important;
|
||||
top:36vw;
|
||||
z-index: 1;
|
||||
background-image: url("/Images/gen-art/nb-man-cover-2.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#nb-man-gen-art-3{
|
||||
position:absolute;
|
||||
width:30vw;
|
||||
height: 12vw;
|
||||
right: 32vw !important;
|
||||
top:29vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/nb-man-page-1.jpg");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
<h3>packages</h3>
|
||||
{{- partial "sort-dropdown.html" -}}
|
||||
</section>
|
||||
<p style="width:60%;">There are already plenty of packages available through tea. As the communi’tea builds the library, contributions will live here.</p>
|
||||
<p style="width:60%;">There are already plenty of packages available through tea. As the communi’tea builds the library, contributions will live here. We use <a href="https://stability.ai/blog/stable-diffusion-public-release">Stable Diffusion</a> to generate the artwork for each package using their title and code for input. That’s the power of Open Source.</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="container package-grid">
|
||||
|
|
|
|||
137
src/layouts/partials/white-paper-gen-art.html
Normal file
137
src/layouts/partials/white-paper-gen-art.html
Normal file
|
|
@ -0,0 +1,137 @@
|
|||
<!-- Desktop -->
|
||||
|
||||
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="wp-gen-art-1"></div>
|
||||
<div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="wp-gen-art-2"></div>
|
||||
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="wp-gen-art-3"></div>
|
||||
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="wp-gen-art-4"></div>
|
||||
|
||||
<!-- Mobile -->
|
||||
|
||||
<div class="gen-art-mobile animated-25 animatedFadeInUp fadeInUp" id="m-wp-gen-art-1"></div>
|
||||
<div class="gen-art-mobile animated-5 animatedFadeInUp fadeInUp" id="m-wp-gen-art-2"></div>
|
||||
<div class="gen-art-mobile animated-25 animatedFadeInUp fadeInUp" id="m-wp-gen-art-3"></div>
|
||||
<div class="gen-art-mobile animated-25 animatedFadeInUp fadeInUp" id="m-wp-gen-art-4"></div>
|
||||
|
||||
<style>
|
||||
|
||||
#wp-gen-art-1{
|
||||
position:absolute;
|
||||
width:34vw;
|
||||
height: 18vw;
|
||||
right: 5.8vw;
|
||||
top:16.741vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/orange-pattern.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#wp-gen-art-2{
|
||||
position:absolute;
|
||||
width:34vw;
|
||||
height: 12vw;
|
||||
left: 5.8vw;
|
||||
top:11.161vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/dream-tree.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#wp-gen-art-3{
|
||||
position:absolute;
|
||||
width:12vw;
|
||||
height: 12vw;
|
||||
border-radius: 200px;
|
||||
left: 36vw;
|
||||
top:16vw;
|
||||
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;
|
||||
}
|
||||
|
||||
#wp-gen-art-4{
|
||||
position:absolute;
|
||||
width:45vw;
|
||||
height: 7vw;
|
||||
left: 36vw;
|
||||
top:40vw;
|
||||
z-index: 0;
|
||||
background-image: url("/Images/gen-art/white-light-pattern.jpg");
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#m-wp-gen-art-1{
|
||||
position:absolute;
|
||||
width:29vw;
|
||||
height: 19.3vw;
|
||||
left: 6.8vw;
|
||||
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;
|
||||
}
|
||||
|
||||
#m-wp-gen-art-2{
|
||||
position:absolute;
|
||||
width:15vw;
|
||||
height:15vw;
|
||||
left: 29.8vw;
|
||||
margin-top:155vw;
|
||||
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;
|
||||
}
|
||||
|
||||
#m-wp-gen-art-3{
|
||||
position:absolute;
|
||||
width:38.5vw;
|
||||
height:9.5vw;
|
||||
right: 6.8vw;
|
||||
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;
|
||||
}
|
||||
|
||||
#m-wp-gen-art-4{
|
||||
position:absolute;
|
||||
width:40vw;
|
||||
height:40vw;
|
||||
right: 12vw;
|
||||
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;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) {
|
||||
.gen-art-mobile{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
BIN
src/static/Images/gen-art/dream-tree.jpg
Normal file
BIN
src/static/Images/gen-art/dream-tree.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
BIN
src/static/Images/gen-art/nb-man-cover-1.jpg
Normal file
BIN
src/static/Images/gen-art/nb-man-cover-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
BIN
src/static/Images/gen-art/nb-man-cover-2.jpg
Normal file
BIN
src/static/Images/gen-art/nb-man-cover-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
src/static/Images/gen-art/nb-man-page-1.jpg
Normal file
BIN
src/static/Images/gen-art/nb-man-page-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
BIN
src/static/Images/gen-art/orange-pattern.jpg
Normal file
BIN
src/static/Images/gen-art/orange-pattern.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
BIN
src/static/Images/gen-art/white-light-pattern.jpg
Normal file
BIN
src/static/Images/gen-art/white-light-pattern.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
BIN
src/static/Images/gen-art/whitepaper-1.jpg
Normal file
BIN
src/static/Images/gen-art/whitepaper-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
|
|
@ -1,29 +1,3 @@
|
|||
#nb-gen-art-1{
|
||||
position: absolute;
|
||||
background-image: url("/Images/tea-cover-nb-team.jpg");
|
||||
background-position: top;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
width: 40.9vw;
|
||||
height: 20.7vw;
|
||||
right: 13.2vw !important;
|
||||
top: 16vw !important;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#nb-gen-art-2{
|
||||
position: absolute;
|
||||
background-image: url("/Images/gen-art/glass-triangles.jpg");
|
||||
background-position: top;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
width: 40.9vw;
|
||||
height: 16.7vw;
|
||||
left: 8.4vw; !important;
|
||||
top: 12.5vw;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nb-man-hero{
|
||||
background-image: url("/Images/x-large-grid.svg");
|
||||
background-attachment: fixed;
|
||||
|
|
|
|||
|
|
@ -34,10 +34,6 @@
|
|||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
.product-container{
|
||||
padding: 7vw !important;
|
||||
}
|
||||
|
||||
.gen-art{
|
||||
display:none;
|
||||
}
|
||||
|
|
@ -102,8 +98,8 @@
|
|||
position: absolute;
|
||||
left: 8.3vw;
|
||||
top: 12.2vw;
|
||||
width: 16.7vw;
|
||||
height: 17vw;
|
||||
width: 28.7vw;
|
||||
height: 19vw;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
|
|
@ -115,8 +111,8 @@
|
|||
position: absolute;
|
||||
right: 8.3vw;
|
||||
top: 19.2vw;
|
||||
width: 16.7vw;
|
||||
height: 10vw;
|
||||
width: 32.7vw;
|
||||
height: 18vw;
|
||||
}
|
||||
|
||||
#pro-gen-art-3{
|
||||
|
|
@ -125,12 +121,36 @@
|
|||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
right: 19.3vw;
|
||||
right: 15.3vw;
|
||||
top: 14.2vw;
|
||||
border-radius: 100px;
|
||||
width: 7vw;
|
||||
height: 7vw;
|
||||
box-shadow: 0px 0px 12px #1a1a1a;
|
||||
border-radius: 200px;
|
||||
width: 12vw;
|
||||
height: 12vw;
|
||||
}
|
||||
|
||||
#pro-gen-art-4{
|
||||
background-image: url("/Images/gen-art/abstract-pattern.png");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
left: 30.3vw;
|
||||
top: 10.2vw;
|
||||
border-radius: 200px;
|
||||
width: 8vw;
|
||||
height: 8vw;
|
||||
}
|
||||
|
||||
#pro-gen-art-5{
|
||||
background-image: url("/Images/gen-art/floating-city.png");
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
left: 16vw;
|
||||
top: 30.2vw;
|
||||
width: 32.7vw;
|
||||
height: 11vw;
|
||||
}
|
||||
|
||||
.teacli-gen-art-1{
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@ h1{
|
|||
font-family: "pp-neue-machina", sans-serif;
|
||||
color:#00ffd0;
|
||||
text-transform:uppercase;
|
||||
text-shadow: 0px 0px 4px #1a1a1a !important;
|
||||
}
|
||||
|
||||
h2{
|
||||
|
|
@ -44,9 +45,14 @@ h5{
|
|||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.lead{
|
||||
background-color: #1a1a1a !important;
|
||||
}
|
||||
|
||||
p{
|
||||
font-family: "sono", sans-serif;
|
||||
color: #ffffff;
|
||||
background-color: #1a1a1a !important;
|
||||
}
|
||||
|
||||
li{
|
||||
|
|
@ -92,7 +98,7 @@ li{
|
|||
|
||||
.lead{
|
||||
font-size: 1.5vw !important;
|
||||
line-height: 1.7vw !important;
|
||||
line-height: 2.3vw !important;
|
||||
margin-bottom: 2.232vw;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue