diff --git a/src/lib/assets/anvil.png b/src/lib/assets/anvil.png new file mode 100644 index 0000000..0a88587 Binary files /dev/null and b/src/lib/assets/anvil.png differ diff --git a/src/lib/components/atoms/AnvilLogo.svelte b/src/lib/components/atoms/AnvilLogo.svelte new file mode 100644 index 0000000..05e385a --- /dev/null +++ b/src/lib/components/atoms/AnvilLogo.svelte @@ -0,0 +1,26 @@ + + + + +Anvil logo diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 8839463..1c7fe4e 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -7,75 +7,26 @@ 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 -
+
+ +

{$_('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? +

+
+ -
- Reset passphrase +
+
+ Reset passphrase +
- - diff --git a/stories/atoms/AnvilLogo.stories.ts b/stories/atoms/AnvilLogo.stories.ts new file mode 100644 index 0000000..8d4a76c --- /dev/null +++ b/stories/atoms/AnvilLogo.stories.ts @@ -0,0 +1,32 @@ +/* Stories for AnvilLogo atom. + * 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 AnvilLogo from '$lib/components/atoms/AnvilLogo.svelte'; + +const meta = { + title: 'Atoms/AnvilLogo', + component: AnvilLogo, + tags: ['autodocs'] +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +export const Plain: Story = {}; + +export const WithClass: Story = { + args: { + class: 'w-full' + } +};