From 6185af5ad776c4c3fbfa2f2daf3d556422f21be0 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 9 May 2023 23:01:42 +0200
Subject: [PATCH 1/3] Increased font size, color, added brew install and fixed
 highlight color

---
 src/layouts/partials/click-to-copy.html |  2 +-
 src/layouts/partials/tea-two-ways.html  | 31 +++++++++++++++++++++++--
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/layouts/partials/click-to-copy.html b/src/layouts/partials/click-to-copy.html
index c376353..2ea7f5c 100644
--- a/src/layouts/partials/click-to-copy.html
+++ b/src/layouts/partials/click-to-copy.html
@@ -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;">
-  <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>
 </div>
 
diff --git a/src/layouts/partials/tea-two-ways.html b/src/layouts/partials/tea-two-ways.html
index 3dbe308..19fc081 100644
--- a/src/layouts/partials/tea-two-ways.html
+++ b/src/layouts/partials/tea-two-ways.html
@@ -14,12 +14,39 @@
         </a>
       </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 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>
     <p class="text-center mb-4">Best for developers who are used to working with CLIs.</p>
     {{- 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>
+
+<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>

From 7a8617db91aecf5ff30afca6cfb2fad7de6f8847 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 9 May 2023 23:06:05 +0200
Subject: [PATCH 2/3] Fixed width of 'copy' button

---
 src/layouts/partials/click-to-copy.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/partials/click-to-copy.html b/src/layouts/partials/click-to-copy.html
index 2ea7f5c..b0c846b 100644
--- a/src/layouts/partials/click-to-copy.html
+++ b/src/layouts/partials/click-to-copy.html
@@ -1,6 +1,6 @@
 <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 copy-text">sh <(curl tea.xyz)</code>
-  <button class="hbtn hb-fill-right copy-button" style="height:100%; width:140px;">Copy</button>
+  <code class="white copy-text" style="font-size:16px;">sh <(curl tea.xyz)</code>
+  <button class="hbtn hb-fill-right copy-button" style="height:100%; width:30%;">Copy</button>
 </div>
 
 <script>

From 804010d95c2918761db4d54a210f29210730fa7a Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 9 May 2023 23:22:40 +0200
Subject: [PATCH 3/3] Grammar fix

---
 src/layouts/partials/tea-two-ways.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/partials/tea-two-ways.html b/src/layouts/partials/tea-two-ways.html
index 19fc081..8b32050 100644
--- a/src/layouts/partials/tea-two-ways.html
+++ b/src/layouts/partials/tea-two-ways.html
@@ -20,7 +20,7 @@
     <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>
     {{- partial "click-to-copy.html" . -}}
-    <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>
+    <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>