-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (82 loc) · 4.17 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
<!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"/>
<title>MN90 - FFESSM</title>
<link rel="stylesheet" href="css/style.css"/>
<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=Lato:wght@100;300;400;700;900&display=swap"
rel="stylesheet"
/>
<link rel="manifest" href="manifest.json">
<link rel="shortcut icon" href="icons/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="icons/favicon.ico">
<script src="https://kit.fontawesome.com/2790a5d210.js" crossorigin="anonymous"></script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('sw.js', {scope: './'})
}
</script>
</head>
<body>
<div class="alert">
<a class="close" href="">X</a>
<p class="content"></p>
</div>
<main>
<div class="container">
<h1>MN90-FFESSM</h1>
<form>
<h2>First dive</h2>
<div>
<label for="ddepth1">Depth (m)</label>
<input type="tel" name="ddepth1" id="ddepth1" min="0" required>
</div>
<div>
<label for="dduration1">Duration (min)</label>
<input type="tel" name="dduration1" id="dduration1" min="0" required>
</div>
<div class="checkbox">
<p class="label">Second dive</p>
<input type="checkbox" name="second_dive" id="second_dive">
<label for="second_dive"></label>
</div>
<div data-second_dive>
<label for="interval">Surface interval (min)</label>
<input type="tel" name="interval" id="interval" min="0">
</div>
<div data-second_dive>
<label for="ddepth2">Depth (m)</label>
<input type="tel" name="ddepth2" id="ddepth2" min="0">
</div>
<div data-second_dive>
<label for="dduration2">Duration (min)</label>
<input type="tel" name="dduration2" id="dduration2" min="0">
</div>
<div class="button-group">
<input type="submit" value="Calculate" class="submit">
<span class="reset-share">
<button type="reset" class="reset">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M142.9 142.9c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5c0 0 0 0 0 0H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5c7.7-21.8 20.2-42.3 37.8-59.8zM16 312v7.6 .7V440c0 9.7 5.8 18.5 14.8 22.2s19.3 1.7 26.2-5.2l41.6-41.6c87.6 86.5 228.7 86.2 315.8-1c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.2 62.2-162.7 62.5-225.3 1L185 329c6.9-6.9 8.9-17.2 5.2-26.2s-12.5-14.8-22.2-14.8H48.4h-.7H40c-13.3 0-24 10.7-24 24z"/></svg>
</button>
<button type="button" class="share">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M307 34.8c-11.5 5.1-19 16.6-19 29.2v64H176C78.8 128 0 206.8 0 304C0 417.3 81.5 467.9 100.2 478.1c2.5 1.4 5.3 1.9 8.1 1.9c10.9 0 19.7-8.9 19.7-19.7c0-7.5-4.3-14.4-9.8-19.5C108.8 431.9 96 414.4 96 384c0-53 43-96 96-96h96v64c0 12.6 7.4 24.1 19 29.2s25 3 34.4-5.4l160-144c6.7-6.1 10.6-14.7 10.6-23.8s-3.8-17.7-10.6-23.8l-160-144c-9.4-8.5-22.9-10.6-34.4-5.4z"/></svg>
</button>
</span>
</div>
</form>
<a class="lang" href="">EN</a>
</div>
<div class="results"></div>
<div class="variables"></div>
<div class="errors"></div>
</main>
<script src="js/MN90.js"></script>
<script src="js/common-lang.js"></script>
<script src="js/script.js"></script>
</body>
</html>