From f2e4e88769141d0a5cbe599ec69733fe607649ae Mon Sep 17 00:00:00 2001 From: DanGould <d@ngould.dev> Date: Sun, 14 Jan 2024 00:21:17 -0500 Subject: [PATCH] Fix heading semantics --- src/components/Header/H2.svelte | 2 +- src/routes/+page.svelte | 16 ++++++++-------- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/components/Header/H2.svelte b/src/components/Header/H2.svelte index 0436a6f..34314d0 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-4xl my-4 ${colorClass} ${$$props.class}`}><slot /></h2> +<h2 class={`text-6xl my-4 ${colorClass} ${$$props.class}`}><slot /></h2> diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index bb20b2e..0c0397a 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -59,7 +59,7 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel </section> <section class="bg-tertiary w-full flex flex-col gap-4 sm:gap-14 items-center py-16"> - <H1>Why Payjoin?</H1> + <H2>Why Payjoin?</H2> <div class="flex flex-col sm:flex-row sm:gap-12 gap-4 w-3/4"> <Card> <div class="flex flex-col gap-2 text-white"> @@ -95,8 +95,8 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel </section> <section class="bg-secondary w-full flex flex-col gap-4 sm:gap-12 items-center py-16 text-white"> - <H1>User Experience</H1> - <H3>Click through the Figma below to see how simple it can be to payjoin!</H3> + <H2>Try it Yourself</H2> + <H3>Click through the app below to see all it takes to payjoin</H3> <div class="w-4/5 sm:w-1/2"> <iframe title="Payjoin Demo" @@ -111,7 +111,7 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel <section class="bg-secondary w-full flex flex-col gap-4 sm:gap-12 items-center py-16 text-white text-center" > - <H1>Wallets Using Payjoin</H1> + <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" > @@ -145,7 +145,7 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel </section> <section class="bg-tertiary w-full flex flex-col gap-4 sm:gap-12 items-center py-16 text-white"> - <H1>FAQ</H1> + <H2>FAQ</H2> <div class="flex flex-col gap-8 w-3/4"> {#each faqs as { question, answer, open }, i} <Card> @@ -172,10 +172,10 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel class="bg-secondary w-full flex flex-col gap-4 sm:gap-12 items-center py-16 text-white max-sm:text-center" > <div class="flex flex-col items-center"> - <H1>Pay it Forward</H1> - <H1>Join the Community</H1> - <H3>Payjoin can bring many benefits to Bitcoin, but it needs your help</H3> + <H2>Pay it Forward</H2> + <H2>Join the Community</H2> </div> + <H3>Payjoin can bring many benefits to Bitcoin, but it needs your help</H3> <H3 >Join our <Link href="https://payjoin.substack.com/">newsletter</Link> or the <Link href="https://discord.gg/6rJD9R684h">Discord</Link