Added new startBlock text
This commit is contained in:
parent
44f3fe5d5a
commit
93b0ca4941
3 changed files with 12 additions and 15 deletions
|
|
@ -1,7 +1,13 @@
|
||||||
import { ReactComponent as GithubImg } from '../images/github.svg';
|
import { ReactComponent as GithubImg } from '../images/github.svg';
|
||||||
|
|
||||||
const Github = () => (
|
const Github = () => (
|
||||||
<a href="https://github.com/z0ccc/Vytal" className="github" target="_blank" rel="noreferrer">
|
<a
|
||||||
|
href="https://github.com/z0ccc/Vytal"
|
||||||
|
className="github"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"
|
||||||
|
alt="Link to Github page"
|
||||||
|
>
|
||||||
<GithubImg />
|
<GithubImg />
|
||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@ import { ReactComponent as LogoImg } from '../images/logo.svg';
|
||||||
|
|
||||||
const Logo = () => (
|
const Logo = () => (
|
||||||
<div className="logoWrap">
|
<div className="logoWrap">
|
||||||
<a href="/" className="logo">
|
<a href="/" className="logo" alt="Vytal logo">
|
||||||
<LogoImg />
|
<LogoImg />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -11,25 +11,16 @@ const contentItems = [
|
||||||
{
|
{
|
||||||
title: 'Connection',
|
title: 'Connection',
|
||||||
icon: 'wifi',
|
icon: 'wifi',
|
||||||
body: 'Browsers reveal bits of identifiable information. This data can be combined into a digital fingerprint which can be used to follow you around the web.',
|
body: 'Websites are able to access your IP address when you connect to their server. Your IP address exposes information about your connection and location.',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'Software',
|
title: 'System Info',
|
||||||
icon: 'browser',
|
icon: 'browser',
|
||||||
body: 'Browsers reveal bits of identifiable information. This data can be combined into a digital fingerprint which can be used to follow you around the web.',
|
body: 'JavaScript can be used to find data about your computer\'s software and hardware. This information can be used to create a fingerprint.',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const StartBlock = ({ onScanClick }) => {
|
const StartBlock = ({ onScanClick }) => {
|
||||||
const delay = (ms) => new Promise((res) => setTimeout(res, ms));
|
|
||||||
|
|
||||||
const handleInputClick = async () => {
|
|
||||||
document.getElementById('scanButton').value = 'Loading...';
|
|
||||||
await delay(100);
|
|
||||||
startScan();
|
|
||||||
window.scrollTo(0, 0);
|
|
||||||
};
|
|
||||||
|
|
||||||
const startScan = useCallback(() => {
|
const startScan = useCallback(() => {
|
||||||
onScanClick(true);
|
onScanClick(true);
|
||||||
}, [onScanClick]);
|
}, [onScanClick]);
|
||||||
|
|
@ -45,7 +36,7 @@ const StartBlock = ({ onScanClick }) => {
|
||||||
<ContentList items={contentItems} />
|
<ContentList items={contentItems} />
|
||||||
<input
|
<input
|
||||||
type="submit"
|
type="submit"
|
||||||
onClick={handleInputClick}
|
onClick={startScan}
|
||||||
id="scanButton"
|
id="scanButton"
|
||||||
value="Scan Browser"
|
value="Scan Browser"
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue