wip

Helperbird · Oct 16, 2024 · e443ef3 · e443ef3
1 parent 3878ebd
commit e443ef3
Show file tree

Hide file tree

Showing 25 changed files with 505 additions and 723 deletions.
diff --git a/src/_includes/common/cta.html b/src/_includes/common/cta.html
@@ -5,9 +5,10 @@
             <h2 id="main-section-title" class="leading-relaxed font-sans text-3xl font-bold text-white sm:text-4xl">Make the Web Accessible and Efficient</h2>
             <p class="leading-relaxed font-sans mt-6 text-lg text-white">Discover how our cutting-edge technology can enhance your online experience and make the web accessible for everyone.</p>
             <div class="mt-10 flex items-center justify-center gap-x-6 lg:justify-start">
-                    <button onclick="download_modal.showModal()" class="btn btn-secondary gap-2 shadow-md" aria-label="Download Helperbird today and boost your accessibility & productivity">
-                        <span>👉</span> Download Helperbird Now
-                    </button>
+                <button onclick="download_modal.showModal()" class="btn btn-secondary shadow-md" aria-label="Download Helperbird" title="Download Helperbird">
+                    <span class="sm:hidden">Download</span>
+                    <span class="hidden sm:inline">Download Helperbird!</span>
+                </button>
                     <a href="/features/" class="btn-base btn btn-secondary shadow-md" aria-label="See features">
                         See All Features
 

diff --git a/src/_includes/common/hero-chrome.html b/src/_includes/common/hero-chrome.html
@@ -15,14 +15,10 @@ <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">
 					high-contrast themes, all tailored to enhance your browsing experience.
 				</p>
 				<div class="mt-10 flex items-center justify-center gap-x-6">
-					<button
-						onclick="download_modal.showModal()"
-						class="btn btn-secondary gap-2 shadow-md"
-						aria-label="Download Helperbird today and boost your accessibility & productivity"
-					>
-						<span>👉</span> Download Helperbird Now
+					<button onclick="download_modal.showModal()" class="btn btn-secondary shadow-md" aria-label="Download Helperbird" title="Download Helperbird">
+						<span class="sm:hidden">Download</span>
+						<span class="hidden sm:inline">Download Helperbird!</span>
 					</button>
-
 					<a href="/features/" class="btn btn-primary shadow-md">See All Features </a>
 				</div>
 			</div>

diff --git a/src/_includes/common/hero-edge.html b/src/_includes/common/hero-edge.html
@@ -15,12 +15,9 @@ <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">
 					high-contrast themes, all tailored to enhance your browsing experience.
 				</p>
 				<div class="mt-10 flex items-center justify-center gap-x-6">
-					<button
-						onclick="download_modal.showModal()"
-						class="btn btn-secondary gap-2 shadow-md"
-						aria-label="Download Helperbird today and boost your accessibility & productivity"
-					>
-						<span>👉</span> Download Helperbird Now
+					<button onclick="download_modal.showModal()" class="btn btn-secondary shadow-md" aria-label="Download Helperbird" title="Download Helperbird">
+						<span class="sm:hidden">Download</span>
+						<span class="hidden sm:inline">Download Helperbird!</span>
 					</button>
 
 					<a href="/features/" class="btn btn-primary shadow-md">See All Features </a>

diff --git a/src/_includes/common/hero-extension.html b/src/_includes/common/hero-extension.html
@@ -18,12 +18,9 @@ <h1 class="mt-10 font-sans text-4xl font-bold tracking-tight text-gray-900 sm:te
 					you covered.
 				</p>
 				<div class="mt-10 flex items-center justify-center gap-x-6">
-					<button
-						onclick="download_modal.showModal()"
-						class="btn-base btn btn-secondary gap-2 shadow-md"
-						aria-label="Download Helperbird today and boost your accessibility & productivity"
-					>
-						<span>👉</span> Download Helperbird Now
+					<button onclick="download_modal.showModal()" class="btn btn-secondary shadow-md" aria-label="Download Helperbird" title="Download Helperbird">
+						<span class="sm:hidden">Download</span>
+						<span class="hidden sm:inline">Download Helperbird!</span>
 					</button>
 
 					<a

diff --git a/src/_includes/common/hero-firefox.html b/src/_includes/common/hero-firefox.html
@@ -15,14 +15,10 @@ <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">
 					high-contrast themes, all tailored to enhance your browsing experience.
 				</p>
 				<div class="mt-10 flex items-center justify-center gap-x-6">
-					<button
-						onclick="download_modal.showModal()"
-						class="btn btn-secondary gap-2 shadow-md"
-						aria-label="Download Helperbird today and boost your accessibility & productivity"
-					>
-						<span>👉</span> Download Helperbird Now
+					<button onclick="download_modal.showModal()" class="btn btn-secondary shadow-md" aria-label="Download Helperbird" title="Download Helperbird">
+						<span class="sm:hidden">Download</span>
+						<span class="hidden sm:inline">Download Helperbird!</span>
 					</button>
-
 					<a href="/features/" class="btn btn-primary shadow-md">See All Features </a>
 				</div>
 			</div>

diff --git a/src/_includes/common/hero-home.html b/src/_includes/common/hero-home.html
@@ -44,12 +44,9 @@ <h1 class="mt-10 font-sans text-4xl font-bold tracking-tight text-black sm:text-
 				</p>
 
 				<div class="mt-10 flex items-center justify-center gap-x-6">
-					<button
-						onclick="download_modal.showModal()"
-						class="btn btn-secondary gap-2 shadow-md"
-						aria-label="Download Helperbird today and boost your accessibility & productivity"
-					>
-						<span>👉</span> Download Helperbird Now
+					<button onclick="download_modal.showModal()" class="btn btn-secondary shadow-md" aria-label="Download Helperbird" title="Download Helperbird">
+						<span class="sm:hidden">Download</span>
+						<span class="hidden sm:inline">Download Helperbird!</span>
 					</button>
 					<a
 						href="https://www.youtube.com/watch?v=vwT8SAJfU3E&t=39s"