-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (79 loc) · 3.54 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="
Un encriptador de texto es una herramienta que toma un mensaje o texto de entrada y lo transforma en una versión
cifrada utilizando algún tipo de algoritmo o clave. El objetivo es garantizar la confidencialidad de la información al
hacerla ilegible para aquellos que no tienen la clave de desencriptación.">
<meta name="keywords"
content="Encriptado, Desencriptado, Cifrado, Descifrado, Algoritmo de encriptación, Algoritmo de desencriptación, Clave de encriptado, Clave de desencriptado, Texto cifrado, Texto original, Seguridad de datos, Confidencialidad, Criptografía, Funciones hash, Cifrado simétrico, Cifrado asimétrico, AES, RSA, HMAC, Criptografía de clave pública">
<meta name="author" content="Kevin Martinez Palmieri">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles/reset200802.css" />
<link rel="stylesheet" href="./styles/pages.css" />
<title>Encriptador</title>
</head>
<body>
<main>
<section class="section__1">
<header>
<div class="logo">
<a href="index.html"><img src="./utilities/Logo2x.svg" alt="Logo" /></a>
</div>
<div class="container__photo">
<div class="form__photo">
<img src="./utilities/photo-me.jpg" alt="Foto del creador" />
</div>
<div>
<label for="">Kevin Martínez Palmieri</label>
<div class="social">
<div class="container__list__social">
<a href="https://www.linkedin.com/in/kevin-martinez-palmieri-130910271/">
<img src="./utilities/linkedin.png" alt="Perfil de Linkedin">
</a>
<a href="https://github.com/martinezpke">
<img src="./utilities/github.png" alt="Perfil de Github">
</a>
</div>
</div>
</div>
</div>
</header>
<div class="container__letf">
<textarea name="containertext" id="container__text" cols="30" rows="10" placeholder="Ingrese el texto aquí 🙌"
onkeypress="return (event.charCode >= 97 && event.charCode <= 122 || event.charCode == 32 || event.charCode == 241)"
min=1 "></textarea>
<div class=" container_btn">
<div class="guia">
<img src="./utilities/bi_exclamation-circle-fill.svg" alt="alerta icon" />
<label for="guia">Solo letras minúsculas y sin acentos</label>
</div>
<div class="style__btn">
<button id="btn__encriptar" onclick="encriptarBtn()">Encriptar</button>
<button id="btn__desencriptar" onclick="desencriptarBtn()">Desencriptar</button>
</div>
</div>
</div>
</section>
<section class="section__2">
<div class="container__right">
<div class="img__muneco">
<img src="./utilities/Muñeco1x.svg" alt="muñeco" />
</div>
<p id="text_1">Ningún mensaje fue encontrado</p>
<p id="text_2">Ingresa el texto que desees encriptar o desencriptar.</p>
<div class="ocultar">
<p class="text__result"></p>
</div>
<div class="ocultar">
<button id="btn__copy" >Copiar</button>
</div>
</div>
</section>
</main>
</body>
<script src="./assets/script.js"></script>
</html>