-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (56 loc) · 5.43 KB
/
index.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./CSS/styles.css">
<link rel="stylesheet" href="./CSS/responsive.css">
<link rel="icon" href="./assets/favicon.png" type="image/png">
<title>Encrypter ONE G6</title>
</head>
<body>
<header>
<h1 id="title_app"></h1>
<button id="btn_change_language" onclick="changeLanguage()" ></button>
</header>
<main>
<!-- Alura logo-->
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="48" viewBox="0 0 120 48" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M67.3958 23.6529C67.3524 23.9311 67.2466 24.1959 67.0863 24.4275C66.926 24.659 66.7154 24.8512 66.4703 24.9898C65.9766 25.3086 65.5447 25.468 65.1077 25.6274C64.177 25.9488 63.1974 26.2702 62.1613 26.643C61.0687 27.0157 60.0891 27.3885 59.215 27.6585C58.1249 28.0313 57.0888 28.3526 56.1041 28.7254C55.3633 29.0425 54.6674 29.4556 54.0345 29.9544C53.4458 30.4877 52.9321 31.0983 52.5073 31.7695C52.0703 32.515 51.7952 33.4766 51.7952 34.5975C51.7952 36.842 52.3402 38.5491 53.4329 39.6161C54.523 40.7396 56.5438 41.2718 59.5389 41.2718C62.5933 41.2718 64.6655 40.6856 65.7607 39.5107C66.8482 38.3357 67.3932 36.6826 67.3932 34.5487V23.6529H67.3958ZM59.5415 0C64.8891 0 68.815 1.01553 71.3217 3.09802C73.831 5.12908 75.0856 7.74119 75.0856 10.8366V37.2148C75.0856 38.2817 74.8696 39.4567 74.4891 40.737C74.1035 42.0225 73.3425 43.1949 72.1418 44.2592C70.9977 45.3313 69.4166 46.2389 67.3984 46.933C65.3802 47.6272 62.7629 48 59.5441 48C56.3304 48 53.708 47.6272 51.6923 46.933C49.6767 46.2389 48.093 45.3313 46.9489 44.2592C45.8846 43.3001 45.0783 42.089 44.6042 40.737C44.2185 39.4592 44 38.2843 44 37.2174V33.001C44 30.7565 44.599 28.674 45.7997 26.8563C47.0003 24.9898 48.6894 23.7095 50.8722 22.9073C51.9623 22.5345 53.2169 22.1618 54.6335 21.681C56.0527 21.1976 57.3588 20.7169 58.6699 20.2927C59.9811 19.8633 61.1252 19.434 62.1048 19.0586C62.6959 18.8221 63.2963 18.6094 63.9044 18.421L64.8866 17.9402C65.2722 17.7268 65.6501 17.4055 66.0332 16.9787C66.4137 16.5545 66.7402 16.0737 67.0153 15.5389C67.306 14.9599 67.4557 14.3203 67.4524 13.6724V11.9627C67.4564 11.3361 67.3249 10.716 67.0667 10.145C66.8508 9.5023 66.4137 8.91612 65.8147 8.38393C65.2156 7.84917 64.3955 7.42239 63.416 7.09845C62.4338 6.78222 61.1278 6.62025 59.6521 6.62025C56.5977 6.62025 54.5795 7.21157 53.4894 8.43535C52.5639 9.50488 52.0189 10.8392 51.9109 12.3329C51.9109 12.6543 51.6383 12.8677 51.3093 12.8677L44.6582 12.9757C44.5002 12.9764 44.3483 12.9146 44.2356 12.8039C44.123 12.6931 44.0586 12.5423 44.0566 12.3844V10.8418C44.0566 9.3429 44.3317 7.95458 44.9307 6.62025C45.5323 5.28334 46.4604 4.16497 47.7125 3.20086C48.9671 2.24189 50.6048 1.44231 52.5665 0.907552C54.4767 0.26481 56.8214 0 59.5466 0H59.5415Z"
fill="#0A3871"/>
</svg>
<div id="app_box">
<div id="input_field">
<textarea id="input_text" oninput="validateAndConvertToLowercase(this)">
</textarea>
<div id="restriction_info">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_2_231)">
<path d="M16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8ZM8 4C7.87361 4.00007 7.74863 4.02662 7.63312 4.07793C7.51761 4.12924 7.41413 4.20418 7.32934 4.29791C7.24456 4.39165 7.18035 4.5021 7.14084 4.62217C7.10134 4.74223 7.08743 4.86923 7.1 4.995L7.45 8.502C7.46176 8.63977 7.5248 8.76811 7.62664 8.86164C7.72849 8.95516 7.86173 9.00705 8 9.00705C8.13827 9.00705 8.27151 8.95516 8.37336 8.86164C8.4752 8.76811 8.53824 8.63977 8.55 8.502L8.9 4.995C8.91257 4.86923 8.89866 4.74223 8.85915 4.62217C8.81965 4.5021 8.75544 4.39165 8.67066 4.29791C8.58587 4.20418 8.48239 4.12924 8.36688 4.07793C8.25137 4.02662 8.12639 4.00007 8 4ZM8.002 10C7.73678 10 7.48243 10.1054 7.29489 10.2929C7.10736 10.4804 7.002 10.7348 7.002 11C7.002 11.2652 7.10736 11.5196 7.29489 11.7071C7.48243 11.8946 7.73678 12 8.002 12C8.26722 12 8.52157 11.8946 8.70911 11.7071C8.89664 11.5196 9.002 11.2652 9.002 11C9.002 10.7348 8.89664 10.4804 8.70911 10.2929C8.52157 10.1054 8.26722 10 8.002 10Z"
fill="#495057"/>
</g>
<defs>
<clipPath id="clip0_2_231">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
<span id="info_input"></span>
</div>
<div id="btns_info_box">
<button id="btn_encrypter" onclick="encryptText(document.getElementById('input_text').value)"></button>
<button id="btn_decrypter" onclick="decryptText(document.getElementById('input_text').value)"></button>
</div>
</div>
<div id="output_field">
<p id="output_text" >
</p>
<button id="btn_copy_text" onclick="copyText()" style="display: none; "></button>
</div>
</div>
</main>
<script src="./JS/languageManager.js"></script>
<script src="./JS/core/encrypter.js"></script>
</body>
</html>