forked from coracle/flotilla
Jon Staab
39 lines
1.4 KiB
Svelte
39 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
import {displayRelayUrl} from "@welshman/util"
|
|
import Button from "@lib/components/Button.svelte"
|
|
import Link from "@lib/components/Link.svelte"
|
|
import Icon from "@lib/components/Icon.svelte"
|
|
import {DEFAULT_RELAYS} from "@app/state"
|
|
import {clip} from "@app/toast"
|
|
</script>
|
|
|
|
<div class="column gap-4">
|
|
<div class="py-2">
|
|
<h1 class="heading">What is a relay?</h1>
|
|
</div>
|
|
<p>
|
|
Flotilla hosts spaces on the <Link external href="https://nostr.com/">Nostr protocol</Link>.
|
|
Nostr uses "relays" to host data, which are special-purpose servers that speak nostr's language.
|
|
This means that anyone can host their own data, making the web more decentralized and resilient.
|
|
</p>
|
|
<p>
|
|
Only some relays support spaces. You can find a list of suggested relays below, or you can <Link
|
|
external
|
|
href="https://coracle.tools">host your own</Link
|
|
>. If you do decide to join someone else's, make sure to follow their directions for registering
|
|
as a user.
|
|
</p>
|
|
{#each DEFAULT_RELAYS as url}
|
|
<div class="card2 card2-alt card2-sm flex items-center justify-between">
|
|
<div class="flex items-center gap-2">
|
|
<Icon icon="remote-controller-minimalistic" />
|
|
{displayRelayUrl(url)}
|
|
</div>
|
|
<Button on:click={() => clip(url)}>
|
|
<Icon icon="copy" />
|
|
</Button>
|
|
</div>
|
|
{/each}
|
|
<Button class="btn btn-primary" on:click={() => history.back()}>Got it</Button>
|
|
</div>
|