Merge pull request #46 from DanGould/faq

Faq

src/features/Footer.svelte

@@ -8,15 +8,15 @@
 	<div class="flex flex-col">
 		<strong>Learn</strong>
 		<Link href="https://payjoindevkit.org/introduction/">Get Started</Link>
-		<Link href="https://payjoindevkit.org/">Developer Kit</Link>
+		<Link href="https://payjoindevkit.org/">Payjoin Dev Kit</Link>
 		<Link href="https://bitcoin.design/guide/case-studies/payjoin/">Case Study</Link>
 	</div>
 	<div class="flex flex-col">
 		<strong>Community</strong>
-		<Link href="https://payjoin.substack.com/">Blog</Link>
+		<Link href="https://payjoin.substack.com/">News</Link>
 		<Link href="https://discord.gg/6rJD9R684h">Discord</Link>
 		<Link href="https://twitter.com/payjoindevkit">Twitter</Link>
-		<Link href="https://github.com/payjoin">Github</Link>
+		<Link href="https://github.com/payjoin">GitHub</Link>
 	</div>
 	<div class="flex flex-col">
 		<strong>Support</strong>

src/features/Nav.svelte

@@ -39,14 +39,14 @@
 
 <svelte:window bind:scrollY={y} />
 
-<nav class="fixed w-full flex justify-between bg-opacity-90 items-center p-4 z-10">
+<nav class="fixed w-full flex justify-between bg-opacity-90 items-center p-4 z-10 left-0">
 	<h3 class="text-3xl text-white hidden md:inline">
 		<a class="flex gap-2 items-center" href="/"><Icon name="monad" /></a>
 	</h3>
 	<ul class="hidden justify-end gap-4 items-center text-xl md:flex">
-		<li><Link textwhite href="https://payjoindevkit.org/introduction/">Learn</Link></li>
+		<li><Link textwhite href="https://payjoindevkit.org/introduction/">Dev Kit</Link></li>
 		<li><Link textwhite href="https://discord.gg/6rJD9R684h">Discord</Link></li>
-		<li><Link textwhite href="https://payjoin.substack.com/">Blog</Link></li>
+		<li><Link textwhite href="https://payjoin.substack.com/">News</Link></li>
 	</ul>
 	<!-- Hamburger menu -->
 	{#if !open}
@@ -71,9 +71,9 @@
 					<a class="flex gap-2 items-center" href="/"><Icon name="monad" /></a>
 				</h3>
 				<ul class="flex flex-col gap-4 items-center text-2xl">
-					<li><Link textwhite href="https://payjoindevkit.org/introduction/">Learn</Link></li>
+					<li><Link textwhite href="https://payjoindevkit.org/introduction/">Dev Kit</Link></li>
 					<li><Link textwhite href="https://discord.gg/6rJD9R684h">Discord</Link></li>
-					<li><Link textwhite href="https://payjoin.substack.com/">Blog</Link></li>
+					<li><Link textwhite href="https://payjoin.substack.com/">News</Link></li>
 				</ul>
 			</div>
 		</div>

src/routes/+page.svelte

@@ -16,23 +16,23 @@
 
 	let faqs = [
 		{
-			question: 'Does this require changes to Bitcoin?',
+			question: 'Does Payjoin require changes to Bitcoin?',
 			answer:
 				'No. Payjoin was designed with ease of adoption in mind, and requiring consensus changes would be slow and difficult. Payjoin works as a protocol on top of Bitcoin.',
 			open: false
 		},
 		{
-			question: 'Why isn’t there much adoption yet?',
+			question: 'Why doesn’t my wallet support Payjoin yet?',
 			answer:
 				'One of the great things about payjoin is that it doesn’t require any consensus changes to Bitcoin. The flip side is that it’s up to individual wallets to implement it, and historically there haven’t been many tools to assist developers. Payjoin Dev Kit (PDK) aims to solve this problem as the de-facto library for payjoin, and it includes payjoin-cli as a reference implementation.\n\n\
-Another barrier has been that the first version of payjoin required an HTTPS server for a receiver to be running at the time a sender wanted to make a payment. This practically limited payjoin’s utility to always-online wallets such as merchants. But with the recent release of payjoin V2, receivers can create payjoin transactions asynchronously while offline. This opens up adoption to all types of wallets.\n\n\
-If there is a wallet you’d like to see adopt payjoin or you are a wallet developer and who’d like to integrate it, checkout our tutorials or reach out to us for help!',
+Another barrier has been that the first version of payjoin required an HTTPS server for a receiver to be running at the time a sender wanted to make a payment. This practically limited payjoin’s utility to always-online wallets such as merchants. But with the recent development of <a href="https://github.com/bitcoin/bips/pull/1483" target="_blank" class="underline">Payjoin V2</a>, receivers can create payjoin transactions asynchronously while offline. This opens up adoption to all types of wallets.\n\n\
+If there is a wallet you’d like to see adopt payjoin or you are a wallet developer and who’d like to integrate it, check out our tutorials or reach out to us for help!',
 			open: false
 		},
 		{
 			question: 'Can I add Payjoin to my wallet right now using Payjoin Dev Kit?',
 			answer:
-				'PDK currently only supports wallets that use Rust. However, we are creating bindings to other languages to allow it to be used across all sorts of different applications, including mobile apps.',
+				'<a href="https://payjoindevkit.org" target="_blank" class="underline">PDK</a> is a Rust library to help your wallet use Payjoin. If your wallet uses another language, we are creating bindings to other languages so it can be used across all sorts of different applications, including mobile apps. The Python bindings are nearly complete.',
 			open: false
 		}
 	];
@@ -161,7 +161,10 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel
 						<H3>{question}</H3>
 						<Icon name={open ? 'minus' : 'plus'} class="text-white  w-6 sm:w-4" />
 					</div>
-					<span class={open ? '' : 'hidden'}>{answer}</span>
+					<div class={open ? 'mt-4' : 'hidden'}>
+						<!-- eslint-disable-next-line svelte/no-at-html-tags -->
+						<span>{@html answer}</span>
+					</div>
 				</span>
 			</Card>
 		{/each}