chore: minor UI updates

src/assets/StandWithUkraine.svg

@@ -1,35 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg SYSTEM "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-flat-20110816.dtd">
-<svg id="StandWithUkraine" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="32">
-	<defs>
-		<style type="text/css">
-			.outline {
-				fill: #242424;
-			}
-
-			@media (prefers-color-scheme: dark) {
-				.outline {
-					fill: #ffffff;
-				}
-			}
-
-			.blakytniy {
-				fill: #0066cc;
-			}
-
-			.zhovtiy {
-				fill: #ffcc00;
-			}
-		</style>
-	</defs>
-
-	<g id="Prapor">
-		<path class="blakytniy"
-			d="M960,282.5c0,28.34-5.34,55.75-16,82.25-10.67,26.5-26,49.92-46,70.25l-8.42,8.5H137.89l-10.89-11c-20-20.33-35.5-43.91-46.5-70.75-11-26.83-16.5-54.58-16.5-83.25s5.5-57.08,16.5-83.25c11-26.16,26-48.91,45-68.25,19-19.33,41.41-34.66,67.25-46,25.83-11.33,53.58-17,83.25-17s56.75,5.5,82.25,16.5,48.58,26.67,69.25,47c6.66,6.67,13.08,13.25,19.25,19.75,6.16,6.5,12.58,12.92,19.25,19.25,6.66,6,13.66,10.59,21,13.75,7.33,3.17,15.5,4.75,24.5,4.75s17.58-1.5,24.75-4.5c7.16-3,14.08-7.66,20.75-14,6.66-6,13.08-12.33,19.25-19,6.16-6.66,12.41-13.16,18.75-19.5,20-20,42.91-35.41,68.75-46.25,25.83-10.83,52.91-16.25,81.25-16.25,30,0,58,5.75,84,17.25s48.75,27.09,68.25,46.75c19.5,19.67,34.83,42.67,46,69,11.16,26.34,16.75,54.34,16.75,84Z" />
-		<polygon class="zhovtiy" points="889.58 443.5 513.5 823 137.89 443.5 889.58 443.5" />
-	</g>
-	<g id="Heart">
-		<path class="outline"
-			d="M0,278.5c0-38.33,7.16-74.33,21.5-108,14.33-33.66,33.91-63.16,58.75-88.5,24.83-25.33,54-45.33,87.5-60C201.25,7.34,237.33,0,276,0s72.91,7.17,106.75,21.5c33.83,14.34,63.91,34.67,90.25,61,6.66,6.67,13.08,13.17,19.25,19.5,6.16,6.34,12.58,12.84,19.25,19.5,6.33-6.66,12.58-13.16,18.75-19.5,6.16-6.33,12.58-12.66,19.25-19,26-26,55.83-46.08,89.5-60.25,33.66-14.16,69-21.25,106-21.25s75,7.42,109,22.25c34,14.84,63.58,35,88.75,60.5,25.16,25.5,45,55.25,59.5,89.25,14.5,34,21.75,70.34,21.75,109,0,36.67-6.92,72.25-20.75,106.75-13.84,34.5-33.75,64.75-59.75,90.75l-399.5,403.5c-8.34,8.34-18.5,12.5-30.5,12.5s-21.67-4.16-30-12.5L81.5,477.5c-26.34-26.66-46.5-57.16-60.5-91.5C7,351.67,0,315.84,0,278.5Zm960,4c0-29.66-5.59-57.66-16.75-84-11.17-26.33-26.5-49.33-46-69-19.5-19.66-42.25-35.25-68.25-46.75-26-11.5-54-17.25-84-17.25-28.34,0-55.42,5.42-81.25,16.25-25.84,10.84-48.75,26.25-68.75,46.25-6.34,6.34-12.59,12.84-18.75,19.5-6.17,6.67-12.59,13-19.25,19-6.67,6.34-13.59,11-20.75,14-7.17,3-15.42,4.5-24.75,4.5s-17.17-1.58-24.5-4.75c-7.34-3.16-14.34-7.75-21-13.75-6.67-6.33-13.09-12.75-19.25-19.25-6.17-6.5-12.59-13.08-19.25-19.75-20.67-20.33-43.75-36-69.25-47-25.5-11-52.92-16.5-82.25-16.5s-57.42,5.67-83.25,17c-25.84,11.34-48.25,26.67-67.25,46-19,19.34-34,42.09-45,68.25-11,26.17-16.5,53.92-16.5,83.25s5.5,56.42,16.5,83.25c11,26.84,26.5,50.42,46.5,70.75l386.5,390.5,384.5-388c20-20.33,35.33-43.75,46-70.25,10.66-26.5,16-53.91,16-82.25Z" />
-	</g>
-</svg>

