Merge pull request #131 from teaxyz/more-progress-tom

Another block of progress (content & styling)
This commit is contained in:
Thomas Smith 2022-10-24 13:17:49 -04:00 committed by GitHub
commit 64fccee3dd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 371 additions and 45 deletions

45
src/data/stats.json Normal file
View file

@ -0,0 +1,45 @@
{
"Number of repos above 0 stars and forks, owned by tea authenticated develoeprs": 2042,
"Number of maintainers for those 2042 packages": 932,
"List of repos with 500 stars OR forks, owned by tea authenticated developers":
[
"prasmussen/gdrive",
"muesli/smartcrop",
"davdroman/DRCellSlideGestureRecognizer",
"piemonte/PBJVision",
"davdroman/Popsicle",
"MisterTea/EternalTerminal",
"stalniy/casl",
"cardillo/joinery",
"prasmussen/chrome-cli",
"BlankerL/DXY-COVID-19-Crawler",
"anapsix/docker-alpine-java",
"alexzaitsev/apk-dependency-graph",
"BlankerL/DXY-COVID-19-Data",
"silvestreh/onScreen",
"guo-yu/candy",
"dabit3/polygon-ethereum-nextjs-marketplace",
"SudhanPlayz/Discord-MusicBot",
"guo-yu/douban.fm",
"PaulLeCam/react-leaflet",
"piemonte/PBJVideoPlayer",
"timqian/chart.xkcd",
"lgaches/BeaconEmitter",
"aforarup/interview",
"piemonte/Player",
"cloudhead/http-console",
"muesli/beehive",
"romaHerman/timeLineiOS",
"piemonte/Twinkle",
"hellozimi/HCYoutubeParser",
"timqian/chinese-independent-blogs",
"hassankhan/config",
"jdorfman/awesome-json-datasets",
"davdroman/Bohr",
"Shabinder/SpotiFlyer",
"daCapricorn/ArcMenu",
"joeblau/COSTouchVisualizer",
"sj26/mailcatcher",
"Jolg42/awesome-typography"
]
}

View file

