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

Increased font size, color, added brew install and fixed highlight color

Browse source
This commit is contained in:
Thomas Smith 2023-05-09 23:01:42 +02:00
parent 166ab80b06
commit 6185af5ad7
2 changed files with 30 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/partials/click-to-copy.html
View file

@ -1,5 +1,5 @@
<div class="flex pt-1 pb-1 ps-4 pe-1 mb-3 black-bg copy-section" style="max-width: 800px; margin-left:auto; margin-right:auto; height:60px; border: 1px solid #949494;"> <div class="flex pt-1 pb-1 ps-4 pe-1 mb-3 black-bg copy-section" style="max-width: 800px; margin-left:auto; margin-right:auto; height:60px; border: 1px solid #949494;">
<code class="white lead copy-text">sh <(curl tea.xyz)</code> <code class="white copy-text">sh <(curl tea.xyz)</code>
<button class="hbtn hb-fill-right copy-button" style="height:100%; width:140px;">Copy</button> <button class="hbtn hb-fill-right copy-button" style="height:100%; width:140px;">Copy</button>
</div> </div>

31
src/layouts/partials/tea-two-ways.html
View file

@ -14,12 +14,39 @@
</a> </a>
</div> </div>
</div> </div>
<p class="grid-gray text-center small">And head over to <a class="install-link" href="https://www.producthunt.com/posts/tea">Product Hunt</a> for more info (and maybe give us an upvote).</p> <p class="grid-gray text-center small twoway-boiler">And head over to <a class="install-link" href="https://www.producthunt.com/posts/tea">Product Hunt</a> for more info (and maybe give us an upvote, while you're at it).</p>
</div> </div>
<div class="col-xl-6 col-lg-6 col-mg-6 col-sm-12 col-12 ps-5 pe-5"> <div class="col-xl-6 col-lg-6 col-mg-6 col-sm-12 col-12 ps-5 pe-5">
<h3 class="text-center" style="font-size:28px; line-height:32px;">Copy our one-liner to your terminal</h3> <h3 class="text-center" style="font-size:28px; line-height:32px;">Copy our one-liner to your terminal</h3>
<p class="text-center mb-4">Best for developers who are used to working with CLIs.</p> <p class="text-center mb-4">Best for developers who are used to working with CLIs.</p>
{{- partial "click-to-copy.html" . -}} {{- partial "click-to-copy.html" . -}}
<p class="no-installer grid-gray text-center small"><span class="tea">tea</span> is a stand&#8208;alone binary, see <a class="install-link" href="https://docs.tea.xyz/getting-started/install-tea/without-installer">our docs</a> for more installation methods.</p> <p class="no-installer grid-gray text-center small twoway-boiler"><span class="tea">tea</span> is a stand&#8208;alone binary, see <a class="install-link" href="https://docs.tea.xyz/getting-started/install-tea/without-installer">our docs</a> for more installation methods, including&nbsp;<span class="tea brew-install no-break pe-2">brew install</span>&nbsp;.</p>
</div> </div>
</div> </div>
<style>
.twoway-boiler::selection,
.install-link::selection,
.tea::selection{
background-color: #00ffd0;
color: #1a1a1a;
}
.twoway-boiler{
font-size: 16px;
line-height: 26px;
color: #e1e1e1 !important;
}
.brew-install{
border: 1px solid gray;
border-radius: 4px;
background-color: #2B2A2A;
}
.no-break::before {
content: "\00a0"; /* non-breaking space character */
}
</style>