diff --git a/email draft.txt b/email draft.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bb12d96fe70023e101bbaff8b5861f034beee1dd
--- /dev/null
+++ b/email draft.txt
@@ -0,0 +1,15 @@
+Hi,
+we're ready to accept you into the Revolt beta!
+
+Your unique invite code is <code>abc</code>.
+
+For more information on signing up, see https://revolt.chat/onboarding?code=abc.
+
+If you have any problems, feel free to reply to this email to open a support ticket.
+
+Thanks,
+Paul
+
+--
+Revolt
+Email: contact@revolt.chat - Web: https://revolt.chat
diff --git a/legal b/legal
index 8f2a35ed202a17ac536468c3697c0d7a3a743498..587d133232e7c739cffd449c4e011d0519a0a6c4 160000
--- a/legal
+++ b/legal
@@ -1 +1 @@
-Subproject commit 8f2a35ed202a17ac536468c3697c0d7a3a743498
+Subproject commit 587d133232e7c739cffd449c4e011d0519a0a6c4
diff --git a/pages/index.tsx b/pages/index.tsx
index cdd318f5cd54f0b3c62af48b9d8fc232926dbd29..83be4ff75f125940abebc4361ae301435fea9bd9 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -33,11 +33,12 @@ export default function Home() {
<script async defer data-domain='revolt.chat' src='https://plausible.insrt.uk/js/plausible.js' />
- { // Firefox only: Scroll snapping.
+ { // Disabled scroll snapping.
+ /* // Firefox only: Scroll snapping.
// Doesn't work properly with Chromium.
typeof window !== 'undefined' &&
typeof (window as any).InstallTrigger !== 'undefined' &&
- <style dangerouslySetInnerHTML={{ __html: `html { scroll-snap-type: y mandatory; }` }} /> }
+ <style dangerouslySetInnerHTML={{ __html: `html { scroll-snap-type: y mandatory; }` }} /> */ }
</Head>
<main>
<a className={styles.feedback} href={URLs.Feedback} target="_blank">
diff --git a/pages/onboarding.tsx b/pages/onboarding.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3d1bbf427e349263a6be03e099d8227b5598f59e
--- /dev/null
+++ b/pages/onboarding.tsx
@@ -0,0 +1,52 @@
+import Head from 'next/head';
+import { Footer } from '../components/Footer';
+import { Navbar } from '../components/Navbar';
+import styles from '../styles/Legal.module.scss';
+import { useRouter } from 'next/dist/client/router';
+import { URLs } from '../urls';
+import { ExternalLink } from '@styled-icons/feather';
+
+export default function Onboarding() {
+ const { query } = useRouter();
+ const { code } = query;
+
+ return (
+ <div>
+ <Head>
+ <title>Welcome to Revolt</title>
+ <link rel="icon" href="/favicon.ico" />
+ <meta name="viewport" content="width=device-width, initial-scale=0.9, user-scalable=0" />
+ </Head>
+ <main>
+ <Navbar />
+ <div className={styles.content}>
+ <h1 className={styles.title}>Welcome to Revolt</h1>
+ <p>
+ If you've been linked to this page, you likely applied to join the beta and have now been invited to sign up. To sign up, use the invite code below from the app or click the button below to be taken straight to the account creation screen.
+ </p>
+ { code && <p>
+ You've been given an invite code: <code className={styles.inviteCode}>{ code }</code>
+ </p> }
+ <span>
+ <a className="button red"
+ target="_blank"
+ href={code ? `${URLs.App}/login/create?code=${code}` : URLs.App}>
+ <ExternalLink size={24} /> Open App
+ </a>
+ </span>
+ <h3>Having problems?</h3>
+ <p>
+ We have a number of channels you can contact us directly through for help.
+ </p>
+ <ul>
+ <li>Email support: <a href="mailto:contact@revolt.chat">contact@revolt.chat</a></li>
+ <li>Online support: <a href="https://help.revolt.chat" target="_blank">help.revolt.chat</a></li>
+ <li>Matrix channel: <a href="https://matrix.to/#revolt-chat:clustor.net" target="_blank">#revolt-chat:clustor.net</a></li>
+ <li>Discord server: <a href="https://discord.gg/AWFZeCc" target="_blank">discord.gg/AWFZeCc</a></li>
+ </ul>
+ </div>
+ <Footer />
+ </main>
+ </div>
+ );
+}
diff --git a/styles/Legal.module.scss b/styles/Legal.module.scss
index 39b166fe7654935e88cf32ba4fa907eb40dd66a7..63724b5affd26c6aa8db13556ab0b470b3e53114 100644
--- a/styles/Legal.module.scss
+++ b/styles/Legal.module.scss
@@ -3,3 +3,19 @@
padding: 20px;
max-width: 720px;
}
+
+.title {
+ font-size: 3em;
+ color: var(--accent);
+}
+
+.inviteCode {
+ padding: 0.4rem;
+ user-select: all;
+ border-radius: 6px;
+ margin-left: 0.4rem;
+ background: white;
+ color: var(--accent);
+ display: inline-block;
+ font-family: "Inter", sans-serif;
+}