forked from Rosetta/landing
Лендинг
This commit is contained in:
38
src/components/Sender/Sender.tsx
Normal file
38
src/components/Sender/Sender.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
import { Text, Timeline } from "@mantine/core";
|
||||
import { IconDeviceDesktop, IconKering, IconKey, IconMessage, IconServer } from "@tabler/icons-react";
|
||||
|
||||
export function Sender() {
|
||||
return (
|
||||
<Timeline active={0} bulletSize={40} lineWidth={2}>
|
||||
<Timeline.Item bullet={<IconMessage size={20} />} title="Enter message">
|
||||
<Text c="dimmed" size="sm">
|
||||
You enter message text in chat.
|
||||
</Text>
|
||||
</Timeline.Item>
|
||||
<Timeline.Item bullet={<IconDeviceDesktop size={20} />} title="Encrypt for you">
|
||||
<Text c="dimmed" size="sm">
|
||||
Message encrypted for your device using AES-256 encryption.
|
||||
</Text>
|
||||
<Text size="xs" mt={4}>Need for safety save message on your device.</Text>
|
||||
</Timeline.Item>
|
||||
<Timeline.Item bullet={<IconKey size={20} />} title="Encrypt for opponent">
|
||||
<Text c="dimmed" size="sm">
|
||||
Encrypt message for recipient using ChaCha20 encryption.
|
||||
</Text>
|
||||
<Text size="xs" mt={4}>Encrypt message with chacha20 with key.</Text>
|
||||
</Timeline.Item>
|
||||
<Timeline.Item bullet={<IconKering size={20} />} title="Encrypt ChaCha20 key to send">
|
||||
<Text c="dimmed" size="sm">
|
||||
Encrypt key of previous step with recipient public key using RSA-4096 encryption.
|
||||
</Text>
|
||||
<Text size="xs" mt={4}>Needs for send encrypted key to opponent.</Text>
|
||||
</Timeline.Item>
|
||||
<Timeline.Item bullet={<IconServer size={20} />} title="Send encrypted data to server">
|
||||
<Text c="dimmed" size="sm">
|
||||
Send encrypted message and encrypted ChaCha20 key to server for delivery to recipient.
|
||||
</Text>
|
||||
<Text size="xs" mt={4}>See next steps in recipient timeline.</Text>
|
||||
</Timeline.Item>
|
||||
</Timeline>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user