lbry-sec/pages/index.js

162 lines
4.7 KiB
JavaScript
Raw Normal View History

2021-03-28 00:33:47 +01:00
import React from 'react';
2021-03-27 18:41:37 +01:00
import Head from 'next/head';
2021-03-27 17:25:50 +01:00
export default function Home() {
2021-03-28 00:33:47 +01:00
const [email, setEmail] = React.useState('');
const [emailLoading, setEmailLoading] = React.useState(false);
const [emailError, setEmailError] = React.useState();
const [emailSuccess, setEmailSuccess] = React.useState();
function handleEmailSubmit(e) {
e.preventDefault();
if (!email) {
return;
}
setEmailError(false);
setEmailSuccess(false);
setEmailLoading(true);
fetch('/api/email', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
email,
}),
})
.then((res) => {
if (res.status >= 200 && res.status < 300) {
return res.json();
} else {
throw Error(res.error);
}
})
.then((data) => {
setEmailLoading(false);
setEmailSuccess(true);
})
.catch(() => {
setEmailLoading(false);
setEmailSuccess(false);
setEmailError(true);
});
}
2021-03-27 17:25:50 +01:00
return (
2021-03-27 18:41:37 +01:00
<div>
2021-03-27 17:25:50 +01:00
<Head>
2021-03-27 18:41:37 +01:00
<title>TBD</title>
2021-03-27 17:25:50 +01:00
<link rel="icon" href="/favicon.ico" />
</Head>
2021-03-27 18:41:37 +01:00
<header>
<span className="title">TBD TITLE</span>
2021-03-27 17:25:50 +01:00
2021-03-27 18:41:37 +01:00
<div className="header__links">
2021-03-27 19:31:06 +01:00
<a
href="https://docs.google.com/document/d/1QYSruKLjStWZOTTmkatfUZaCdp4lHWwk6TmUvytzTx0/edit#"
rel="noopener"
target="_blannk"
>
VIEW FAQ
</a>
2021-03-27 18:41:37 +01:00
</div>
</header>
<main>
<div className="landing__img" />
<div className="landing__text">
<h1 className="landing__title">
2021-03-28 00:33:47 +01:00
HELP LBRY
2021-03-27 18:41:37 +01:00
<br />
2021-03-28 00:33:47 +01:00
SAVE CRYPTO
2021-03-27 18:41:37 +01:00
</h1>
2021-03-27 19:31:06 +01:00
<div className="landing__subtitle">
2021-03-28 00:33:47 +01:00
<div>
The SEC dont understand blockchain or crypto.
<br />
Theyre saying LBC is a security, its not!
2021-03-27 19:31:06 +01:00
</div>
2021-03-28 00:33:47 +01:00
<button className="landing__action">
<span>Educate the SEC</span>
</button>
2021-03-27 19:31:06 +01:00
</div>
2021-03-27 18:41:37 +01:00
</div>
2021-03-27 17:25:50 +01:00
2021-03-27 18:41:37 +01:00
<div className="content">
<h2>What is happening?</h2>
2021-03-27 20:52:23 +01:00
<div className="content__subtitle">
Some subtitle about below text.
</div>
2021-03-27 18:41:37 +01:00
<p>
The Securities and Exchange Commission has filed a case against
LBRY, Inc. alleging that all distributions of LBRY Credits by LBRY,
Inc. are unregistered securities offerings.
</p>
<p>
The SEC is claiming the LBRY token does not have utility and is not
purchased for reasons of usage, which fortunately for everyone
involved in cryptocurrency, makes this an extremely winnable case.
Should LBRY, Inc. lose this case, it is likely that most other
blockchain companies, as well as most individuals working on
blockchain, would also be culpable.
</p>
<div className="video">
2021-03-27 20:52:23 +01:00
<iframe
id="lbry-iframe"
src="https://odysee.com/$/embed/odysee/7a416c44a6888d94fe045241bbac055c726332aa?r=A6zE8KtZ6VVk268xANdFViL8znbDXL4F"
allowfullscreen
></iframe>
2021-03-27 18:41:37 +01:00
</div>
2021-03-27 20:52:23 +01:00
<div className="email">
<h2>Stay up to date</h2>
<div className="email__subtitle">
We will keep you up to date with any information we receive about
this case.
</div>
<label htmlFor="email">Email</label>
2021-03-28 00:33:47 +01:00
<form className="email__group" onSubmit={handleEmailSubmit}>
2021-03-27 20:52:23 +01:00
<input
type="email"
name="email"
placeholder="ihatecensorship@protonmail.com"
2021-03-28 00:33:47 +01:00
value={email}
onChange={(e) => setEmail(e.target.value)}
2021-03-27 20:52:23 +01:00
/>
2021-03-28 00:33:47 +01:00
<button disabled={!email || emailLoading}>
{emailLoading ? 'Submitting' : 'Submit'}
</button>
</form>
{emailSuccess && (
<div className="email__success">
Thank you! We will keep you in the loop.
</div>
)}
{emailError && (
<div className="email__success">
Sorry, there was an error. Please try again.
</div>
)}
2021-03-27 20:52:23 +01:00
</div>
<h2>Sign the petition</h2>
<div className="content__subtitle">
We know petitions don't do very much, but everything helps.
</div>
<div className="petition">Petition iframe or link</div>
2021-03-28 00:33:47 +01:00
<h2>See what people are saying</h2>
2021-03-27 17:25:50 +01:00
</div>
</main>
</div>
2021-03-27 18:41:37 +01:00
);
2021-03-27 17:25:50 +01:00
}