Replace accord.app -> acrd.app.

This commit is contained in:
ADAMJR 2022-12-16 21:49:07 +00:00
parent 9d2e26299d
commit 85144561c4
14 changed files with 63 additions and 40 deletions

View File

@ -11,7 +11,7 @@ body(style='background-color: #2E303E')
span.text-tertiary .
span.text-secondary app
h2 Hello #{user.username}!
p.lead Thank you for choosing accord.app!
p.lead Thank you for choosing acrd.app!
section.body
div.summary A password reset was requested.
@ -29,4 +29,4 @@ body(style='background-color: #2E303E')
footer
hr
span accord.app
span acrd.app

View File

@ -6,7 +6,7 @@ head
body(style='background-color: #2E303E')
header
h1 #{greetings[i]}, #{user.username}!
p.lead Thank you for choosing accord.app.
p.lead Thank you for choosing acrd.app.
- var link = process.env.WEBSITE_URL + '/verify?code=' + code;
section.body
@ -21,4 +21,4 @@ body(style='background-color: #2E303E')
footer
hr
span accord.app
span acrd.app

View File

@ -7,7 +7,7 @@ body(style='background-color: #2E303E')
- const url = `${process.env.WEBSITE_URL}/verify?code=${code}`;
header
h1 Hello #{user.username}!
p.lead Thank you for choosing accord.app.
p.lead Thank you for choosing acrd.app.
section.body
div
@ -20,4 +20,4 @@ body(style='background-color: #2E303E')
footer
hr
span accord.app
span acrd.app

View File

@ -6,4 +6,4 @@ router.get('/', (req, res) => res.json({ hello: 'earth' }));
router.post('/error', (req, res) => {
res.json({ message: 'Received' });
});
});

View File

@ -1,5 +1,4 @@
import { Router } from 'express';
import Invites from '../../data/invites';
export const router = Router();

View File

@ -1,6 +1,7 @@
PORT=4200
REACT_APP_API_URL="http://localhost:3000/v2"
REACT_APP_CDN_URL="http://localhost:3000/assets"
REACT_APP_REPO="https://github.com/accord-dot-app/app"
REACT_APP_VERSION="v0.3.0"
REACT_APP_REPO="https://github.com/acrdapp/app"
REACT_APP_VERSION_NAME="Winter"
REACT_APP_VERSION_NUMBER="v0.4.0a"
REACT_APP_ROOT_API_URL="http://localhost:3000"

View File

@ -2,4 +2,6 @@ PORT=4200
REACT_APP_API_URL="https://api.acrd.app/v2"
REACT_APP_CDN_URL="https://api.acrd.app/assets"
REACT_APP_REPO="https://github.com/acrdapp/app"
REACT_APP_VERSION_NAME="Winter"
REACT_APP_VERSION_NUMBER="v0.4.0a"
REACT_APP_ROOT_API_URL="https://api.acrd.app"

View File

