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

Styling and content progress

Browse source
This commit is contained in:
Thomas Smith 2022-10-24 16:54:47 -04:00
parent 87663f583b
commit 3c358ee6cb
6 changed files with 34 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/layouts/index.html
View file

@ -186,16 +186,16 @@
</div>
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
<h5>heading one</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<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>
</div>
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
<h5>heading one</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<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>
</div>
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
<h5>heading one</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<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>
</div>
</div>
</div>

36
src/layouts/page/white-paper.html
View file

@ -1,7 +1,7 @@
{{ define "main" }}
<!-- Hero Section -->
<div class="section">
<div class="section two-boxes">
<div class="container">
<div class="row">
<div class="col">
@ -9,24 +9,28 @@
<p>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>
</div>
</div>
<hr>
<div class="row">
<div class="col mb-4 mt-3">
<h4>Our white paper is available in multiple languages</h4>
<p>Thanks to the tea community's generosity and time, our white paper is available in several world languages. Select your preferred language from the dropdown menu.</p>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle languages" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Choose a Language
</button>
<ul class="dropdown-menu" id="language-selector"></ul>
</div>
</div>
</div>
</div>
</div>
<hr>
<section>
<div class="container one-box">
<div class="row">
<div class="col">
<h4>Our white paper is available in multiple languages</h4>
<p>Thanks to the tea community's generosity and time, our white paper is available in several world languages. Select your preferred language from the dropdown menu.</p>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle languages" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Choose a Language
</button>
<ul class="dropdown-menu" id="language-selector"></ul>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">

4
src/layouts/partials/package-grid.html
View file

@ -9,7 +9,7 @@
<h3>packages</h3>
{{- partial "sort-dropdown.html" -}}
</section>
<p>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.</p>
</div>
<hr>
<div class="container package-grid">
@ -128,7 +128,7 @@
for(const sp of sortedPackages) {
grid.appendChild(sp);
}
const isPopularity = sortBy === sortOptions.popularity;
setBtnStyles(sortOptions.popularity, isPopularity);

7
src/layouts/partials/sort-dropdown.html
View file

@ -3,9 +3,9 @@
display:inline-block;
font-family: "pp-neue-machina", sans-serif;
background-color: #1a1a1a;
border: .5px solid #ffffff;
border: 1px solid #ffffff;
color: #fff;
padding-top: 0.279vw;
text-align: center;
text-decoration: none;
text-transform: uppercase;
max-width: 240px;
@ -78,7 +78,7 @@
}
</style>
<section class="sorting-container">
<div class="dropdown">
<div class="dropdown-title">SORT ORDER</div>
@ -88,4 +88,3 @@
</ul>
</div>
</section>

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

@ -76,7 +76,7 @@
.container{
max-width: 1920px;
padding: 5.4vw 3vw;
padding: 5.5vw 3vw;
}
}

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

@ -222,8 +222,8 @@ li{
@media only screen and (max-width: 576px) {
.impact{
font-size: 20vw !important;
line-height: 20.4vw !important;
font-size: 22vw !important;
line-height: 22vw !important;
}
h1{