@ -111,25 +111,75 @@
</div>
<hr>
<div class="row gx-5 one-box">
<div class="col">
<h4>How to earn your Nebraska Man cover NFT's.</h4>
<ul class="list-group">
<li class="list-group-item">Follow our Twitter</li>
<li class="list-group-item">Like the Nebraska Man tweet</li>
<li class="list-group-item">Retweet</li>
<li class="list-group-item">Join Discord</li>
<li class="list-group-item">Attend AMA</li>
<li class="list-group-item">Join Subreddit</li>
<li class="list-group-item">Subscribe Youtube</li>
</ul>
<div class="col-lg-7 col-md-6 col-sm-12 col-12 one-box-down">
<h3>How to earn your Nebraska Man cover NFT's:</h3>
<div class="mb-4 mt-4">
<p class="lead nft-require">Follow our Twitter</p>
</div>
<hr>
<div class="mb-4 mt-4">
<p class="lead nft-require">like the Nebraska Man tweet</p>
</div>
<hr>
<div class="mb-4 mt-4">
<p class="lead nft-require">retweet that same tweet</p>
</div>
<hr>
<div class="mb-4 mt-4">
<p class="lead nft-require">join our discord</p>
</div>
<hr>
<div class="mb-4 mt-4">
<p class="lead nft-require">sign up for tea&#39;mails</p>
</div>
<hr>
<div class="mb-4 mt-4">
<p class="lead nft-require">attend an AMA</p>
</div>
<hr>
<div class="mb-4 mt-4">
<p class="lead nft-require">join our subreddit</p>
</div>
<hr>
<div class="mb-4 mt-4">
<p class="lead nft-require">subscribe to our youtube</p>
</div>
<p>That&#39;s all there is to it! 8 easy steps to earn your Nebraksa Man cover NFT&#39;s. Check out our Project Galaxy campaign to track your progress and earn your rewards. Thanks for being a part of the battle to save the ineternet!</p>
</div>
<style>
.nft-require{
margin-bottom: 0px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
}
</style>
<div class="col">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/Images/nb-man-cover-one.jpg" class="d-block w-100" alt="Nebraska Man - Teamwor Makes the Dream Work">
</div>
<div class="carousel-item">
<img src="/Images/nb-man-cover-two.jpg" class="d-block w-100" alt="Nrebaska Man - Fight Night">
</div>
<div class="carousel-item">
<img src="/Images/nb-man-cover-three.jpg" class="d-block w-100" alt="Nebraska Man - Who Will You Meet in the Shadows?">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{{- partial "full-width-cta.html" -}}
<script type="text/javascript">
function loadApp() {

View file

@ -9,6 +9,9 @@
<p>Opensource is about the many coming together to create something great. In the spirit of that, were 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 opensource for web3, and we want you to be a part of laying its groundwork.</p>
</div>
</div>
<hr>
<div class="row">
<div class="col mb-4 mt-3">
<h4>Our white paper is available in multiple languages</h4>
@ -24,7 +27,26 @@
</div>
</div>
{{- partial "full-width-cta-split.html" -}}
<section>
<div class="container">
<div class="row">
<div class="col">
<div id="adobe-dc-view" style="width: 100%;"></div>
<script src="https://documentservices.adobe.com/view-sdk/viewer.js"></script>
<script type="text/javascript">
document.addEventListener("adobe_dc_view_sdk.ready", function(){
//Must change clientId before final merge
var adobeDCView = new AdobeDC.View({clientId: "374f4d10016d424d863bbd6ac0533849", divId: "adobe-dc-view"});
adobeDCView.previewFile({
content:{location: {url: "https://tea.xyz/tea.white-paper.pdf"}},
metaData:{fileName: "tea.white-paper.pdf"}
}, {embedMode: "IN_LINE"});
});
</script>
</div>
</div>
</div>
</section>
<script>
const versions = [
@ -52,39 +74,6 @@
}
</script>
<style>
.languages{
border: 2px solid white;
border-radius: 30px;
width:240px;
background-color:#1C1E21;
}
.languages:hover{
background-color:#23282c;
}
.languages:focus{
background-color:#1C1E21;
}
.dropdown-menu{
width:240px;
background-color:#23282c;
color:white;
}
.dropdown-item{
color:white;
}
.dropdown-item:hover{
background-color: #54BAAB;
}
</style>
<!-- Start PDF
<div class="container pdf-iframe"

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

View file

@ -465,3 +465,245 @@
}
}
/* Dropdown Button - Large */
@media only screen and (min-width: 1200px) {
.languages{
display:inline-block;
font-family: "pp-neue-machina", sans-serif !important;
font-size: 1.116vw;
border-radius: 0px !important;
background-color: #1a1a1a;
border: 1px solid #ffffff;
color: #fff;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 25.000vw;
height: 4.185vw;
transition: 0.2s ease-in-out;
}
.languages:hover{
background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
border: 1px solid #ffffff;
}
.languages:focus{
background-color: #1a1a1a !important;
outline: none !important;
box-shadow: none !important;
border: 1px solid #ffffff;
}
#language-selector{
background-color: #1a1a1a;
width: 25vw;
border-radius: 0px;
border: 1px solid #949494;
}
#language-selector a{
color: #fff !important;
}
#language-selector a:hover{
color: #1a1a1a !important;
background-color: #00ffd0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.languages{
display:inline-block;
font-family: "pp-neue-machina", sans-serif !important;
font-size: 1.116vw;
background-color: #1a1a1a;
border: 1px solid #ffffff;
color: #fff;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 25.000vw;
height: 4.185vw;
transition: 0.2s ease-in-out;
border: 1px solid #ffffff;
}
.languages:hover{
background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
border: 1px solid #ffffff;
}
.languages:focus{
background-color: #1a1a1a !important;
border: 1px solid #ffffff;
}
#language-selector{
background-color: #1a1a1a;
width: 25vw;
border-radius: 0px;
border: 1px solid #949494;
}
#language-selector a{
color: #fff !important;
}
#language-selector a:hover{
color: #1a1a1a !important;
background-color: #00ffd0;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.languages{
display:inline-block;
font-family: "pp-neue-machina", sans-serif;
font-size: 1.116vw;
background-color: #1a1a1a;
border: 1px solid #ffffff;
color: #fff;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 25.000vw;
height: 4.185vw;
transition: 0.2s ease-in-out;
border: 1px solid #ffffff;
}
.languages:hover{
background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
border: 1px solid #ffffff;
}
.languages:focus{
background-color: #1a1a1a !important;
border: 1px solid #ffffff;
}
#language-selector{
background-color: #1a1a1a;
width: 25vw;
border-radius: 0px;
border: 1px solid #949494;
}
#language-selector a{
color: #fff !important;
}
#language-selector a:hover{
color: #1a1a1a !important;
background-color: #00ffd0;
}
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
.languages{
display:inline-block;
font-family: "pp-neue-machina", sans-serif;
font-size: 1.116vw;
background-color: #1a1a1a;
border: 1px solid #ffffff;
color: #fff;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 25.000vw;
height: 4.185vw;
transition: 0.2s ease-in-out;
border: 1px solid #ffffff;
}
.languages:hover{
background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
border: 1px solid #ffffff;
}
.languages:focus{
background-color: #1a1a1a !important;
border: 1px solid #ffffff;
}
#language-selector{
background-color: #1a1a1a;
width: 25vw;
border-radius: 0px;
border: 1px solid #949494;
}
#language-selector a{
color: #fff !important;
}
#language-selector a:hover{
color: #1a1a1a !important;
background-color: #00ffd0;
}
}
@media only screen and (max-width: 576px) {
.languages{
display:inline-block;
font-family: "pp-neue-machina", sans-serif;
font-size: 3vw;
background-color: #1a1a1a;
border: 1px solid #ffffff !important;
color: #fff;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 14vw;
transition: 0.2s ease-in-out;
border: 1px solid #ffffff;
border-radius: 0px;
}
.languages:hover{
background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 1.25vw #1a1a1a !important;
border: 1px solid #ffffff;
}
.languages:focus{
background-color: #1a1a1a !important;
border: 1px solid #ffffff;
outline: none !important;
}
#language-selector{
background-color: #1a1a1a;
width: 100%;
border-radius: 0px;
border: 1px solid #949494;
}
#language-selector a{
color: #fff !important;
}
#language-selector a:hover{
color: #1a1a1a !important;
background-color: #00ffd0;
}
}