@ -23,7 +23,7 @@ const LoginPage: React.FunctionComponent = () => {
return (user)
? <Redirect to="/channels/@me" />
: (
<PageWrapper pageTitle="accord.app | Login">
<PageWrapper pageTitle="acrd.app | Login">
<div className="flex items-center absolute justify-center top-[30%] left-[35%]">
<form
className="rounded-md shadow bg-bg-primary p-8 w-[478px]"

View File

@ -1,8 +1,17 @@
section {
padding: 72px 50px 0;
}
section h1 {
font-size: 36px;
font-weight: 700;
line-height: 44px;
}
.image-card {
max-width: 200px;
}
.image-card img {
height: 125px;
}

View File

@ -16,15 +16,20 @@ import NumberFormat from 'react-number-format';
const HomePage: React.FunctionComponent = () => {
const dispatch = useDispatch();
const userCount = useSelector((s: Store.AppState) => s.meta.userCount);
useEffect(() => {
dispatch(countUsers());
}, []);
const ImageCard = (props: { title: string, src: any }) => (
<div>
<h3 className="text-center text-1xl font-black font mb-4">{props.title}</h3>
const ImageCard = (props: { title: string, src: string, children?: any }) => (
<div className='image-card'>
<header className="text-center mb-2">
<h3 className="text-white font-bold text-1xl">{props.title}</h3>
</header>
<img className="w-44 inline" src={props.src} alt="Chat" />
<footer className='text-center mt-2'>
<div className="secondary">{props.children}</div>
</footer>
</div>
);
@ -36,26 +41,26 @@ const HomePage: React.FunctionComponent = () => {
try {
document.querySelector('h1')!.textContent = 'Easteregg++';
document.querySelector('.lead')!.textContent = 'Are you happy now?';
} catch {}
} catch { }
});
return (
<PageWrapper
className="z-10 bg-bg-tertiary h-full relative"
pageTitle="accord.app | Like Discord but Cooler">
pageTitle="acrd.app | Messaging Made Simple">
<Navbar />
<section className="z-10 text-center my-4">
<h1>It's time to ditch Discord and Zoom.</h1>
<div className="flex justify-center">
<div className="lead font-light mt-2 max-w-xl">
All-in-one text and voice chat, just like Discord.
Stop paying for Discord boosts and hassling with Zoom.
Stop paying for Discord boosts and hassling with Zoom.
{Boolean(userCount) && (
<span className="pl-1">
Join <NumberFormat
value={userCount}
displayType={'text'}
thousandSeparator={true}/> Accord users that simplified their life.
value={userCount}
displayType={'text'}
thousandSeparator={true} /> Accord users that simplified their life.
</span>
)}
</div>
@ -75,19 +80,26 @@ const HomePage: React.FunctionComponent = () => {
<section
title="*Description may represent unreleased features.*"
className="absolute top-50 w-1/2 inset-x-1/4 flex justify-between">
<ImageCard src={Chat} title="Chat w/ Friends" />
<ImageCard src={Devices} title="On Mobile or Desktop" />
<ImageCard src={Friends} title="Join and Manage Guilds" />
<ImageCard src={Secure} title="Super Secure" />
<ImageCard src={Chat} title="Chat Made Simple">
Accord focuses on just the practical features and a simple messaging solution.
</ImageCard>
<ImageCard src={Devices} title="On Mobile or Desktop">
(work in progress)
</ImageCard>
<ImageCard src={Friends} title="Join and Manage Guilds">
Create and customize your own messaging spaces for your friends.
</ImageCard>
<ImageCard src={Secure} title="Secure Messages">
(work in progress)
</ImageCard>
</section>
<footer className="fixed bottom-0 w-full">
{process.env.REACT_APP_VERSION}
{/* {process.env.REACT_APP_VERSION && (
<a className="float-right normal mr-2"
href={`${process.env.REACT_APP_REPO}/commit/${process.env.REACT_APP_VERSION}`}
target="_blank">v{process.env.REACT_APP_VERSION.slice(0, 7)}</a>
)} */}
<p className="float-right p-2">
<strong className="primary">{process.env.REACT_APP_VERSION_NAME}</strong>
<span> </span>
<span className="secondary">{process.env.REACT_APP_VERSION_NUMBER}</span>
</p>
</footer>
</PageWrapper>
);

View File

@ -32,7 +32,7 @@ const InvitePage: React.FunctionComponent<InvitePageProps> = () => {
}, []);
const Wrapper: React.FunctionComponent = ({ children }) => (
<PageWrapper pageTitle={`accord.app | Invite to '${guild?.name}'`}>
<PageWrapper pageTitle={`acrd.app | Invite to '${guild?.name}'`}>
<div className="flex items-center absolute justify-center h-screen left-[35%]">
<section className="rounded-md shadow bg-bg-primary p-8 w-[478px]">
{children}

View File

@ -8,7 +8,7 @@ const NotFoundPage: React.FunctionComponent = () => {
return (
<PageWrapper
className="relative w-screen h-screen"
pageTitle="accord.app | Not Found">
pageTitle="acrd.app | Not Found">
<header className="absolute text-center bottom-1/2 right-1/2">
<h1 className="text-4xl pb-3">Not Found</h1>
<Link to="/">
@ -19,5 +19,5 @@ const NotFoundPage: React.FunctionComponent = () => {
</PageWrapper>
);
}
export default NotFoundPage;

View File

@ -15,12 +15,12 @@ const OverviewPage: React.FunctionComponent = () => {
return (
<PageWrapper
className="bg-bg-primary h-full w-full"
pageTitle="accord.app">
pageTitle="acrd.app">
<Sidebar />
<AppNavbar />
<div className="bg-bg-primary h-full w-full flex flex-col flex-grow"></div>
</PageWrapper>
);
}
export default OverviewPage;

View File

@ -21,10 +21,10 @@ const PageWrapper: React.FunctionComponent<PageWrapperProps> = (props) => {
const dispatch = useDispatch();
const dropdown = useSelector((s: Store.AppState) => s.ui.openDropdown);
const devMode = useSelector((s: Store.AppState) => s.config.devMode);
const [hasAnnoyedUser, setHasAnnoyedUser] = useState(false);
const [hasAnnoyedUser, setHasAnnoyedUser] = useState(false);
useEffect(() => {
document.title = props.pageTitle ?? 'accord.app';
document.title = props.pageTitle ?? 'acrd.app';
}, []);
const onClick = () => dropdown && dispatch(ui.toggleDropdown({}));
@ -55,5 +55,5 @@ const PageWrapper: React.FunctionComponent<PageWrapperProps> = (props) => {
</div>
);
}
export default PageWrapper;