## About <a name = "about"></a>
-Cinny is a [matrix](https://matrix.org) client focusing primarily on simple, elegant and secure interface.
+Cinny is a [Matrix](https://matrix.org) client focusing primarily on a simple, elegant and secure interface.
{
"name": "cinny",
"version": "1.0.0",
- "description": "Organized and powerful matrix client.",
+ "description": "Organized and powerful Matrix client.",
"main": "index.js",
"engines": {
"npm": ">=6.14.11",
<link href="https://api.fontshare.com/css?f[]=supreme@300,301,400,401,500,501,700,701&display=swap" rel="stylesheet">
<title>Cinny</title>
<meta name="name" content="Cinny">
- <meta name="description" content="Yet another matrix client. Where you can enjoy the conversation using simple, elegant and secure interface protected by e2ee with the power of open source.">
+ <meta name="description" content="Yet another Matrix client. Where you can enjoy the conversation using a simple, elegant and secure interface protected by e2ee with the power of open source.">
<meta name="keywords" content="cinny, cinnyapp, cinnychat, matrix, matrix client, matrix.org, element">
<meta property="og:title" content="Cinny">
<meta property="og:url" content="https://cinny.in">
<meta property="og:image" content="https://cinny.in/assets/favicon-48x48.png">
- <meta property="og:description" content="Yet another matrix client. Where you can enjoy the conversation using simple, elegant and secure interface protected by e2ee with the power of open source.">
+ <meta property="og:description" content="Yet another Matrix client. Where you can enjoy the conversation a using simple, elegant and secure interface protected by e2ee with the power of open source.">
<meta name="theme-color" content="#000000">
</head>
<body id="appBody">
<div className="flex-v--center">
<img className="app-welcome__logo noselect" src={CinnySvg} alt="Cinny logo" />
<Text className="app-welcome__heading" variant="h1">Welcome to Cinny</Text>
- <Text className="app-welcome__subheading" variant="s1">Yet another matrix client</Text>
+ <Text className="app-welcome__subheading" variant="s1">Yet another Matrix client</Text>
</div>
</div>
);
const PASSWORD_REGEX = /.+/;
const PASSWORD_STRENGHT_REGEX = /^(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[^\w\d\s:])([^\s]){8,127}$/;
-const BAD_PASSWORD_ERROR = 'Password must contain 1 number, 1 uppercase letters, 1 lowercase letters, 1 non-alpha numeric number, 8-127 characters with no space.';
-const CONFIRM_PASSWORD_ERROR = 'Password don\'t match.';
+const BAD_PASSWORD_ERROR = 'Password must contain at least 1 number, 1 uppercase letter, 1 lowercase letter, 1 non-alphanumeric character. Passwords can range from 8-127 characters with no whitespaces.';
+const CONFIRM_PASSWORD_ERROR = 'Passwords don\'t match.';
const EMAIL_REGEX = /([a-z0-9]+[_a-z0-9.-][a-z0-9]+)@([a-z0-9-]+(?:.[a-z0-9-]+).[a-z]{2,4})/;
const BAD_EMAIL_ERROR = 'Invalid email address';
<img className="app-ident__logo noselect" src={CinnySvg} alt="Cinny logo" />
<div className="app-ident__text flex-v--center">
<Text variant="h2">Cinny</Text>
- <Text variant="b2">Yet another matrix client.</Text>
+ <Text variant="b2">Yet another Matrix client.</Text>
</div>
</div>
{ children }
<div style={{ margin: 'var(--sp-normal)', maxWidth: '450px' }}>
<Text variant="h2">Agree with terms</Text>
<div style={{ marginBottom: 'var(--sp-normal)' }} />
- <Text variant="b1">In order to complete registration, you need to agree with terms and conditions.</Text>
+ <Text variant="b1">In order to complete registration, you need to agree to the terms and conditions.</Text>
<div style={{ display: 'flex', alignItems: 'center', margin: 'var(--sp-normal) 0' }}>
<input id="termsCheckbox" type="checkbox" required />
<Text variant="b1">
devMode: 'light',
favicons: {
appName: 'Cinny',
- appDescription: 'A matrix client',
+ appDescription: 'A Matrix client',
developerName: 'ajbura, 1997kB',
developerURL: null,
icons: {