-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (117 loc) · 4.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
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!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" />
<link rel="shortcut icon" href="./asset/favicon.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Quicksand:wght@300;500;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
<title>Encriptador</title>
</head>
<body>
<form action="/" class="form">
<div class="form__encriptador">
<figure class="form__logo">
<img src="./asset/Logo.png" alt="Logo" />
</figure>
<textarea
type="text"
id="input-encriptador"
class="input input-encriptador"
placeholder="Ingrese el texto aqui"
autocomplete="off"
></textarea>
<div class="buttons--encriptador">
<div>
<label for="encriptar" class="label">
<img src="./asset/Vector.png" />Solo letras minúsculas y sin
acentos</label
>
<input
id="input-encriptador"
type="button"
class="button"
value="Encriptar"
onclick="encriptar()"
/>
</div>
<input
class="button button--desencriptar"
type="button"
value="Desencriptar"
onclick="desencriptar()"
/>
</div>
</div>
<div class="form__copy">
<figure id="input--img" class="input--img">
<img src="./asset/Muñeco.png" alt="muñeco" />
<p>Ningún mensaje fue encontrado</p>
<p>Ingresa el texto que desees encriptar o desencriptar.</p>
</figure>
<textarea
type="text"
id="input--copy"
class="input--copy"
autocomplete="off"
></textarea>
<input
id="button--copy"
type="button"
class="button button--light button--copy"
value="Copiar"
onclick="copy()"
/>
</div>
</form>
<footer class="footer">
<ul>
<li>Create by Diana Clabel</li>
<li class="social-media">
<a href="https://github.com/dianaclabel/encriptador" target="_blank"
><svg
class="gibhub"
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
width="35"
height="35"
viewBox="0 0 24 24"
style="fill: #0a3871"
>
<path
d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z"
></path>
</svg>
</a>
<a
href="https://www.linkedin.com/in/diana-clabel-3752a917a/"
target="_blank"
>
<svg
class="linkedin"
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
width="36"
height="36"
viewBox="0 0 30 30"
style="fill: #0a3871"
>
<path
d="M15,3C8.373,3,3,8.373,3,15c0,6.627,5.373,12,12,12s12-5.373,12-12C27,8.373,21.627,3,15,3z M10.496,8.403 c0.842,0,1.403,0.561,1.403,1.309c0,0.748-0.561,1.309-1.496,1.309C9.561,11.022,9,10.46,9,9.712C9,8.964,9.561,8.403,10.496,8.403z M12,20H9v-8h3V20z M22,20h-2.824v-4.372c0-1.209-0.753-1.488-1.035-1.488s-1.224,0.186-1.224,1.488c0,0.186,0,4.372,0,4.372H14v-8 h2.918v1.116C17.294,12.465,18.047,12,19.459,12C20.871,12,22,13.116,22,15.628V20z"
></path>
</svg>
</a>
</li>
</ul>
</footer>
</body>
<script src="app.js"></script>
</html>