Discreetly/frontend
1
0
Fork 0
mirror of https://github.com/Discreetly/frontend.git synced 2026-01-09 21:08:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

Landing page cleanup

Browse Source
This commit is contained in:
AtHeartEngineer
2023-11-01 17:27:33 +03:00
parent 2265939e12
commit 917363bbec
3 changed files with 46 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/lib/components/Onboarding/Introduction.svelte
View File

@@ -1,29 +1,53 @@
<div id="info">
<script lang="ts">
import Card from '$lib/components/Utils/Card.svelte';
import Button from '$lib/components/Utils/Button.svelte';
import { identityExists } from '$lib/stores';
</script>
<Card>
<svelte:fragment slot="header">Discreetly is an anonymous chat app</svelte:fragment>
<p>
<b class="text-primary-500">Discreetly</b> is an <b>anonymous</b> chat app
</p>
<p>Yes, you are <i>actually</i> anonymous, don't abuse it</p>
<p>
But you can still get <b class="text-primary-500">banned</b> if you
<b class="text-primary-500">spam</b>, or if you get
<b class="text-primary-500">voted out</b>
<small class="text-surface-400 italic">coming soon™</small>.
<b>True Anonymity</b> <span role="img" aria-label="Shield">🛡️</span> Chat without revealing your
identity, thanks to
<a class="link" href="semaphore.pse.dev">Semaphore</a>.
</p>
<p>
There is
<b class="text-primary-500">no unban</b>
<b>Zero-Knowledge Spam Prevention</b> <span role="img" aria-label="Detective">🕵️</span> Powered
by
<a class="link" href="https://rate-limiting-nullifier.github.io/rln-docs/"
>Rate Limiting Nullifier</a
>, an anti-spam technology that ensures everyone can participate fairly.
</p>
<p>
<b>Backup your identity</b>, there is
<i class="text-primary-500">no account recovery</i>
<b>Own Your Identity</b> <span role="img" aria-label="Lock">🔐</span> Be in full control of your
anonymity. Remember to
<i class="text-primary-500">backup your credentials</i>—once lost, they're irretrievable.
</p>
</div>
<p>
<b>Community-Powered Governance</b> <span role="img" aria-label="Ballot box">🗳️</span> While you're
anonymous, irresponsible behavior like spamming won't go unnoticed. The community can vote to take
action.
</p>
<svelte:fragment slot="footer">
{#if !$identityExists}
<Button link="/signup" cls="variant-ghost-primary btn-sm m-2 sm:m-3">Sign Up</Button>
<Button link="https://discord.gg/brJQ36KVxk" cls="variant-ghost-tertiary btn-sm m-2 sm:m-3"
>Join Our Discord</Button
>
{:else}
It looks like you are already signed up!
<Button link="/chat" cls="variant-ghost-success">Go Chat</Button>
{/if}
</svelte:fragment>
</Card>
<style>
p {
margin: 0.5rem 0;
margin: 1.125rem 0;
}
p::before {
content: '* ';
content: '⊙';
margin-right: 0.55rem;
color: rgb(var(--color-primary-500));
}
</style>

24
src/lib/components/Onboarding/Welcome.svelte
View File

@@ -1,24 +0,0 @@
<script lang="ts">
import Button from '$lib/components/Utils/Button.svelte';
import { identityExists } from '$lib/stores';
</script>
{#if !$identityExists}
<p class="card py-2 px-4 md:px-5 mb-3">
If you have an <code class="code">invite code</code> head over to the <Button
link="/signup"
cls="variant-ghost-primary btn-sm m-2 sm:m-3">Sign Up</Button
>
</p>
<p class="card py-2 px-4 md:px-5">
Or if you want to request an invite code, join our <Button
link="https://discord.gg/brJQ36KVxk"
cls="variant-ghost-tertiary btn-sm m-2 sm:m-3">Discord</Button
>
</p>
{:else}
<p>
It looks like you are already signed up!
<Button link="/chat" cls="variant-ghost-success">Go Chat</Button>
</p>
{/if}

11
src/routes/+page.svelte
View File

@@ -1,13 +1,14 @@
<script lang="ts">
import Welcome from '$lib/components/Onboarding/Welcome.svelte';
import Introduction from '$lib/components/Onboarding/Introduction.svelte';
console.info(
'I see you are checking out the logs, let us know what you think on our discord: https://discord.gg/brJQ36KVxk'
);
</script>
<div class="mx-5 lg:mx-auto mt-10 max-w-[80ch]">
<h2 class="h2 mb-5">Welcome to Discreetly!</h2>
<Welcome />
<slot />
<div class="mx-5 lg:mx-auto mt-16 max-w-[80ch]">
<h1 class="h1 mb-10">Welcome to Discreetly!</h1>
<div class="mb-5">
<Introduction />
</div>
</div>