-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (65 loc) · 3.31 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
<!DOCTYPE html>
<html>
<head>
<title>What can I rig?</title>
<link rel="canonical" href="https://aricooperdavis.github.io/what-can-I-rig/">
<link rel="manifest" href="/what-can-I-rig/what-can-i-rig.webmanifest">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI="
crossorigin=""/>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM="
crossorigin=""></script>
<script src="https://cdn.jsdelivr.net/gh/stuartlangridge/sorttable@384ec67d5feb64581dba6c64299ae772f0ac229a/sorttable/sorttable.js"
integrity="sha256-m0Q318Dx3ZC09C/iDKw+KwVPzPDo/YJFX9pmIuj76jE="
crossorigin="anonymous"></script>
<script src="./script.js" type="text/javascript" defer></script>
<meta charset="utf-8">
<meta name="description" content="Given the ropes you've got, what caving trips can you rig in the Yorkshire Dales?">
<meta name="author" content="Ari Cooper-Davis">
<meta name="og:type" content="website">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="/what-can-I-rig/icons/favicon.png">
</head>
<body>
<h1>What can I rig?</h1>
<p>Given the ropes you've got, what caving trips can you rig in
<select name="region" id="region">
<option value="derbyshire">Derbyshire</option>
<option value="scotland">Scotland</option>
<option value="yorkshire" selected>Yorkshire</option>
</select>
?<br>This data is not necessarily accurate, nor have I asked for permission to use it.</p>
<p class="install">Psst! This site is a PWA, so you can <button id="install">install it</button> it on your phone to use offline!</p>
<p>
Inspiration: <a href='https://ukcaving.com/board/index.php?topic=29256.msg358182#msg358182'>caving_fox</a>.<br>
Data: <a href='https://www.braemoor.co.uk/caving/pitchlengths.txt'>Braemoor</a>, <a href="https://cncc.org.uk">CNCC</a>, <a href="https://northerncaves.co.uk/">Northern Caves</a>, <a href="https://starlessriver.com/shop/not-for-the-faint-hearted/">Not for the Faint Hearted</a>, <a href="https://resinanchor.co.uk/6.html">Simon Wilson</a>, <a href="https://ccpc.org.uk/rigging.html">CCPC Rigging Guide</a>.<br>
Code: <a href='https://github.com/aricooperdavis/what-can-I-rig'>Ari Cooper-Davis</a>.
</p>
<h3>Rope lengths:</h3>
<div id="lengths">
<span class="rope"><input type="number" value=""><button type="button" class="remove" disabled>-</button></span>
<button type="button" id="add">+</button>
</div>
<label title="Lists trips possible by joining your ropes"><input type="checkbox" id="join"><span class="join">Join ropes?</span></label>
<button type="button" id='go'>Go</button><button type="button" id='reset'>Reset</button>
<h3>Results:</h3>
<div id="results">
<table class="sortable">
<thead>
<tr>
<th>Trip</th>
<th>Rope lengths required</th>
</tr>
</thead>
<tbody id='data'>
</tbody>
</table>
</div>
<h3>Map view:</h3>
<p id='lost_message'>Note: results include <span id='lost_count'>0</span> trip(s) with unknown locations that can't be mapped.</p>
<div id="map">
</div>
</body>
</html>