From bfb25df2c09c4121bf77ff243f12c1b2714ac88e Mon Sep 17 00:00:00 2001 From: Adrien Hopkins Date: Thu, 18 Aug 2022 16:48:21 -0500 Subject: Extracted all strings from the main page into en.json --- src/components/FaqCard.svelte | 12 ++++--- src/components/Footer.svelte | 19 +++++----- src/components/HowItWorksCard.svelte | 8 ++--- src/components/LandingHeader.svelte | 14 ++++---- src/components/LandingHero.svelte | 12 +++---- src/locales/en.json | 63 +++++++++++++++++++++++++++++++-- src/locales/fr.json | 12 +++++-- src/routes/+page.svelte | 68 ++++++++++-------------------------- 8 files changed, 123 insertions(+), 85 deletions(-) (limited to 'src') diff --git a/src/components/FaqCard.svelte b/src/components/FaqCard.svelte index 3ebd7f45..3e855e42 100644 --- a/src/components/FaqCard.svelte +++ b/src/components/FaqCard.svelte @@ -1,11 +1,15 @@
-

{question}

+

{$_('faq.' + questionID + '.question')}

- {answer} + {$_('faq.' + questionID + '.answer')}

diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte index f1de0173..8d846f04 100644 --- a/src/components/Footer.svelte +++ b/src/components/Footer.svelte @@ -1,15 +1,16 @@ @@ -17,19 +18,19 @@
-

Follow Us

+

{$_('footer.followUs')}

-

Company

+

{$_('footer.company')}

diff --git a/src/components/HowItWorksCard.svelte b/src/components/HowItWorksCard.svelte index 519cdcdc..b0ef2aad 100644 --- a/src/components/HowItWorksCard.svelte +++ b/src/components/HowItWorksCard.svelte @@ -1,14 +1,14 @@
-

{step}

+

{$_('howItWorks.' + stepID + '.header')}

- {description} + {$_('howItWorks.' + stepID + '.description')}

diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte index cc743b79..3e53a613 100644 --- a/src/components/LandingHeader.svelte +++ b/src/components/LandingHeader.svelte @@ -28,9 +28,9 @@ @@ -92,13 +92,13 @@ {/if} diff --git a/src/components/LandingHero.svelte b/src/components/LandingHero.svelte index 750f5626..7c044a4d 100644 --- a/src/components/LandingHero.svelte +++ b/src/components/LandingHero.svelte @@ -2,6 +2,7 @@ import { goto } from '$app/navigation'; import { Icon, Image } from '$comp'; import { user } from '$lib/store'; + import { _ } from 'svelte-i18n';
@@ -9,16 +10,15 @@

- The - easiest + {$_('landing.header_before_icon')} + {$_('landing.header_with_icon')} - way to accept bitcoin in your store. + {$_('landing.header_after_icon')}

- Grow your customer base and revenue by accepting bitcoin with an easy-to-use and managed Point - of Sale. No software or hardware required. + {$_('landing.subheader')}

