mirror of
https://github.com/ivabus/www
synced 2024-11-22 19:05:05 +03:00
Merge pull request #62 from teaxyz/top-commentary-scroll
This commit is contained in:
commit
4e8ef3305e
1 changed files with 382 additions and 0 deletions
|
@ -290,6 +290,388 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Top Commentary -->
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
@media only screen and (max-width: 992px) {
|
||||||
|
#top-commentary{
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 992px) {
|
||||||
|
#top-commentary-mobile{
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.carousel-indicators{
|
||||||
|
margin-bottom: -50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.twi-card-container{
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.twitter-card{
|
||||||
|
transition: 0.2s ease-in-out;
|
||||||
|
cursor: crosshair;
|
||||||
|
box-shadow:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.twitter-card:hover{
|
||||||
|
background-color: #337280;
|
||||||
|
}
|
||||||
|
|
||||||
|
.twitter-card-logo{
|
||||||
|
width:25px;
|
||||||
|
float:right;
|
||||||
|
margin-top:5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="container mb-5">
|
||||||
|
<hr>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3 class="text-center display-6 mb-5">What the <span class="yellow">internet's</span> saying.</h3>
|
||||||
|
|
||||||
|
<div class="container" id="top-commentary" style="margin-bottom: 100px;">
|
||||||
|
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active" data-bs-interval="4000">
|
||||||
|
<!-- Item 1 -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo">
|
||||||
|
<p>alexpoon.eth<br>
|
||||||
|
@alexpoon_hk</p>
|
||||||
|
<p>Open source dev is broken. So cool to see @teaxyz_ bringing new life to popular software projects like homebrew to web3.</p>
|
||||||
|
<p>10:52 AM - Mar 24, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Item 2 -->
|
||||||
|
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>0xTea<br>
|
||||||
|
@0xTea_</p>
|
||||||
|
<p>This is the innovation we need , and technology with the right frame of mind of rewarding the creators in a way that scales and is in perpetuity</p>
|
||||||
|
<p>10:52 AM - Mar 24, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Item 3 -->
|
||||||
|
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>jcinis.eth<br>
|
||||||
|
@jcinis</p>
|
||||||
|
<p>It is hard to think of a more perfect use for blockchain technology than coordinating package releases for opensource software. What @teaxyz_ is embarking on will improve security, maintenance, and reliability, while providing much-needed incentive for independent developers. 🙌🏼 </p>
|
||||||
|
<p>10:52 AM - Mar 24, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End first set -->
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="4000">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<!-- Item 4 -->
|
||||||
|
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>Jason Warner<br>
|
||||||
|
@jasoncwarner</p>
|
||||||
|
<p>Now this is legitimately interesting. I’m super glad to see more open source veterans looking at using crypto as distribution mechanisms.</p>
|
||||||
|
<p>3:14 PM - Mar 23, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Item 5 -->
|
||||||
|
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>Andrew Fernandez<br>
|
||||||
|
@bhsdrew</p>
|
||||||
|
<p>Congrats man [Max] this is one of the first real interesting use cases I’ve seen for web3… really excited to see this grow</p>
|
||||||
|
<p>8:38 AM - Mar 23, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Item 6 -->
|
||||||
|
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>max is building infra-as-lowcode<br>
|
||||||
|
@maxcan</p>
|
||||||
|
<p>one of the first web3 projects that actually makes sense</p>
|
||||||
|
<p>3:31 PM - Mar 23, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="4000">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<!-- Item 7 -->
|
||||||
|
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>Nick Dobos<br>
|
||||||
|
@NickADobos</p>
|
||||||
|
<p>Homebrew is getting a web3 upgrade! 👀 <br>
|
||||||
|
|
||||||
|
Incredibly excited for this <br>
|
||||||
|
|
||||||
|
If this works it might be the biggest step forward in building open source software ever <br>
|
||||||
|
|
||||||
|
Pay the maintainers <br>
|
||||||
|
Build all the things</p>
|
||||||
|
<p>3:31 PM - Mar 23, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Item 8 -->
|
||||||
|
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>Ben<br>
|
||||||
|
@ben_mathes</p>
|
||||||
|
<p>I'm skeptical of a lot of web3. Indirect value to package maintainers though I support. Tea looks rad.<br>
|
||||||
|
I hope no preferential attachment concentrates the value.</p>
|
||||||
|
<p>2:36 PM - Mar 24, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Item 9 -->
|
||||||
|
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>Developer DAO (🧱, 🚀)<br>
|
||||||
|
@developer_dao</p>
|
||||||
|
<p>probably nothing</p>
|
||||||
|
<p>6:28 PM - Mar 23, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Start Mobile Top-Commentary -->
|
||||||
|
|
||||||
|
<div class="container" id="top-commentary-mobile" style="margin-bottom: 75px;">
|
||||||
|
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active" data-bs-interval="3000">
|
||||||
|
|
||||||
|
<!-- Item 1 -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo">
|
||||||
|
<p>alexpoon.eth<br>
|
||||||
|
@alexpoon_hk</p>
|
||||||
|
<p>Open source dev is broken. So cool to see @teaxyz_ bringing new life to popular software projects like homebrew to web3.</p>
|
||||||
|
<p>10:52 AM - Mar 24, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
|
||||||
|
<!-- Item 2 -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>0xTea<br>
|
||||||
|
@0xTea_</p>
|
||||||
|
<p>This is the innovation we need , and technology with the right frame of mind of rewarding the creators in a way that scales and is in perpetuity</p>
|
||||||
|
<p>10:52 AM - Mar 24, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
|
||||||
|
<!-- Item 3 -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>jcinis.eth<br>
|
||||||
|
@jcinis</p>
|
||||||
|
<p>It is hard to think of a more perfect use for blockchain technology than coordinating package releases for opensource software. What @teaxyz_ is embarking on will improve security, maintenance, and reliability, while providing much-needed incentive for independent developers. 🙌🏼 </p>
|
||||||
|
<p>10:52 AM - Mar 24, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
|
||||||
|
<!-- Item 4 -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>Jason Warner<br>
|
||||||
|
@jasoncwarner</p>
|
||||||
|
<p>Now this is legitimately interesting. I’m super glad to see more open source veterans looking at using crypto as distribution mechanisms.</p>
|
||||||
|
<p>3:14 PM - Mar 23, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
|
||||||
|
<!-- Item 5 -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>Andrew Fernandez<br>
|
||||||
|
@bhsdrew</p>
|
||||||
|
<p>Congrats man [Max] this is one of the first real interesting use cases I’ve seen for web3… really excited to see this grow</p>
|
||||||
|
<p>8:38 AM - Mar 23, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
|
||||||
|
<!-- Item 6 -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>max is building infra-as-lowcode<br>
|
||||||
|
@maxcan</p>
|
||||||
|
<p>one of the first web3 projects that actually makes sense</p>
|
||||||
|
<p>3:31 PM - Mar 23, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
|
||||||
|
<!-- Item 7 -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>Nick Dobos<br>
|
||||||
|
@NickADobos</p>
|
||||||
|
<p>Homebrew is getting a web3 upgrade! 👀 <br>
|
||||||
|
|
||||||
|
Incredibly excited for this <br>
|
||||||
|
|
||||||
|
If this works it might be the biggest step forward in building open source software ever <br>
|
||||||
|
|
||||||
|
Pay the maintainers <br>
|
||||||
|
Build all the things</p>
|
||||||
|
<p>3:31 PM - Mar 23, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
|
||||||
|
<!-- Item 8 -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>Ben<br>
|
||||||
|
@ben_mathes</p>
|
||||||
|
<p>I'm skeptical of a lot of web3. Indirect value to package maintainers though I support. Tea looks rad.<br>
|
||||||
|
I hope no preferential attachment concentrates the value.</p>
|
||||||
|
<p>2:36 PM - Mar 24, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
|
||||||
|
<!-- Item 9 -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-lg-4">
|
||||||
|
<div class="card twi-card-container">
|
||||||
|
<div class="card-body p-4 twitter-card">
|
||||||
|
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
||||||
|
<p>Developer DAO (🧱, 🚀)<br>
|
||||||
|
@developer_dao</p>
|
||||||
|
<p>probably nothing</p>
|
||||||
|
<p>6:28 PM - Mar 23, 2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Community Links -->
|
<!-- Community Links -->
|
||||||
<div class="row community-container pt-5 pb-5 mt-5 mb-5">
|
<div class="row community-container pt-5 pb-5 mt-5 mb-5">
|
||||||
<div class="container p-4" id="community">
|
<div class="container p-4" id="community">
|
||||||
|
|
Loading…
Reference in a new issue