Refer to relay.tools for relay setup

src/app/components/SpaceCreateExternal.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+  import Button from "@lib/components/Button.svelte"
+  import Field from "@lib/components/Field.svelte"
+  import Link from "@lib/components/Link.svelte"
+  import Icon from "@lib/components/Icon.svelte"
+  import SpaceInviteAccept from "@app/components/SpaceInviteAccept.svelte"
+  import {pushModal} from "@app/modal"
+
+  const back = () => history.back()
+
+  const next = () => {
+    window.open("https://relay.tools/signup")
+    pushModal(SpaceInviteAccept)
+  }
+
+  let file: File
+  let name = ""
+  let relay = ""
+</script>
+
+<form class="column gap-4" on:submit|preventDefault={next}>
+  <div class="py-2">
+    <h1 class="heading">Create a Space</h1>
+    <p class="text-center">
+      Host your own space, for your community.
+    </p>
+  </div>
+  <p>
+    <Link class="text-primary" external href="https://relay.tools">relay.tools</Link> is a third-party service
+    that allows anyone to run their own relay for use with Flotilla, or any other
+    nostr-compatible app.
+  </p>
+  <p>
+    Once you've created a relay of your own, come back here to link Flotilla with your new relay.
+  </p>
+  <div class="flex flex-row items-center justify-between gap-4">
+    <Button class="btn btn-link" on:click={back}>
+      <Icon icon="alt-arrow-left" />
+      Go back
+    </Button>
+    <Button type="submit" class="btn btn-primary">
+      Let's go
+      <Icon icon="alt-arrow-right" class="!bg-base-300" />
+    </Button>
+  </div>
+</form>