-
Notifications
You must be signed in to change notification settings - Fork 0
/
gui_message.html
102 lines (91 loc) · 5.41 KB
/
gui_message.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<title>Safe</title>
<link rel="icon" href="./favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap" />
<style>
:root {
--bg-color: #100f16;
--primary-color: #cfe838;
--font-size: 12px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
}
html,
body {
height: 100%;
}
body {
background: var(--bg-color);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
font-size: var(--font-size);
}
.logo {
margin-bottom: 20px;
}
h3 {
color: #CFE838;
font-family: "Fira Code", sans-serif;
font-weight: 700;
font-size: 50px;
}
@media (max-width: 600px) {
h3 {
font-size: 8vw;
}
}
</style>
</head>
<body>
<svg width="201" height="20" viewBox="0 0 201 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="logo">
<path
d="M10.2001 3.50624C6.46453 3.50624 3.9068 6.40985 3.9068 10.0017C3.9068 13.5662 6.46453 16.4972 10.2001 16.4972C13.0729 16.4972 15.3738 14.7167 16.0038 11.813H10.2001V8.19037H21.5507V11.8096H19.5408C19.0786 16.6684 15.1136 20 10.2001 20C4.22523 20 0 15.7473 0 10.0017C0 4.25611 4.22523 0.00341797 10.2001 0.00341797C12.3846 0.00341797 14.5383 0.664263 16.4353 2.24618L14.2507 5.03338C13.0729 4.0267 11.6964 3.50624 10.2001 3.50624Z"
fill="white" />
<path
d="M22.9271 10.0017C22.9271 4.25611 27.1524 0.00341797 32.8978 0.00341797C38.6159 0.00341797 42.8104 4.25611 42.8104 10.0017C42.8104 15.7473 38.6159 20 32.8978 20C27.1524 20 22.9271 15.7473 22.9271 10.0017ZM32.8978 16.3807C36.3732 16.3807 38.9036 13.71 38.9036 10.0017C38.9036 6.29344 36.3766 3.62266 32.8978 3.62266C29.3917 3.62266 26.8339 6.29344 26.8339 10.0017C26.8339 13.71 29.3951 16.3807 32.8978 16.3807Z"
fill="white" />
<path
d="M45.3407 10.0017C45.3407 4.25611 49.5659 0.00341797 55.3114 0.00341797C61.0295 0.00341797 65.2239 4.25611 65.2239 10.0017C65.2239 15.7473 61.0295 20 55.3114 20C49.5659 20 45.3407 15.7473 45.3407 10.0017ZM55.3114 16.3807C58.7868 16.3807 61.3171 13.71 61.3171 10.0017C61.3171 6.29344 58.7902 3.62266 55.3114 3.62266C51.8052 3.62266 49.2475 6.29344 49.2475 10.0017C49.2475 13.71 51.8052 16.3807 55.3114 16.3807Z"
fill="white" />
<path
d="M67.9803 19.7706V0.232849H73.6984C79.5877 0.232849 83.611 3.8247 83.611 10.0017C83.611 16.1787 79.5877 19.7706 73.6984 19.7706H67.9803ZM73.6984 16.1514C77.5505 16.1514 79.7042 14.1688 79.7042 10.0017C79.7042 5.83463 77.5505 3.85209 73.6984 3.85209H71.8324V16.1514H73.6984Z"
fill="white" />
<path
d="M92.9516 0.232849C96.8584 0.232849 100.108 2.5304 100.108 6.92691C100.108 9.6285 98.6696 11.6384 96.5742 12.7033L101.087 19.7706H96.605L92.7221 13.5354H90.2226V19.7706H86.3706V0.232849H92.9516ZM92.866 10.0291C94.5608 10.0291 96.1975 9.59768 96.1975 6.92691C96.1975 4.22532 94.5608 3.85209 92.866 3.85209H90.2226V10.0291H92.866Z"
fill="white" />
<path
d="M115.451 0.232849V3.85209H107.117V8.163H114.359V11.7822H107.117V16.1514H115.793V19.7706H103.265V0.232849H115.451Z"
fill="white" />
<path
d="M117.807 10.0017C117.807 4.25611 122.117 0.00341797 128.007 0.00341797C133.869 0.00341797 137.717 4.25611 137.717 10.0017H134.009C134.009 6.40985 131.626 3.50624 128.003 3.50624C124.353 3.50624 121.71 6.40985 121.71 10.0017C121.71 13.6518 124.353 16.552 127.832 16.552C128.924 16.552 130.017 16.3225 130.992 15.6617L127.315 11.9842L129.873 9.42646L137.888 17.4422L135.331 20L133.519 18.1887C131.739 19.5686 129.784 20 127.829 20C122.114 20 117.807 15.7473 117.807 10.0017Z"
fill="white" />
<path
d="M140.477 12.9327V0.232849H144.325V12.9327C144.325 15.1447 145.503 16.3808 147.657 16.3808C149.811 16.3808 150.989 15.1447 150.989 12.9327V0.232849H154.837V12.9327C154.837 17.3566 151.704 20 147.654 20C143.603 20 140.477 17.3566 140.477 12.9327Z"
fill="white" />
<path
d="M170.012 0.232849V3.85209H161.682V8.163H168.923V11.7822H161.682V16.1514H170.358V19.7706H157.83V0.232849H170.012Z"
fill="white" />
<path
d="M179.353 3.50625C177.973 3.50625 177.025 4.28351 177.025 5.40318C177.025 6.35165 177.514 7.0125 179.439 7.73155C180.329 8.04657 181.075 8.27598 181.938 8.5636C184.842 9.57028 186.362 11.2926 186.362 14.138C186.362 17.271 183.777 20 179.754 20C177.025 20 174.58 18.9933 172.484 16.867L174.638 14.1072C176.419 15.6583 178.059 16.4938 179.925 16.4938C181.305 16.4938 182.424 15.6309 182.424 14.3092C182.424 13.2751 181.822 12.5835 180.24 12.039L177.768 11.207C174.32 10.0565 173.084 7.87536 173.084 5.57439C173.084 2.18456 175.843 0 179.35 0C181.935 0 183.688 1.09228 185.184 2.49957L183.058 5.22856C181.65 4.0541 180.356 3.50625 179.353 3.50625Z"
fill="white" />
<path
d="M200.787 0.232849V3.85209H196.018V19.7706H192.166V3.85209H187.396V0.232849H200.787Z"
fill="white" />
</svg>
<h3>MESSAGE_VALUE</h3>
</body>
</html>