diff --git a/src/lib/assets/bell-dark.svg b/src/lib/assets/bell-dark.svg new file mode 100644 index 00000000..af48fc74 --- /dev/null +++ b/src/lib/assets/bell-dark.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/bell.svg b/src/lib/assets/bell.svg new file mode 100644 index 00000000..e80240d9 --- /dev/null +++ b/src/lib/assets/bell.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/card-cloud-dark.svg b/src/lib/assets/card-cloud-dark.svg new file mode 100644 index 00000000..f5b8e344 --- /dev/null +++ b/src/lib/assets/card-cloud-dark.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/card-cloud.svg b/src/lib/assets/card-cloud.svg new file mode 100644 index 00000000..7b7f6c18 --- /dev/null +++ b/src/lib/assets/card-cloud.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/cards-dark.svg b/src/lib/assets/cards-dark.svg new file mode 100644 index 00000000..dff76c11 --- /dev/null +++ b/src/lib/assets/cards-dark.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/lib/assets/cards.svg b/src/lib/assets/cards.svg new file mode 100644 index 00000000..8066b3b7 --- /dev/null +++ b/src/lib/assets/cards.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/lib/assets/chat-dark.svg b/src/lib/assets/chat-dark.svg new file mode 100644 index 00000000..6e421e51 --- /dev/null +++ b/src/lib/assets/chat-dark.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/chat.svg b/src/lib/assets/chat.svg new file mode 100644 index 00000000..01915e51 --- /dev/null +++ b/src/lib/assets/chat.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/hand-card-dark.svg b/src/lib/assets/hand-card-dark.svg new file mode 100644 index 00000000..cef7ffe8 --- /dev/null +++ b/src/lib/assets/hand-card-dark.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/hand-card.svg b/src/lib/assets/hand-card.svg new file mode 100644 index 00000000..f77c4717 --- /dev/null +++ b/src/lib/assets/hand-card.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/hand-ellipsis-dark.svg b/src/lib/assets/hand-ellipsis-dark.svg new file mode 100644 index 00000000..c523b855 --- /dev/null +++ b/src/lib/assets/hand-ellipsis-dark.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/hand-ellipsis.svg b/src/lib/assets/hand-ellipsis.svg new file mode 100644 index 00000000..4a7c3546 --- /dev/null +++ b/src/lib/assets/hand-ellipsis.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/logo-hand-dark.svg b/src/lib/assets/logo-hand-dark.svg new file mode 100644 index 00000000..5d287246 --- /dev/null +++ b/src/lib/assets/logo-hand-dark.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/logo-hand.svg b/src/lib/assets/logo-hand.svg new file mode 100644 index 00000000..158385b6 --- /dev/null +++ b/src/lib/assets/logo-hand.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/pidgeon-dark.svg b/src/lib/assets/pidgeon-dark.svg new file mode 100644 index 00000000..c9d914d7 --- /dev/null +++ b/src/lib/assets/pidgeon-dark.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/pidgeon.svg b/src/lib/assets/pidgeon.svg new file mode 100644 index 00000000..6a362fdd --- /dev/null +++ b/src/lib/assets/pidgeon.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/search-dark.svg b/src/lib/assets/search-dark.svg new file mode 100644 index 00000000..a3b73733 --- /dev/null +++ b/src/lib/assets/search-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/lib/assets/search.svg b/src/lib/assets/search.svg new file mode 100644 index 00000000..0abd65ce --- /dev/null +++ b/src/lib/assets/search.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/lib/components/onBoarding/First.svelte b/src/lib/components/onBoarding/First.svelte index b84235a4..e8da3cb1 100644 --- a/src/lib/components/onBoarding/First.svelte +++ b/src/lib/components/onBoarding/First.svelte @@ -2,17 +2,20 @@ import { createStepController } from '@efstajas/svelte-stepper'; import StepsController from './StepsController.svelte'; import { m } from '$lib/i18n'; + import Illustration from './Illustration.svelte'; export let index: number; export let total: number; const stepController = createStepController(); -placeholder -
- {m.Welcome_to_DID_Wallet()}, - {m.your_friendly_and_trustable_opensource_wallet_()} - Lorem ipsum dolor sit amet consectetur. Adipiscing mauris sagittis amet arcu mauris leo. - stepController.move(e.detail.value)} /> +
+ +
+ {m.Welcome_to_DID_Wallet()}, + {m.your_friendly_and_trustable_opensource_wallet_()} + Lorem ipsum dolor sit amet consectetur. Adipiscing mauris sagittis amet arcu mauris leo. + stepController.move(e.detail.value)} /> +
diff --git a/src/lib/components/onBoarding/Illustration.svelte b/src/lib/components/onBoarding/Illustration.svelte new file mode 100644 index 00000000..e8516c11 --- /dev/null +++ b/src/lib/components/onBoarding/Illustration.svelte @@ -0,0 +1,22 @@ + + +
+ {img} +
diff --git a/src/lib/components/onBoarding/Second.svelte b/src/lib/components/onBoarding/Second.svelte index 9fe5efa2..3c63cfd4 100644 --- a/src/lib/components/onBoarding/Second.svelte +++ b/src/lib/components/onBoarding/Second.svelte @@ -2,18 +2,21 @@ import { createStepController } from '@efstajas/svelte-stepper'; import StepsController from './StepsController.svelte'; import { m } from '$lib/i18n'; + import Illustration from './Illustration.svelte'; export let index: number; export let total: number; - + const stepController = createStepController(); -placeholder -
- {m.Create_your_DID()} - Lorem ipsum dolor sit amet consectetur. Adipiscing mauris sagittis amet arcu mauris leo. - stepController.move(e.detail.value)} /> +
+ +
+ {m.Create_your_DID()} + Lorem ipsum dolor sit amet consectetur. Adipiscing mauris sagittis amet arcu mauris leo. + stepController.move(e.detail.value)} /> +
diff --git a/src/lib/components/onBoarding/StepsController.svelte b/src/lib/components/onBoarding/StepsController.svelte index abca9cd2..f470e13d 100644 --- a/src/lib/components/onBoarding/StepsController.svelte +++ b/src/lib/components/onBoarding/StepsController.svelte @@ -17,7 +17,7 @@ -
+
{#each Array.from(Array(total).keys()) as page} {#if page === index} diff --git a/src/lib/components/onBoarding/Third.svelte b/src/lib/components/onBoarding/Third.svelte index c5903e5b..3a693a83 100644 --- a/src/lib/components/onBoarding/Third.svelte +++ b/src/lib/components/onBoarding/Third.svelte @@ -2,18 +2,21 @@ import { createStepController } from '@efstajas/svelte-stepper'; import StepsController from './StepsController.svelte'; import { m } from '$lib/i18n'; + import Illustration from './Illustration.svelte'; export let index: number; export let total: number; -const stepController = createStepController(); + const stepController = createStepController(); -placeholder -
- {m.Manage_VC_verifiable_credentials_in_one_place()} - Lorem ipsum dolor sit amet consectetur. Adipiscing mauris sagittis amet arcu mauris leo. - stepController.move(e.detail.value)} /> +
+ +
+ {m.Manage_VC_verifiable_credentials_in_one_place()} + Lorem ipsum dolor sit amet consectetur. Adipiscing mauris sagittis amet arcu mauris leo. + stepController.move(e.detail.value)} /> +