-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (125 loc) · 5.66 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./css/styles.min.css" type="text/css" media="all" />
<link rel="manifest" href="./manifest.json">
<link rel="icon" type="image/png" href="./icons/swimming-conversor-152.png" />
<!-- Add to home screen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Conversor tiempos natación">
<link rel="apple-touch-icon" href="./icons/swimming-conversor-152.png">
<meta name="msapplication-TileImage" content="./icons/swimming-conversor-144.png">
<meta name="msapplication-TileColor" content="#1642bd">
<meta name="theme-color" content="#1642bd"/>
<title>Converor tiempos natación piscina 25 metros y piscina 50 metros</title>
<meta name="Description" content="Converor tiempos natación entre piscina de 25 metros y piscina de 50 metros, cronometraje manual y electrónico y los diferentes estilos.">
</head>
<body>
<main class="cl-container">
<div class="cl-slider">
<span class="cl-slider-unchecked">Femenino</span>
<label class="switch">
<input id="js-cl-sex-male" type="checkbox">
<span class="slider round"></span>
</label>
<span class="cl-slider-checked">Masculino</span>
</div>
<div class="cl-slider">
<span class="cl-slider-unchecked">50m</span>
<label class="switch">
<input id="js-cl-size-25" type="checkbox" checked>
<span class="slider round"></span>
</label>
<span class="cl-slider-checked">25m</span>
</div>
<div class="cl-slider">
<span class="cl-slider-unchecked">Electrónico</span>
<label class="switch">
<input id="js-cl-timer-m" type="checkbox" checked>
<span class="slider round"></span>
</label>
<span class="cl-slider-checked">Manual</span>
</div>
<div class="cl-select-group">
<div class="cl-select">
<label for="js-cl-style">Estilo</label>
<select name="js-cl-style" id="js-cl-style">
<option value="0">Libre</option>
<option value="1">Espalda</option>
<option value="2">Braza</option>
<option value="3">Mariposa</option>
<option value="4">Estilos</option>
</select>
</div>
<div class="cl-select">
<label for="js-cl-distance">Prueba</label>
<select name="js-cl-distance" id="js-cl-distance">
<option value="0">50</option>
<option value="1">100</option>
<option value="2">200</option>
<option value="3">400</option>
<option value="4">800</option>
<option value="5">1500</option>
<option value="6">4x50</option>
<option value="7">4x100</option>
<option value="8">4x200</option>
</select>
</div>
</div>
<div class="cl-time">
<label for="minutes">Tiempo a convertir:</label>
<input name="minutes" type="number" id="minutes" value="1" size="1" min="0" max="59" step="1" maxlength="2" />
<span>:</span>
<label for="seconds" class="cl-hidden">segundos</label>
<input name="seconds" type="number" id="seconds" value="00" size="1" min="0" max="59" step="1" maxlength="2" />
<span>.</span>
<label for="hundredths" class="cl-hidden">centésimas</label>
<input name="hundredths" type="number" id="hundredths" value="00" size="1" min="0" max="99" step="1" maxlength="2" />
</div>
<table class="cl-results">
<tr>
<th colspan="3">Tiempo convertido</th>
</tr>
<tr>
<th>Piscina</th>
<th>Cronómetro</th>
<th>Resultado</th>
</tr>
<tr>
<td>50m</td>
<td>manual</td>
<td id="js-cl-50m" class="cl-right"></td>
</tr>
<tr>
<td>50m</td>
<td>electrónico</td>
<td id="js-cl-50e" class="cl-right"></td>
</tr>
<tr>
<td>25m</td>
<td>manual</td>
<td id="js-cl-25m" class="cl-right"></td>
</tr>
<tr>
<td>25m</td>
<td>electrónico</td>
<td id="js-cl-25e" class="cl-right"></td>
</tr>
</table>
<p class="cl-copy">Carlos Longarela, 2018 <a href="https://tabernawp.com">https://tabernawp.com</a>,Licensed under GPL3. Creating websites since 90's. <br /><span id="js-cl-more-info" class="cl-more-info">Más info del conversor</span></p>
<p class="cl-info" id="js-cl-info" data-state="hidden">PWA <em>(Progressive Web App)</em> original en <a href="https://tabernawp.com/conversor-tiempos-natacion/">https://tabernawp.com/conversor-tiempos-natacion/</a><br />Las conversiones de tiempos son realizadas de acuerdo a las normativas del Reglamento General de la RFEN (Temporada 2017-2021) que <a href="https://cdn.leverade.com/files/rfen_IU8PBD5PDKPP.pdf">se puede consultar en el siguiente enlace</a> y cuyo punto 3.1 indica <em>Para la conversión de los tiempos realizados en piscina de 25 metros a piscina de 50 metros, se utilizará la tabla que se expresa en el apartado siguiente, sumando al tiempo de piscina de 25 metros, el tiempo expresado en segundos y décimas que se indica en la tabla para la prueba correspondiente. Para la conversión de piscina de 50 m. a 25 m. se aplicará el procedimiento pero inverso.</em>, junto con el punto 3.3 para las conversiones de los cronometrajes en manual y electrónico que indica que <em>La conversión para los tiempos acreditados en forma manual a electrónico se sumará 19 centésimas, excepto para las pruebas de 50 metros que se sumarán <strong>29 centésimas.</strong></em></p>
</main>
<script src='./js/conversor.min.js'></script>
<script>
if ( 'serviceWorker' in navigator ) {
navigator.serviceWorker
.register('service-worker.js')
.then( function() { console.log( "Service Worker Registered" ); } );
}
</script>
</body>
</html>