src/dialogs/QnaDialog.tsx

@@ -46,11 +46,11 @@ export default function QnaDialog(): ReactElement
 						<div className={ cls.section }>
 							<fui.Subtitle2 as="h2">How is my data secured?</fui.Subtitle2>
 							<fui.Text as="p">
-								First, your data is end-to-end encrypted using AES-256 algorithm (which was, by the
+								Your data is end-to-end encrypted using AES-256 algorithm (which was, by the
 								way, <fui.Link href="https://en.wikipedia.org/wiki/Advanced_Encryption_Standard#Security" target="_blank">
 									approved by the NSA for encrypting top secret information</fui.Link>).
 								While the encryption key is symmetric (meaning it can be used for both encryption and decryption),
-								since the key is never send through the network, it can be only intercepted using spyware,
+								since the key is never sent through the network, it can be only intercepted using spyware,
 								or by someone who is standing right behind you.
 							</fui.Text>
 						</div>
@@ -66,7 +66,7 @@ export default function QnaDialog(): ReactElement
 						</div>
 
 						<div className={ cls.section }>
-							<fui.Subtitle2 as="h2">How do I know if you are lying?</fui.Subtitle2>
+							<fui.Subtitle2 as="h2">How do I know if you are telling the truth?</fui.Subtitle2>
 							<fui.Text as="p">
 								<fui.Link href="http://at.xfox111.net/easylogon-src" target="_blank">We have released souce code for each component of this service on GitHub</fui.Link>,
 								so every aspect of the system, and every future change can be viewed and verified by anyone.

src/pages/StartPage.styles.ts

@@ -71,12 +71,6 @@ export const useStyles = makeStyles({
 		opacity: "0",
 		pointerEvents: "none"
 	},
-	u24_icon:
-	{
-		height: "unset",
-		width: "unset",
-		marginRight: tokens.spacingHorizontalMNudge
-	},
 	footer:
 	{
 		display: "flex",

src/pages/StartPage.tsx

@@ -6,7 +6,6 @@ import { useStyles } from "./StartPage.styles";
 import { QRCodeSVG } from "qrcode.react";
 import MetaTitle from "../utils/MetaTitle";
 import useConnection from "../utils/useConnection";
-import StandWithUkraine from "../assets/StandWithUkraine.svg";
 import AboutDialog from "../dialogs/AboutDialog";
 import DownloadDialog from "../dialogs/DownloadDialog";
 import QnaDialog from "../dialogs/QnaDialog";
@@ -80,12 +79,6 @@ export default function StartPage(): ReactElement
 					4. Copy and paste your info on a login page
 				</fui.Text>
 
-				<fui.Button appearance="subtle" as="a" href="https://u24.gov.ua" target="_blank"
-					icon={ { className: cls.u24_icon, children: <StandWithUkraine /> } }
-				>
-					#StandWithUkraine
-				</fui.Button>
-
 			</article>
 			<footer className={ cls.footer }>
 				<fui.Button as="a" href="#qna" size="small" appearance="subtle" icon={ <QnaIcon /> }>