{#if !$user}
@@ -26,7 +26,7 @@ class="bg-black text-white border rounded-full px-6 py-2 font-bold" on:click={() => goto('/register')} > - Start in Seconds + {$_('nav.startInSeconds')}
{/if} diff --git a/src/locales/en.json b/src/locales/en.json index 2e4de596..c8d90970 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -21,12 +21,69 @@ "beliefs": "Yogi, permaculturist, anarchist, decentralist", "familialRelationships": "Husband, father, brother, son" } + }, + "faq": { + "header": "FAQ", + "cost": { + "question": "What does it cost?", + "answer": "CoinOS is free to use. You only pay a 1% fee if/when you withdraw your funds. Compare this to 3% typically charged by a credit card processor." + }, + "compatibility": { + "question": "Do I need any special device or software?", + "answer": "No. CoinOS is web-based, so as long as you have an internet connection, you can use it on any device or hardware. Most merchants might use it on a phone or a tablet." + }, + "safety": { + "question": "Are my funds safe?", + "answer": "Your funds are stored on our secure server, however we recommend that you withdraw them to your own cold storage for long-term savings." + } + }, + "footer": { + "followUs": "Follow Us", + "twitter": "Twitter", + "github": "GitHub", + "company": "Company", + "telegram": "Telegram", + "support": "Support", + "jobs": "Jobs" + }, + "howItWorks": { + "header": "How It Works", + "step1": { + "header": "1. Create your account", + "description": "A username & password is all you need to get started." + }, + "step2": { + "header": "2. Ask for payments", + "description": "The same as you normally would, but with bitcoin." + }, + "step3": { + "header": "3. That's all!", + "description": "You can convert to local currency at any point." + } + }, + "landing": { + "header_before_icon": "The", + "header_with_icon": "easiest", + "header_after_icon": "way to accept bitcoin in your store.", + "subheader": "Grow your customer base and revenue by accepting bitcoin with an easy-to-use and managed Point of Sale. No software or hardware required.", + "info1": { + "title": "Instant payments via Lightning", + "description": "The moment your customer sends a payment, it’s there. No waiting for bank settlements or worrying about chargebacks. Instant settlement, in seconds. Say goodbye to 3% credit card processing fees." + }, + "info2": { + "title": "Simple to use, custodial by default", + "description1": "Just enter an amount, share QR code and you’re done.", + "description2": "CoinOS is custodial by default, which eliminates the need to understand how bitcoin/lightning works. We do all the heavy lifting so you can focus on your business.", + "description3": "You always have the option of taking custody of your own keys." + }, + "info3": { + "title": "Brand it your way!", + "description": "Customize your point of sale look and feel, or keep it on default - totally up to you." + } }, "nav": { - "howItWorks": "How It Works", - "faq": "FAQ", - "about": "About", "startInSeconds": "Start in Seconds", + "account": "Account", "signIn": "Sign In", "signOut": "Sign Out", "dashboard": "Dashboard", diff --git a/src/locales/fr.json b/src/locales/fr.json index 9adc9488..44320607 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -1,9 +1,15 @@ { "langname": "Français", + "about": { + "header": "À Propos" + }, + "faq": { + "header": "FAQ" + }, + "howItWorks": { + "header": "Comment Elle Fonctionne" + }, "nav": { - "howItWorks": "Comment Ça Fonctionne", - "faq": "FAQ", - "about": "À Propos", "startInSeconds": "Commence en Secondes", "signIn": "Connexion" } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index f50db726..6bdd9699 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -10,45 +10,19 @@ Footer } from '$comp'; + import { _ } from 'svelte-i18n'; + let howItWorks; let faq; let about; const howItWorksSteps = [ - { - image: 'hand', - step: '1. Create your account', - description: 'A username & password is all you need to get started.' - }, - { - image: 'bolt', - step: '2. Ask for payments', - description: 'The same as you normally would, but with bitcoin.' - }, - { - image: 'smile', - step: "3. That's all!", - description: 'You can convert to local currency at any point.' - } + { image: 'hand', stepID: 'step1' }, + { image: 'bolt', stepID: 'step2' }, + { image: 'smile', stepID: 'step3' } ]; - const faqQuestions = [ - { - question: 'What does it cost?', - answer: - 'CoinOS is free to use. You only pay a 1% fee if/when you withdraw your funds. Compare this to 3% typically charged by a credit card processor.' - }, - { - question: 'Do I need any special device or software?', - answer: - 'No. CoinOS is web-based, so as long as you have an internet connection, you can use it on any device or hardware. Most merchants might use it on a phone or a tablet.' - }, - { - question: 'Are my funds safe?', - answer: - 'Your funds are stored on our secure server, however we recommend that you withdraw them to your own cold storage for long-term savings.' - } - ]; + const faqIDs = ["cost", "compatibility", "safety"]; @@ -60,45 +34,41 @@ - Just enter an amount, share QR code and you’re done. + {$_('landing.info2.description1')}

- CoinOS is custodial by default, which eliminates the need to understand how bitcoin/lightning works. - We do all the heavy lifting so you can focus on your business. + {$_('landing.info2.description2')}

- You always have the option of - taking custody of your own keys. + {@html $_('landing.info2.description3')}
-

How it works

+

{$_('howItWorks.header')}

{#each howItWorksSteps as step} - + {/each}
@@ -107,9 +77,9 @@
-

FAQ

- {#each faqQuestions as question} - +

{$_('faq.header')}

+ {#each faqIDs as faqID} + {/each}
-- cgit v1.2.3