From faf83633264cf4fa1d288889f2c86a355eee98aa Mon Sep 17 00:00:00 2001
From: Brandon Lucas <38222767+thebrandonlucas@users.noreply.github.com>
Date: Fri, 26 Jan 2024 10:28:07 -0500
Subject: [PATCH 1/9] fix: icons not appearing in some browsers

---
 src/components/Icon/Icon.svelte | 2 +-
 src/features/Nav.svelte         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Icon/Icon.svelte b/src/components/Icon/Icon.svelte
index 708b259..8459d24 100644
--- a/src/components/Icon/Icon.svelte
+++ b/src/components/Icon/Icon.svelte
@@ -5,7 +5,7 @@
 	export let name: IconName;
 </script>
 
-<span class={` ${$$props.class || 'inline-flex h-6 text-primary'}`}>
+<span class={` ${$$props.class || 'inline-flex h-6 w-6 text-primary'}`}>
 	<!-- NOTE: if we don't know the source of the data, using @html can lead to XSS attacks.
   In this case, we know the data is safe because it's an SVG in our repo -->
 	<!-- eslint-disable-next-line svelte/no-at-html-tags -->
diff --git a/src/features/Nav.svelte b/src/features/Nav.svelte
index 67a568f..5476634 100644
--- a/src/features/Nav.svelte
+++ b/src/features/Nav.svelte
@@ -56,7 +56,7 @@
 			</h3>
 
 			<button class="flex items-center" on:click={handleOpen}>
-				<Icon class="flex h-6 text-white" name="hamburger" />
+				<Icon class="flex h-6 w-6 text-white" name="hamburger" />
 			</button>
 		</div>
 	{:else}

From 5323c8fd27cfd3757f0c94dbaac649d7a0f07cb1 Mon Sep 17 00:00:00 2001
From: Brandon Lucas <38222767+thebrandonlucas@users.noreply.github.com>
Date: Fri, 26 Jan 2024 10:28:33 -0500
Subject: [PATCH 2/9] chore: remove unused header element

---
 src/routes/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index a742582..d76e883 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
 	import Icon from '@components/Icon/Icon.svelte';
 	import H1 from '@components/Header/H1.svelte';
-	import H2 from '@components/Header/H2.svelte';
 	import Button from '@components/Button.svelte';
 	import Card from '@components/Card.svelte';
 	import Link from '@components/Link.svelte';
 	import { WALLET_ADOPTION } from '@/lib/constants';
 	import WalletCard from '@features/WalletCard.svelte';
 	import H3 from '@/components/Header/H3.svelte';
