forked from iaw-dcic/proyecto-1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
235 lines (223 loc) · 10.5 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- CSS -->
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" href="css/nav.css" />
<link rel="stylesheet" href="css/themes.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous" />
<!-- Icon library -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<title>Conversor Online</title>
</head>
<body class="d-flex flex-column">
<!-- Navbar -->
<div id="reusable-navbar"></div>
<!-- Navbar -->
<!-- Page Content -->
<div class="container page-content child">
<br /><br />
<div class="row child custom-text">
<div class="col-sm-7">
<h1 class="text-center">Bienvenido a Conversor Online!</h1>
<p>
Las unidades de medida son modelos establecidos para medir diferentes magnitudes, tales como la
longitud, la capacidad, la
masa, el tiempo, entre otros.
</p>
<p>
Muchas de estas medidas estan reguladas por el sistema internacional de unidades (SI) el cual define
la unidad de referencia
de cada medida. Basado en el sistema métrico decimal, el SI surgió por la necesidad de estandarizar
las unidades que son
utilizadas en la mayor parte de los países.
</p>
<br />
<div class="container">
<div class="row">
<div class="col-auto">
<i class="fas fa-ruler fa-3x"></i>
</div>
<div class="col-auto">
<h3>Medidas de Longitud:</h3>
</div>
</div>
<br />
<p>
Existen varias medidas de longitud, como, por ejemplo, la yarda, la pulgada y el pie. En el SI,
la unidad de referencia de la longitud es el metro (m), se define como la distancia que recorre
la luz en el vacío en un intervalo de 1/299 792 458 s. Puedes encontrar mas información
<a href="https://es.wikipedia.org/wiki/Metro">aqui</a>.
</p>
</div>
<br />
<div class="container">
<div class="row">
<div class="col-auto">
<i class="fal fa-temperature-low fa-3x"></i>
</div>
<div class="col-auto">
<h3>Medidas de Temperatura:</h3>
</div>
</div>
<br />
<p>
La temperatura es una magnitud física que expresa el grado o nivel de calor o frío de los
cuerpos o del ambiente. En el SI, la unidad de temperatura es el Kelvin y corresponde a una
fracción de 1/273,16 partes de la temperatura del punto triple del agua. Puedes encontrar mas
información <a href="https://es.wikipedia.org/wiki/Kelvin">aqui</a>.
</p>
</div>
<br />
<div class="container">
<div class="row">
<div class="col-auto">
<i class="fas fa-balance-scale fa-3x"></i>
</div>
<div class="col-auto">
<h3>Medidas de Peso:</h3>
</div>
</div>
<br />
<p>
En el SI, la medida de peso es el kilogramo (kg). Desde el 20 de mayo de 2019 se define al fijar
el valor numérico fijo de la constante de Planck <i>h</i> como 6.626 070 15 x
10<sup>-34</sup> expresado en J·s (julios por segundo), unidad igual a
kg·m<sup>2</sup>·s<sup>-1</sup>, estando el metro y el segundo definidos según c (velocidad de
la luz en el vacío) y Δν<sub>Cs</sub>. Puedes encontrar mas información <a
href="https://es.wikipedia.org/wiki/Kilogramo">aqui</a>.
</p>
</div>
<br />
<div class="container">
<div class="row">
<div class="col-auto">
<i class="fas fa-hourglass-half fa-3x"></i>
</div>
<div class="col-auto">
<h3>Medidas de Tiempo:</h3>
</div>
</div>
<br />
<p>
La unidad básica de tiempo definida por el SI, es el segundo (s). Un segundo es la duración de 9
192 631 770 oscilaciones de la radiación emitida en la transición entre los dos niveles
hiperfinos del estado fundamental del isótopo 133 del átomo de cesio (<sup>133</sup>Cs), a una
temperatura de 0 K. Puedes encontrar mas información <a
href="https://es.wikipedia.org/wiki/Segundo">aqui</a>.
</p>
</div>
<br />
<div class="container">
<div class="row">
<div class="col-auto">
<i class="fas fa-database fa-3x"></i>
</div>
<div class="col-auto">
<h3>Medidas de Datos:</h3>
</div>
</div>
<br />
<p>
El tamaño de los datos, no es una medida oficial del SI, pero el creciente avance de la
tecnología supone que tengamos que utilizar estas medidas y necesitemos convertirlas. El Byte es
la unidad de medida básica utilizada en computación y en telecomunicaciones, y que resulta
equivalente a un conjunto ordenado de ocho bits. Puedes encontrar mas información <a
href="https://es.wikipedia.org/wiki/Byte">aqui</a>
</p>
</div>
<br />
<div class="container">
<div class="row">
<div class="col-auto">
<i class="fas fa-prescription-bottle fa-3x"></i>
</div>
<div class="col-auto">
<h3>Medidas de Volumen:</h3>
</div>
</div>
<br />
<p>
La unidad de medida de volumen más utilizada es el litro (l). Un decímetro cúbico (o litro)
ocupa un volumen de 10 cm × 10 cm × 10 cm y, por tanto, es igual a una
milésima de un metro cúbico. Puedes encontrar mas información
<a href="https://es.wikipedia.org/wiki/Litro">aqui</a>.
</p>
<br />
</div>
</div>
<div class="col-sm-4 ml-5 mt-5">
<br />
<div class="text-center shadow p-3 mb-5 rounded" id="prev-conversions" onload="loadHistory">
<br /><br />
<h4 class="text-center">CONVERSIONES PREVIAS</h4>
<br />
<hr />
<div>
<h5 class="animated bounceIn slower">Longitud</h5>
<p id="conversion-length"></p>
</div>
<hr />
<div>
<h5 class="animated bounceIn slower">Peso</h5>
<p id="conversion-weight"></p>
</div>
<hr />
<div>
<h5 class="animated bounceIn slower">
Temperatura
</h5>
<p id="conversion-temperature"></p>
</div>
<hr />
<div>
<h5 class="animated bounceIn slower">Datos</h5>
<p id="conversion-dataSize"></p>
</div>
<hr />
<div>
<h5 class="animated bounceIn slower">Tiempo</h5>
<p id="conversion-time"></p>
</div>
<hr />
<div>
<h5 class="animated bounceIn slower">Volumen</h5>
<p id="conversion-volume"></p>
</div>
</div>
</div>
</div>
</div>
<!-- Page Content -->
<!-- Footer -->
<div id="reusable-footer"></div>
<!-- Footer -->
<!-- JavaScript -->
<script src="js/themeSetting.js"></script>
<script src="js/loadHistory.js"></script>
<script src="js/animation.js"></script>
<!-- jQuery, Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.0.min.js"
integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous">
</script>
<!-- Loading navbar -->
<script>
$(function () {
$("#reusable-navbar").load("assets/navbar.html");
});
</script>
<!-- Loading Footer -->
<script>
$(function () {
$('#reusable-footer').load('assets/footer.html');
});
</script>
</body>
</html>