From c89f9d6f1b6c4f10412bf7fccb0e7a324af849c8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Jaenisch?= Date: Fri, 5 Jul 2024 08:59:26 +0200 Subject: [PATCH] feat: replace skull with Anvil logo MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit When I refactor the homepage I can also get closer to the design specification. Signed-off-by: André Jaenisch --- src/lib/assets/anvil.png | Bin 0 -> 5149 bytes src/lib/components/atoms/AnvilLogo.svelte | 26 +++++++ src/routes/+page.svelte | 83 +++++----------------- stories/atoms/AnvilLogo.stories.ts | 32 +++++++++ 4 files changed, 75 insertions(+), 66 deletions(-) create mode 100644 src/lib/assets/anvil.png create mode 100644 src/lib/components/atoms/AnvilLogo.svelte create mode 100644 stories/atoms/AnvilLogo.stories.ts diff --git a/src/lib/assets/anvil.png b/src/lib/assets/anvil.png new file mode 100644 index 0000000000000000000000000000000000000000..0a885873fe100a7d2f67ebf7a6700faeba267712 GIT binary patch literal 5149 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. +--> + + + +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? -

-
- - +
+ +

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