+	import H2 from '@/components/Header/H2.svelte';
 
 	const privateWallets = WALLET_ADOPTION.filter((wallet) => wallet.sending || wallet.sending);
 	const surveillableWallets = WALLET_ADOPTION.filter(

From 5d8afc31b6d04f4b23f642cb87ce8855afdae74f Mon Sep 17 00:00:00 2001
From: Brandon Lucas <38222767+thebrandonlucas@users.noreply.github.com>
Date: Fri, 26 Jan 2024 10:35:41 -0500
Subject: [PATCH 3/9] fix: ipad view image responsiveness issues

---
 src/routes/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index d76e883..492ab4b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -112,7 +112,7 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel
 >
 	<H2>Wallets Using Payjoin</H2>
 	<div
-		class="flex flex-col sm:flex-row max-sm:py-4 gap-8 w-full bg-tertiary justify-center items-center"
+		class="flex flex-col xl:flex-row max-lg:py-4 gap-8 w-full bg-tertiary justify-center items-center"
 	>
 		<a href="https://bitmask.app"
 			><img src="/images/bitmask.svg" alt="bitmasklogo" class="max-w-[200px]" /></a

From 3405eee74130698ba6cef945bae6076380242556 Mon Sep 17 00:00:00 2001
From: Brandon Lucas <38222767+thebrandonlucas@users.noreply.github.com>
Date: Fri, 26 Jan 2024 10:45:31 -0500
Subject: [PATCH 4/9] fix: show bitmask logo

---
 src/routes/+page.svelte   | 4 ++--
 static/images/bitmask.svg | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 492ab4b..877c4ff 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -112,10 +112,10 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel
 >
 	<H2>Wallets Using Payjoin</H2>
 	<div
-		class="flex flex-col xl:flex-row max-lg:py-4 gap-8 w-full bg-tertiary justify-center items-center"
+		class="flex flex-col xl:flex-row max-xl:py-4 gap-8 w-full bg-tertiary justify-center items-center"
 	>
 		<a href="https://bitmask.app"
-			><img src="/images/bitmask.svg" alt="bitmasklogo" class="max-w-[200px]" /></a
+			><img src="/images/bitmask.svg" alt="bitmasklogo" class="max-w-[200px] w-full h-full" /></a
 		>
 		<a href="https://bluewallet.io"><img src="/images/bluewallet.svg" alt="bluewallet logo" /></a>
 		<a href="https://btcpayserver.org"><img src="/images/btcpay.svg" alt="btcpayserver logo" /></a>
diff --git a/static/images/bitmask.svg b/static/images/bitmask.svg
index 0c3b9ba..1a20398 100644
--- a/static/images/bitmask.svg
+++ b/static/images/bitmask.svg
@@ -1 +1 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" class="m-auto h-14 w-36 md:ml-6 dark:text-white text-black" viewBox="0 0 825.21 182.67"><path fill="currentColor" d="M244.42,174.13c0,18.33-12.91,32.19-48.63,32.19H127.07V92.23h70.62c34.5,0,43.74,15.21,43.74,30.29,0,12.9-6.66,18.47-14.67,22.81v2.18C237.76,153.08,244.42,161.09,244.42,174.13ZM164.69,121v17.12h29.07c8.82,0,11.68-4.35,11.68-8.42,0-4.35-2.86-8.7-11.68-8.7Zm41.7,46.86c0-4.35-3-9.24-11.82-9.24H164.69v18.88h29.88C203.4,177.52,206.39,172.09,206.39,167.88Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M255.56,92.23h37.62V206.32H255.56Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M421.66,123.6h-41v82.72H343V123.6H302V92.23H421.66Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M430.48,92.23h47.4l18.61,65.06h2.71l18.61-65.06h47.4V206.32H529.36V155.79h-3l-14.53,50.53h-28l-14.54-50.53h-3v50.53H430.48Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M663.4,191.24H614.51l-5,15.08H570.64l42-114.09H665.3l42,114.09H668.43Zm-9.23-27.84-11.95-35.86H635.7l-12,35.86Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M705.23,168.15h33.82c.4,7.74,6.92,12.5,23.22,12.63,14.4.14,21.05-3.94,21.05-9.23,0-3.67-2-7.47-13.17-9.1l-14.67-2.31C733.89,156.61,708,154,708,124.83c0-22.55,18.33-36.4,54.59-36.4,32.74,0,55.55,9.1,54.88,41.69H783.87c-1.36-7.6-7.74-12.36-22.14-12.36-12.5,0-17.66,3.81-17.66,9,0,3.26,2,7.2,10.73,8.55l12.09,2c22.68,3.8,53.79,4.48,53.79,35.72,0,24.86-19.29,37.22-58.41,37.08C722.88,210,704.28,197.76,705.23,168.15Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M913.84,206.32l-30.42-40.61H881l-15.62,16.7v23.91H827.87V92.23h37.48v45.23h2.45L909,92.23h41.83L904.47,143l47.81,63.29Z" transform="translate(-127.07 -58.67)"></path><polygon fill="#ffcf03" points="468.78 110.39 512.59 110.39 486.94 182.67 540.04 133.19 523.97 96.11 561.72 0 468.78 110.39"></polygon></svg>
\ No newline at end of file
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 825.21 182.67"><path fill="currentColor" d="M244.42,174.13c0,18.33-12.91,32.19-48.63,32.19H127.07V92.23h70.62c34.5,0,43.74,15.21,43.74,30.29,0,12.9-6.66,18.47-14.67,22.81v2.18C237.76,153.08,244.42,161.09,244.42,174.13ZM164.69,121v17.12h29.07c8.82,0,11.68-4.35,11.68-8.42,0-4.35-2.86-8.7-11.68-8.7Zm41.7,46.86c0-4.35-3-9.24-11.82-9.24H164.69v18.88h29.88C203.4,177.52,206.39,172.09,206.39,167.88Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M255.56,92.23h37.62V206.32H255.56Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M421.66,123.6h-41v82.72H343V123.6H302V92.23H421.66Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M430.48,92.23h47.4l18.61,65.06h2.71l18.61-65.06h47.4V206.32H529.36V155.79h-3l-14.53,50.53h-28l-14.54-50.53h-3v50.53H430.48Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M663.4,191.24H614.51l-5,15.08H570.64l42-114.09H665.3l42,114.09H668.43Zm-9.23-27.84-11.95-35.86H635.7l-12,35.86Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M705.23,168.15h33.82c.4,7.74,6.92,12.5,23.22,12.63,14.4.14,21.05-3.94,21.05-9.23,0-3.67-2-7.47-13.17-9.1l-14.67-2.31C733.89,156.61,708,154,708,124.83c0-22.55,18.33-36.4,54.59-36.4,32.74,0,55.55,9.1,54.88,41.69H783.87c-1.36-7.6-7.74-12.36-22.14-12.36-12.5,0-17.66,3.81-17.66,9,0,3.26,2,7.2,10.73,8.55l12.09,2c22.68,3.8,53.79,4.48,53.79,35.72,0,24.86-19.29,37.22-58.41,37.08C722.88,210,704.28,197.76,705.23,168.15Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M913.84,206.32l-30.42-40.61H881l-15.62,16.7v23.91H827.87V92.23h37.48v45.23h2.45L909,92.23h41.83L904.47,143l47.81,63.29Z" transform="translate(-127.07 -58.67)"></path><polygon fill="#ffcf03" points="468.78 110.39 512.59 110.39 486.94 182.67 540.04 133.19 523.97 96.11 561.72 0 468.78 110.39"></polygon></svg>
\ No newline at end of file

From 09e659d0cbffebf52924e9cf12a5b6f982f6d773 Mon Sep 17 00:00:00 2001
From: Brandon Lucas <38222767+thebrandonlucas@users.noreply.github.com>
Date: Fri, 26 Jan 2024 10:50:06 -0500
Subject: [PATCH 5/9] fix: make supported wallet breakpoints consistent

---
 src/components/LinkTag.svelte | 4 ++--
 src/routes/+page.svelte       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/LinkTag.svelte b/src/components/LinkTag.svelte
index 0a03d44..a6dd33d 100644
--- a/src/components/LinkTag.svelte
+++ b/src/components/LinkTag.svelte
@@ -7,8 +7,8 @@
 <a
 	{href}
 	class={`${
-		bad ? 'bg-orange-100 cursor-text' : 'bg-green-100'
-	} no-underline rounded-xl px-3 p-2 hover:scale-105 transition-all duration-200 ease-in-out`}
+		bad ? 'bg-orange-100' : 'bg-green-100'
+	} no-underline rounded-xl cursor-pointer px-3 p-2 hover:scale-105 transition-all duration-200 ease-in-out`}
 	target="_blank"
 	rel="noreferrer noopener"
 >
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 877c4ff..34256bd 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -127,7 +127,7 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel
 		>
 		<a href="https://wasabiwallet.app"><img src="/images/wasabi.svg" alt="wasabi logo" /></a>
 	</div>
-	<div class="flex sm:flex-row flex-col gap-8 w-3/4">
+	<div class="flex xl:flex-row flex-col gap-8 w-3/4">
 		<div class="flex flex-col gap-2 w-full items-center">
 			<H3 class="flex gap-4 items-center sm:flex-row flex-col"
 				><Icon name="check" class="text-green-400 w-8 sm:w-4" />Supports Payjoin</H3

From ee94ac4202440cef6092a1630cb425d197f895ef Mon Sep 17 00:00:00 2001
From: Brandon Lucas <38222767+thebrandonlucas@users.noreply.github.com>
Date: Fri, 26 Jan 2024 10:57:30 -0500
Subject: [PATCH 6/9] fix: center headers

---
 src/components/Header/H2.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Header/H2.svelte b/src/components/Header/H2.svelte
index 34314d0..7e81e2e 100644
--- a/src/components/Header/H2.svelte
+++ b/src/components/Header/H2.svelte
@@ -2,4 +2,4 @@
 	export let colorClass = 'text-white';
 </script>
 
-<h2 class={`text-6xl my-4 ${colorClass} ${$$props.class}`}><slot /></h2>
+<h2 class={`text-center text-6xl my-4 ${colorClass} ${$$props.class}`}><slot /></h2>

From 60981d775f0c68836972cc1e607224e41764dc79 Mon Sep 17 00:00:00 2001
From: Brandon Lucas <38222767+thebrandonlucas@users.noreply.github.com>
Date: Fri, 26 Jan 2024 10:58:07 -0500
Subject: [PATCH 7/9] fix: flex-col on 'why' cards on lg screens

---
 src/routes/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 34256bd..a316f55 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -62,7 +62,7 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel
 	class="bg-tertiary w-full flex flex-col gap-4 sm:gap-14 items-center py-16"
 >
 	<H2>Why Payjoin?</H2>
-	<div class="flex flex-col sm:flex-row sm:gap-12 gap-4 w-3/4">
+	<div class="flex flex-col lg:flex-row sm:gap-12 gap-4 w-3/4">
 		<Card>
 			<div class="flex flex-col gap-2 text-white">
 				<h3 class="font-bold">Preserve Privacy</h3>

From 3de00fa8b988d9be8e58527aa4af258664e00a47 Mon Sep 17 00:00:00 2001
From: Brandon Lucas <38222767+thebrandonlucas@users.noreply.github.com>
Date: Fri, 26 Jan 2024 10:58:31 -0500
Subject: [PATCH 8/9] fix: footer spacing on mobile

---
 src/features/Footer.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/Footer.svelte b/src/features/Footer.svelte
index a866168..1f807fd 100644
--- a/src/features/Footer.svelte
+++ b/src/features/Footer.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <footer
-	class="bg-secondary px-4 w-full flex flex-wrap sm:justify-evenly sm:items-start sm:flex-row gap-8 sm:gap-12 sm:py-16 py-4 text-white"
+	class="bg-secondary px-4 w-full flex flex-wrap sm:justify-evenly items-start justify-center sm:flex-row gap-8 sm:gap-12 sm:py-16 py-4 text-white"
 >
 	<div class="flex flex-col">
 		<strong>Learn</strong>

From 41fb2f44873c0147341e1089ab7b17f9f3b49c03 Mon Sep 17 00:00:00 2001
From: Brandon Lucas <38222767+thebrandonlucas@users.noreply.github.com>
Date: Fri, 26 Jan 2024 12:12:53 -0500
Subject: [PATCH 9/9] fix: give bitmask default width and height

---
 static/images/bitmask.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/images/bitmask.svg b/static/images/bitmask.svg
index 1a20398..6816c16 100644
--- a/static/images/bitmask.svg
+++ b/static/images/bitmask.svg
@@ -1 +1 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 825.21 182.67"><path fill="currentColor" d="M244.42,174.13c0,18.33-12.91,32.19-48.63,32.19H127.07V92.23h70.62c34.5,0,43.74,15.21,43.74,30.29,0,12.9-6.66,18.47-14.67,22.81v2.18C237.76,153.08,244.42,161.09,244.42,174.13ZM164.69,121v17.12h29.07c8.82,0,11.68-4.35,11.68-8.42,0-4.35-2.86-8.7-11.68-8.7Zm41.7,46.86c0-4.35-3-9.24-11.82-9.24H164.69v18.88h29.88C203.4,177.52,206.39,172.09,206.39,167.88Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M255.56,92.23h37.62V206.32H255.56Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M421.66,123.6h-41v82.72H343V123.6H302V92.23H421.66Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M430.48,92.23h47.4l18.61,65.06h2.71l18.61-65.06h47.4V206.32H529.36V155.79h-3l-14.53,50.53h-28l-14.54-50.53h-3v50.53H430.48Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M663.4,191.24H614.51l-5,15.08H570.64l42-114.09H665.3l42,114.09H668.43Zm-9.23-27.84-11.95-35.86H635.7l-12,35.86Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M705.23,168.15h33.82c.4,7.74,6.92,12.5,23.22,12.63,14.4.14,21.05-3.94,21.05-9.23,0-3.67-2-7.47-13.17-9.1l-14.67-2.31C733.89,156.61,708,154,708,124.83c0-22.55,18.33-36.4,54.59-36.4,32.74,0,55.55,9.1,54.88,41.69H783.87c-1.36-7.6-7.74-12.36-22.14-12.36-12.5,0-17.66,3.81-17.66,9,0,3.26,2,7.2,10.73,8.55l12.09,2c22.68,3.8,53.79,4.48,53.79,35.72,0,24.86-19.29,37.22-58.41,37.08C722.88,210,704.28,197.76,705.23,168.15Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M913.84,206.32l-30.42-40.61H881l-15.62,16.7v23.91H827.87V92.23h37.48v45.23h2.45L909,92.23h41.83L904.47,143l47.81,63.29Z" transform="translate(-127.07 -58.67)"></path><polygon fill="#ffcf03" points="468.78 110.39 512.59 110.39 486.94 182.67 540.04 133.19 523.97 96.11 561.72 0 468.78 110.39"></polygon></svg>
\ No newline at end of file
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" width="825.21" height="182.67" viewBox="0 0 825.21 182.67"><path fill="currentColor" d="M244.42,174.13c0,18.33-12.91,32.19-48.63,32.19H127.07V92.23h70.62c34.5,0,43.74,15.21,43.74,30.29,0,12.9-6.66,18.47-14.67,22.81v2.18C237.76,153.08,244.42,161.09,244.42,174.13ZM164.69,121v17.12h29.07c8.82,0,11.68-4.35,11.68-8.42,0-4.35-2.86-8.7-11.68-8.7Zm41.7,46.86c0-4.35-3-9.24-11.82-9.24H164.69v18.88h29.88C203.4,177.52,206.39,172.09,206.39,167.88Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M255.56,92.23h37.62V206.32H255.56Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M421.66,123.6h-41v82.72H343V123.6H302V92.23H421.66Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M430.48,92.23h47.4l18.61,65.06h2.71l18.61-65.06h47.4V206.32H529.36V155.79h-3l-14.53,50.53h-28l-14.54-50.53h-3v50.53H430.48Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M663.4,191.24H614.51l-5,15.08H570.64l42-114.09H665.3l42,114.09H668.43Zm-9.23-27.84-11.95-35.86H635.7l-12,35.86Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M705.23,168.15h33.82c.4,7.74,6.92,12.5,23.22,12.63,14.4.14,21.05-3.94,21.05-9.23,0-3.67-2-7.47-13.17-9.1l-14.67-2.31C733.89,156.61,708,154,708,124.83c0-22.55,18.33-36.4,54.59-36.4,32.74,0,55.55,9.1,54.88,41.69H783.87c-1.36-7.6-7.74-12.36-22.14-12.36-12.5,0-17.66,3.81-17.66,9,0,3.26,2,7.2,10.73,8.55l12.09,2c22.68,3.8,53.79,4.48,53.79,35.72,0,24.86-19.29,37.22-58.41,37.08C722.88,210,704.28,197.76,705.23,168.15Z" transform="translate(-127.07 -58.67)"></path><path fill="currentColor" d="M913.84,206.32l-30.42-40.61H881l-15.62,16.7v23.91H827.87V92.23h37.48v45.23h2.45L909,92.23h41.83L904.47,143l47.81,63.29Z" transform="translate(-127.07 -58.67)"></path><polygon fill="#ffcf03" points="468.78 110.39 512.59 110.39 486.94 182.67 540.04 133.19 523.97 96.11 561.72 0 468.78 110.39"></polygon></svg>
\ No newline at end of file