diff --git a/src/app.postcss b/src/app.postcss index 3acf509..3db2252 100644 --- a/src/app.postcss +++ b/src/app.postcss @@ -18,7 +18,7 @@ /*place global styles here */ html, body { - @apply h-full overflow-hidden; + @apply h-full overflow-hidden bg-white; } :root { diff --git a/src/lib/components/molecules/Welcome.svelte b/src/lib/components/molecules/Welcome.svelte new file mode 100644 index 0000000..e73ba05 --- /dev/null +++ b/src/lib/components/molecules/Welcome.svelte @@ -0,0 +1,39 @@ + + + + +
+ +

{$_('page.welcome.headline')}

+

{$_('page.welcome.intro')}

+
+
+ Create F2 account +
+
+ I have an account +
+
+
+ Reset passphrase +
+
diff --git a/src/lib/i18n/locales/bg.json b/src/lib/i18n/locales/bg.json index 6d8ec67..57fb854 100644 --- a/src/lib/i18n/locales/bg.json +++ b/src/lib/i18n/locales/bg.json @@ -127,6 +127,9 @@ } } }, - "welcome": "" + "welcome": { + "headline": "", + "intro": "" + } } } diff --git a/src/lib/i18n/locales/de.json b/src/lib/i18n/locales/de.json index 15c9911..c63ee57 100644 --- a/src/lib/i18n/locales/de.json +++ b/src/lib/i18n/locales/de.json @@ -127,6 +127,9 @@ } } }, - "welcome": "Willkommen bei Anvil!" + "welcome": { + "headline": "Willkommen bei Anvil", + "intro": "" + } } } diff --git a/src/lib/i18n/locales/en.json b/src/lib/i18n/locales/en.json index 2e6bb6f..4ca1a5f 100644 --- a/src/lib/i18n/locales/en.json +++ b/src/lib/i18n/locales/en.json @@ -127,6 +127,9 @@ } } }, - "welcome": "Welcome to Anvil!" + "welcome": { + "headline": "Welcome to Anvil", + "intro": "Anvil is a F2 („ForgeFed”) client. If you don't have an F2 account you need to create one on an F2 server." + } } } diff --git a/src/lib/i18n/locales/he.json b/src/lib/i18n/locales/he.json index 2600dc0..a01b511 100644 --- a/src/lib/i18n/locales/he.json +++ b/src/lib/i18n/locales/he.json @@ -127,6 +127,9 @@ } } }, - "welcome": "" + "welcome": { + "headline": "", + "intro": "" + } } } diff --git a/src/lib/i18n/locales/pl.json b/src/lib/i18n/locales/pl.json index 0cebe77..81ff289 100644 --- a/src/lib/i18n/locales/pl.json +++ b/src/lib/i18n/locales/pl.json @@ -127,6 +127,9 @@ } } }, - "welcome": "Witamy w Anvil!" + "welcome": { + "headline": "Witamy w Anvil", + "intro": "" + } } } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 1c7fe4e..28d7511 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -8,25 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later -
- -

{$_('page.welcome')}

-

- Anvil is a F2 (Federated Forge) client. Would you like to create a new F2 account or log in with - your existing one? -

-
-
- Create F2 account -
-
- I have an account -
-
-
- Reset passphrase -
-
+ diff --git a/stories/molecules/Welcome.stories.ts b/stories/molecules/Welcome.stories.ts new file mode 100644 index 0000000..692fc6c --- /dev/null +++ b/stories/molecules/Welcome.stories.ts @@ -0,0 +1,26 @@ +/* Stories for Welcome molecule. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + +import type { Meta, StoryObj } from '@storybook/svelte'; + +import Welcome from '$lib/components/molecules/Welcome.svelte'; + +const meta = { + title: 'Molecules/Welcome', + component: Welcome, + tags: ['autodocs'] +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +export const Plain: Story = {};