diff options
| author | Adam Soltys <[email protected]> | 2022-08-22 15:49:08 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-08-22 15:49:08 -0700 |
| commit | 0ebb60f986682ad8d3538c2fd1d708a861e0b1fb (patch) | |
| tree | 7a824114c5fd70fe42758d35d215fefdec8a7599 /src/components/About.svelte | |
| parent | b1843d46dd406f6f7a657ab680407644f096e2c3 (diff) | |
| download | coinos-ui-0ebb60f986682ad8d3538c2fd1d708a861e0b1fb.tar.gz coinos-ui-0ebb60f986682ad8d3538c2fd1d708a861e0b1fb.zip | |
migrate to sveltekit-i18n
Diffstat (limited to 'src/components/About.svelte')
| -rw-r--r-- | src/components/About.svelte | 25 |
1 files changed, 11 insertions, 14 deletions
diff --git a/src/components/About.svelte b/src/components/About.svelte index db74fd96..257fc49c 100644 --- a/src/components/About.svelte +++ b/src/components/About.svelte @@ -1,22 +1,22 @@ <script> import { Image, Icon, LocationsMap } from '$comp'; - import { _, json } from 'svelte-i18n'; + import { t } from '$lib/translations'; </script> -<h3 class="text-5xl font-medium mb-10 text-center">{$_('about.header')}</h3> +<h3 class="text-5xl font-medium mb-10 text-center">{$t('about.header')}</h3> <div class="md:px-10 lg:px-0 block lg:flex justify-center text-secondary text-xl lg:space-x-20 mx-auto max-w-7xl relative" > <p class="w-full lg:w-5/12"> - {@html $_('about.p1')} + {@html $t('about.p1')} <br /><br /> - {@html $_('about.p2')} + {@html $t('about.p2')} <br /><br /> </p> <p class="w-full lg:w-5/12"> - {@html $_('about.p3')} + {@html $t('about.p3')} <br /><br /> - {@html $_('about.p4')} + {@html $t('about.p4')} </p> <Image image="swoosh" style="w-32 absolute -bottom-20 lg:bottom-0 right-0 md:right-10" /> </div> @@ -24,17 +24,17 @@ <div class="px-5 block lg:flex justify-center lg:space-x-32 items-center mt-40 lg:mt-20"> <div class="space-y-5 mb-5 lg:mb-0"> <h3 class="text-5xl font-medium mb-10 text-center lg:text-right"> - {$_('about.founder.header')} + {$t('about.founder.header')} </h3> <Image image="adam" style="rounded-full mx-auto lg:mx-0 lg:ml-auto w-40" /> <div class="space-y-2"> <span class="text-2xl text-center font-semibold block lg:text-right" - >{$_('about.founder.name')}</span + >{$t('about.founder.name')}</span > <span class="text-xl text-center text-secondary block lg:text-right" - >{$_('about.founder.position')}</span + >{$t('about.founder.position')}</span > </div> @@ -57,16 +57,13 @@ <ul class="w-full mx-auto md:w-[700px] lg:w-[500px] xl:w-auto text-secondary px-1 md:px-10 text-xl list-disc space-y-5" > - {#each Object.values($json('about.founder.qualifications')) as qualification} - <li>{qualification}</li> - {/each} </ul> </div> <div class="mt-20"> - <h3 class="text-5xl font-medium mb-5 text-center">{$_('about.locations.header')}</h3> + <h3 class="text-5xl font-medium mb-5 text-center">{$t('about.locations.header')}</h3> <p class="text-secondary text-xl w-full md:w-10/12 lg:w-2/3 2xl:w-[800px] mx-auto mb-10"> - {@html $_('about.locations.description')} + {@html $t('about.locations.description')} </p> <LocationsMap /> </div> |