-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
271 lines (203 loc) · 34.3 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
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Distance Calculator</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
<meta name="description" content="These calculators find the distance between two points on a 2D plane, in a 3D space, as well as along the surface of the Earth with Lambert’s formulas.">
<link rel="preload" href="./assets/fonts/inter-v12-latin-regular.woff2" as="font" crossorigin type="font/woff2">
<link rel="preload" href="./assets/fonts/inter-v12-latin-500.woff2" as="font" crossorigin type="font/woff2">
<link rel="preload" href="./assets/fonts/inter-v12-latin-600.woff2" as="font" crossorigin type="font/woff2">
<link rel="preload" href="./assets/fonts/inter-v12-latin-800.woff2" as="font" crossorigin type="font/woff2">
<script type="text/javascript">
window._ = document.getElementById.bind(document);
window.$ = document.querySelector.bind(document);
window.$$ = document.querySelectorAll.bind(document);
window.defaultSystem = "imperial";
localStorage.setItem("theme", "light");
</script>
<link rel="stylesheet" href="./assets/css/main.min.css" />
<script src="./assets/js/all-calculators.js" defer></script>
</head>
<body style="background-color: transparent !important; min-height: 0 !important">
<div style="width: 100%;">
<div style="width:350px;float:left;padding: 15px;">
<div class="calculator-settings">
<div class="calculator-setting" id="calculator_form">
<div class="calculator-content calculator-content--bookmarks">
<button class="tab-item tab-item--active" onclick="switchTab(event, 0)">2D</button>
<button class="tab-item" onclick="switchTab(event, 1)">3D</button>
<button class="tab-item" onclick="switchTab(event, 2)">Lat Long</button>
</div>
<div class="calculator-content col">
<div class="calculator-content__geometry">
<svg class="tab tab--active" data-tab="0" width="272" height="258" viewBox="0 0 272 258" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M80 209.5L82.8868 204.5L77.1133 204.5L80 209.5ZM80 49.5L77.1132 54.5L82.8868 54.5L80 49.5ZM80.5 205L80.5 54L79.5 54L79.5 205L80.5 205Z" fill="#A78BFA" />
<path d="M56 185.5L61 188.387V182.613L56 185.5ZM216 185.5L211 182.613V188.387L216 185.5ZM60.5 186H211.5V185H60.5V186Z" fill="#A78BFA" />
<path d="M89.4389 67.3636C89.2169 67.3636 89.0147 67.3454 88.8324 67.3089C88.6501 67.2758 88.5142 67.2393 88.4247 67.1996L88.7827 65.9815C89.0545 66.0545 89.2964 66.0859 89.5085 66.076C89.7206 66.0661 89.9079 65.9865 90.0703 65.8374C90.236 65.6882 90.3819 65.4446 90.5078 65.1065L90.6918 64.5994L87.8977 56.8636H89.4886L91.4226 62.7898H91.5021L93.4361 56.8636H95.032L91.8849 65.5192C91.7391 65.9169 91.5535 66.2533 91.3281 66.5284C91.1027 66.8068 90.8343 67.0156 90.5227 67.1548C90.2112 67.294 89.8499 67.3636 89.4389 67.3636Z" fill="#A78BFA" />
<path d="M205.173 164.864L206.858 167.837L208.558 164.864H210.184L207.803 168.682L210.204 172.5H208.578L206.858 169.646L205.143 172.5H203.512L205.888 168.682L203.542 164.864H205.173Z" fill="#A78BFA" />
<path d="M104.333 160.5C104.333 161.973 105.527 163.167 107 163.167C108.473 163.167 109.667 161.973 109.667 160.5C109.667 159.027 108.473 157.833 107 157.833C105.527 157.833 104.333 159.027 104.333 160.5ZM178.333 86.5C178.333 87.9728 179.527 89.1667 181 89.1667C182.473 89.1667 183.667 87.9728 183.667 86.5C183.667 85.0272 182.473 83.8333 181 83.8333C179.527 83.8333 178.333 85.0272 178.333 86.5ZM107.354 160.854L181.354 86.8536L180.646 86.1464L106.646 160.146L107.354 160.854Z" fill="#F87171" />
<path d="M122.432 163.274C122.432 162.028 122.596 160.881 122.924 159.834C123.252 158.786 123.731 157.82 124.361 156.935H125.723C125.478 157.263 125.249 157.666 125.037 158.143C124.825 158.621 124.639 159.144 124.48 159.714C124.321 160.281 124.197 160.87 124.107 161.479C124.018 162.086 123.973 162.684 123.973 163.274C123.973 164.063 124.051 164.862 124.207 165.67C124.362 166.479 124.573 167.23 124.838 167.923C125.103 168.615 125.398 169.18 125.723 169.618H124.361C123.731 168.733 123.252 167.767 122.924 166.719C122.596 165.672 122.432 164.524 122.432 163.274ZM128.464 159.864L130.149 162.837L131.849 159.864H133.475L131.094 163.682L133.495 167.5H131.869L130.149 164.646L128.434 167.5H126.803L129.18 163.682L126.833 159.864H128.464ZM136.125 169.25V164.328H136.08L134.544 165.332V164.194L136.15 163.145H137.298V169.25H136.125ZM141.351 166.108L141.277 166.65C141.227 167.048 141.142 167.462 141.023 167.893C140.907 168.327 140.786 168.73 140.66 169.101C140.538 169.472 140.436 169.767 140.357 169.986H139.303C139.346 169.78 139.406 169.502 139.482 169.151C139.558 168.803 139.633 168.413 139.706 167.982C139.779 167.551 139.833 167.112 139.87 166.665L139.919 166.108H141.351ZM147.931 170.364C147.709 170.364 147.507 170.345 147.325 170.309C147.142 170.276 147.006 170.239 146.917 170.2L147.275 168.982C147.547 169.054 147.789 169.086 148.001 169.076C148.213 169.066 148.4 168.987 148.562 168.837C148.728 168.688 148.874 168.445 149 168.107L149.184 167.599L146.39 159.864H147.981L149.915 165.79H149.994L151.928 159.864H153.524L150.377 168.519C150.231 168.917 150.046 169.253 149.82 169.528C149.595 169.807 149.326 170.016 149.015 170.155C148.703 170.294 148.342 170.364 147.931 170.364ZM156.045 169.25V164.328H156L154.464 165.332V164.194L156.07 163.145H157.218V169.25H156.045ZM162.196 163.274C162.196 164.524 162.032 165.672 161.704 166.719C161.376 167.767 160.897 168.733 160.267 169.618H158.905C159.15 169.29 159.379 168.887 159.591 168.41C159.803 167.933 159.988 167.411 160.148 166.844C160.307 166.274 160.431 165.684 160.52 165.074C160.61 164.464 160.655 163.864 160.655 163.274C160.655 162.489 160.577 161.692 160.421 160.883C160.265 160.074 160.055 159.323 159.79 158.631C159.524 157.938 159.229 157.373 158.905 156.935H160.267C160.897 157.82 161.376 158.786 161.704 159.834C162.032 160.881 162.196 162.028 162.196 163.274Z" fill="#F87171" />
<path d="M122.432 85.2741C122.432 84.0279 122.596 82.8812 122.924 81.8338C123.252 80.7865 123.731 79.8203 124.361 78.9354H125.723C125.478 79.2635 125.249 79.6662 125.037 80.1435C124.825 80.6207 124.639 81.1444 124.48 81.7145C124.321 82.2812 124.197 82.8696 124.107 83.4794C124.018 84.0859 123.973 84.6842 123.973 85.2741C123.973 86.063 124.051 86.8617 124.207 87.6705C124.362 88.4792 124.573 89.2299 124.838 89.9226C125.103 90.6153 125.398 91.1804 125.723 91.6179H124.361C123.731 90.733 123.252 89.7668 122.924 88.7195C122.596 87.6721 122.432 86.5237 122.432 85.2741ZM128.464 81.8636L130.149 84.8366L131.849 81.8636H133.475L131.094 85.6818L133.495 89.5H131.869L130.149 86.6463L128.434 89.5H126.803L129.18 85.6818L126.833 81.8636H128.464ZM134.668 91.25V90.3651L137.03 88.3416C137.245 88.156 137.427 87.9886 137.577 87.8395C137.726 87.6903 137.838 87.5445 137.915 87.402C137.994 87.2562 138.034 87.1004 138.034 86.9347C138.034 86.6562 137.925 86.4375 137.706 86.2784C137.49 86.116 137.224 86.0348 136.905 86.0348C136.567 86.0348 136.296 86.1226 136.09 86.2983C135.885 86.474 135.782 86.7093 135.782 87.0043H134.604C134.604 86.4143 134.821 85.9437 135.255 85.5923C135.689 85.241 136.246 85.0653 136.925 85.0653C137.383 85.0653 137.782 85.1465 138.123 85.3089C138.465 85.4714 138.73 85.6918 138.919 85.9702C139.111 86.2486 139.207 86.5634 139.207 86.9148C139.207 87.1932 139.151 87.4517 139.038 87.6903C138.925 87.929 138.75 88.1709 138.511 88.4162C138.273 88.6615 137.966 88.9332 137.591 89.2315L136.438 90.206V90.2507H139.351V91.25H134.668ZM142.841 88.108L142.767 88.6499C142.717 89.0476 142.633 89.4619 142.513 89.8928C142.397 90.3269 142.276 90.7296 142.15 91.1009C142.028 91.4721 141.927 91.767 141.847 91.9858H140.793C140.836 91.7803 140.896 91.5019 140.972 91.1506C141.048 90.8026 141.123 90.4131 141.196 89.9822C141.269 89.5514 141.323 89.1122 141.36 88.6648L141.41 88.108H142.841ZM149.421 92.3636C149.199 92.3636 148.997 92.3454 148.815 92.3089C148.633 92.2758 148.497 92.2393 148.407 92.1996L148.765 90.9815C149.037 91.0545 149.279 91.0859 149.491 91.076C149.703 91.0661 149.89 90.9865 150.053 90.8374C150.218 90.6882 150.364 90.4446 150.49 90.1065L150.674 89.5994L147.88 81.8636H149.471L151.405 87.7898H151.485L153.419 81.8636H155.014L151.867 90.5192C151.722 90.9169 151.536 91.2533 151.311 91.5284C151.085 91.8068 150.817 92.0156 150.505 92.1548C150.194 92.294 149.832 92.3636 149.421 92.3636ZM156.078 91.25V90.3651L158.44 88.3416C158.655 88.156 158.838 87.9886 158.987 87.8395C159.136 87.6903 159.249 87.5445 159.325 87.402C159.404 87.2562 159.444 87.1004 159.444 86.9347C159.444 86.6562 159.335 86.4375 159.116 86.2784C158.901 86.116 158.634 86.0348 158.316 86.0348C157.977 86.0348 157.706 86.1226 157.5 86.2983C157.295 86.474 157.192 86.7093 157.192 87.0043H156.014C156.014 86.4143 156.231 85.9437 156.665 85.5923C157.099 85.241 157.656 85.0653 158.335 85.0653C158.793 85.0653 159.192 85.1465 159.534 85.3089C159.875 85.4714 160.14 85.6918 160.329 85.9702C160.521 86.2486 160.617 86.5634 160.617 86.9148C160.617 87.1932 160.561 87.4517 160.448 87.6903C160.336 87.929 160.16 88.1709 159.921 88.4162C159.683 88.6615 159.376 88.9332 159.002 89.2315L157.848 90.206V90.2507H160.762V91.25H156.078ZM165.176 85.2741C165.176 86.5237 165.012 87.6721 164.684 88.7195C164.356 89.7668 163.877 90.733 163.247 91.6179H161.885C162.13 91.2898 162.359 90.8871 162.571 90.4098C162.783 89.9325 162.969 89.4105 163.128 88.8438C163.287 88.2737 163.411 87.6837 163.501 87.0739C163.59 86.464 163.635 85.8641 163.635 85.2741C163.635 84.4886 163.557 83.6915 163.401 82.8828C163.246 82.0741 163.035 81.3234 162.77 80.6307C162.505 79.938 162.21 79.3729 161.885 78.9354H163.247C163.877 79.8203 164.356 80.7865 164.684 81.8338C165.012 82.8812 165.176 84.0279 165.176 85.2741Z" fill="#F87171" />
</svg>
<svg class="tab" data-tab="1" width="272" height="258" viewBox="0 0 272 258" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6130_69912)">
<path d="M88 191L90.8868 186L85.1133 186L88 191ZM88 31L85.1132 36L90.8868 36L88 31ZM88.5 186.5L88.5 35.5L87.5 35.5L87.5 186.5L88.5 186.5Z" fill="#A78BFA" />
<path d="M48.1367 207L53.7135 205.506L49.631 201.423L48.1367 207ZM102.137 153L96.5599 154.494L100.642 158.577L102.137 153ZM51.6722 204.172L99.3083 156.536L98.6012 155.828L50.9651 203.464L51.6722 204.172Z" fill="#A78BFA" />
<path d="M64 167L69 169.887V164.113L64 167ZM224 167L219 164.113V169.887L224 167ZM68.5 167.5H219.5V166.5H68.5V167.5Z" fill="#A78BFA" />
<path d="M96.3402 46V44.9808L100.477 39.7259V39.6562H96.4744V38.3636H102.331V39.4474L98.3537 44.6378V44.7074H102.47V46H96.3402Z" fill="#A78BFA" />
<path d="M58.1726 214.364L59.858 217.337L61.5582 214.364H63.1839L60.8026 218.182L63.2038 222H61.5781L59.858 219.146L58.1428 222H56.5121L58.8885 218.182L56.5419 214.364H58.1726Z" fill="#A78BFA" />
<path d="M212.939 156.864C212.717 156.864 212.515 156.845 212.332 156.809C212.15 156.776 212.014 156.739 211.925 156.7L212.283 155.482C212.554 155.554 212.796 155.586 213.009 155.576C213.221 155.566 213.408 155.487 213.57 155.337C213.736 155.188 213.882 154.945 214.008 154.607L214.192 154.099L211.398 146.364H212.989L214.923 152.29H215.002L216.936 146.364H218.532L215.385 155.019C215.239 155.417 215.054 155.753 214.828 156.028C214.603 156.307 214.334 156.516 214.023 156.655C213.711 156.794 213.35 156.864 212.939 156.864Z" fill="#A78BFA" />
<path d="M133.333 182C133.333 183.473 134.527 184.667 136 184.667C137.473 184.667 138.667 183.473 138.667 182C138.667 180.527 137.473 179.333 136 179.333C134.527 179.333 133.333 180.527 133.333 182ZM169.333 117C169.333 118.473 170.527 119.667 172 119.667C173.473 119.667 174.667 118.473 174.667 117C174.667 115.527 173.473 114.333 172 114.333C170.527 114.333 169.333 115.527 169.333 117ZM136.437 182.242L172.437 117.242L171.563 116.758L135.563 181.758L136.437 182.242Z" fill="#F87171" />
<path d="M107.432 192.774C107.432 191.528 107.596 190.381 107.924 189.334C108.252 188.286 108.731 187.32 109.361 186.435H110.723C110.478 186.763 110.249 187.166 110.037 187.643C109.825 188.121 109.639 188.644 109.48 189.214C109.321 189.781 109.197 190.37 109.107 190.979C109.018 191.586 108.973 192.184 108.973 192.774C108.973 193.563 109.051 194.362 109.207 195.17C109.362 195.979 109.573 196.73 109.838 197.423C110.103 198.115 110.398 198.68 110.723 199.118H109.361C108.731 198.233 108.252 197.267 107.924 196.219C107.596 195.172 107.432 194.024 107.432 192.774ZM113.464 189.364L115.149 192.337L116.849 189.364H118.475L116.094 193.182L118.495 197H116.869L115.149 194.146L113.434 197H111.803L114.18 193.182L111.833 189.364H113.464ZM121.125 198.75V193.828H121.08L119.544 194.832V193.694L121.15 192.645H122.298V198.75H121.125ZM126.351 195.608L126.277 196.15C126.227 196.548 126.142 196.962 126.023 197.393C125.907 197.827 125.786 198.23 125.66 198.601C125.538 198.972 125.436 199.267 125.357 199.486H124.303C124.346 199.28 124.406 199.002 124.482 198.651C124.558 198.303 124.633 197.913 124.706 197.482C124.779 197.051 124.833 196.612 124.87 196.165L124.919 195.608H126.351ZM132.931 199.864C132.709 199.864 132.507 199.845 132.325 199.809C132.142 199.776 132.006 199.739 131.917 199.7L132.275 198.482C132.547 198.554 132.789 198.586 133.001 198.576C133.213 198.566 133.4 198.487 133.562 198.337C133.728 198.188 133.874 197.945 134 197.607L134.184 197.099L131.39 189.364H132.981L134.915 195.29H134.994L136.928 189.364H138.524L135.377 198.019C135.231 198.417 135.046 198.753 134.82 199.028C134.595 199.307 134.326 199.516 134.015 199.655C133.703 199.794 133.342 199.864 132.931 199.864ZM141.045 198.75V193.828H141L139.464 194.832V193.694L141.07 192.645H142.218V198.75H141.045ZM146.271 195.608L146.197 196.15C146.147 196.548 146.062 196.962 145.943 197.393C145.827 197.827 145.706 198.23 145.58 198.601C145.457 198.972 145.356 199.267 145.277 199.486H144.223C144.266 199.28 144.326 199.002 144.402 198.651C144.478 198.303 144.553 197.913 144.626 197.482C144.698 197.051 144.753 196.612 144.79 196.165L144.839 195.608H146.271ZM151.752 197V195.981L155.889 190.726V190.656H151.887V189.364H157.743V190.447L153.766 195.638V195.707H157.882V197H151.752ZM160.76 198.75V193.828H160.715L159.179 194.832V193.694L160.784 192.645H161.933V198.75H160.76ZM166.911 192.774C166.911 194.024 166.747 195.172 166.419 196.219C166.09 197.267 165.611 198.233 164.982 199.118H163.619C163.865 198.79 164.093 198.387 164.306 197.91C164.518 197.433 164.703 196.911 164.862 196.344C165.021 195.774 165.146 195.184 165.235 194.574C165.325 193.964 165.369 193.364 165.369 192.774C165.369 191.989 165.292 191.192 165.136 190.383C164.98 189.574 164.77 188.823 164.504 188.131C164.239 187.438 163.944 186.873 163.619 186.435H164.982C165.611 187.32 166.09 188.286 166.419 189.334C166.747 190.381 166.911 191.528 166.911 192.774Z" fill="#F87171" />
<path d="M139.432 101.774C139.432 100.528 139.596 99.3812 139.924 98.3338C140.252 97.2865 140.731 96.3203 141.361 95.4354H142.723C142.478 95.7635 142.249 96.1662 142.037 96.6435C141.825 97.1207 141.639 97.6444 141.48 98.2145C141.321 98.7812 141.197 99.3696 141.107 99.9794C141.018 100.586 140.973 101.184 140.973 101.774C140.973 102.563 141.051 103.362 141.207 104.17C141.362 104.979 141.573 105.73 141.838 106.423C142.103 107.115 142.398 107.68 142.723 108.118H141.361C140.731 107.233 140.252 106.267 139.924 105.219C139.596 104.172 139.432 103.024 139.432 101.774ZM145.464 98.3636L147.149 101.337L148.849 98.3636H150.475L148.094 102.182L150.495 106H148.869L147.149 103.146L145.434 106H143.803L146.18 102.182L143.833 98.3636H145.464ZM151.668 107.75V106.865L154.03 104.842C154.245 104.656 154.427 104.489 154.577 104.339C154.726 104.19 154.838 104.045 154.915 103.902C154.994 103.756 155.034 103.6 155.034 103.435C155.034 103.156 154.925 102.937 154.706 102.778C154.49 102.616 154.224 102.535 153.905 102.535C153.567 102.535 153.296 102.623 153.09 102.798C152.885 102.974 152.782 103.209 152.782 103.504H151.604C151.604 102.914 151.821 102.444 152.255 102.092C152.689 101.741 153.246 101.565 153.925 101.565C154.383 101.565 154.782 101.647 155.123 101.809C155.465 101.971 155.73 102.192 155.919 102.47C156.111 102.749 156.207 103.063 156.207 103.415C156.207 103.693 156.151 103.952 156.038 104.19C155.925 104.429 155.75 104.671 155.511 104.916C155.273 105.161 154.966 105.433 154.591 105.732L153.438 106.706V106.751H156.351V107.75H151.668ZM159.841 104.608L159.767 105.15C159.717 105.548 159.633 105.962 159.513 106.393C159.397 106.827 159.276 107.23 159.15 107.601C159.028 107.972 158.927 108.267 158.847 108.486H157.793C157.836 108.28 157.896 108.002 157.972 107.651C158.048 107.303 158.123 106.913 158.196 106.482C158.269 106.051 158.323 105.612 158.36 105.165L158.41 104.608H159.841ZM166.421 108.864C166.199 108.864 165.997 108.845 165.815 108.809C165.633 108.776 165.497 108.739 165.407 108.7L165.765 107.482C166.037 107.554 166.279 107.586 166.491 107.576C166.703 107.566 166.89 107.487 167.053 107.337C167.218 107.188 167.364 106.945 167.49 106.607L167.674 106.099L164.88 98.3636H166.471L168.405 104.29H168.485L170.419 98.3636H172.014L168.867 107.019C168.722 107.417 168.536 107.753 168.311 108.028C168.085 108.307 167.817 108.516 167.505 108.655C167.194 108.794 166.832 108.864 166.421 108.864ZM173.078 107.75V106.865L175.44 104.842C175.655 104.656 175.838 104.489 175.987 104.339C176.136 104.19 176.249 104.045 176.325 103.902C176.404 103.756 176.444 103.6 176.444 103.435C176.444 103.156 176.335 102.937 176.116 102.778C175.901 102.616 175.634 102.535 175.316 102.535C174.977 102.535 174.706 102.623 174.5 102.798C174.295 102.974 174.192 103.209 174.192 103.504H173.014C173.014 102.914 173.231 102.444 173.665 102.092C174.099 101.741 174.656 101.565 175.335 101.565C175.793 101.565 176.192 101.647 176.534 101.809C176.875 101.971 177.14 102.192 177.329 102.47C177.521 102.749 177.617 103.063 177.617 103.415C177.617 103.693 177.561 103.952 177.448 104.19C177.336 104.429 177.16 104.671 176.921 104.916C176.683 105.161 176.376 105.433 176.002 105.732L174.848 106.706V106.751H177.762V107.75H173.078ZM181.252 104.608L181.177 105.15C181.127 105.548 181.043 105.962 180.923 106.393C180.807 106.827 180.686 107.23 180.561 107.601C180.438 107.972 180.337 108.267 180.257 108.486H179.203C179.246 108.28 179.306 108.002 179.382 107.651C179.459 107.303 179.533 106.913 179.606 106.482C179.679 106.051 179.734 105.612 179.77 105.165L179.82 104.608H181.252ZM186.733 106V104.981L190.869 99.7259V99.6562H186.867V98.3636H192.724V99.4474L188.746 104.638V104.707H192.863V106H186.733ZM194.283 107.75V106.865L196.645 104.842C196.86 104.656 197.043 104.489 197.192 104.339C197.341 104.19 197.454 104.045 197.53 103.902C197.609 103.756 197.649 103.6 197.649 103.435C197.649 103.156 197.54 102.937 197.321 102.778C197.106 102.616 196.839 102.535 196.521 102.535C196.183 102.535 195.911 102.623 195.705 102.798C195.5 102.974 195.397 103.209 195.397 103.504H194.219C194.219 102.914 194.436 102.444 194.87 102.092C195.304 101.741 195.861 101.565 196.54 101.565C196.998 101.565 197.397 101.647 197.739 101.809C198.08 101.971 198.345 102.192 198.534 102.47C198.726 102.749 198.822 103.063 198.822 103.415C198.822 103.693 198.766 103.952 198.653 104.19C198.541 104.429 198.365 104.671 198.126 104.916C197.888 105.161 197.581 105.433 197.207 105.732L196.053 106.706V106.751H198.967V107.75H194.283ZM203.381 101.774C203.381 103.024 203.217 104.172 202.889 105.219C202.561 106.267 202.082 107.233 201.452 108.118H200.09C200.335 107.79 200.564 107.387 200.776 106.91C200.988 106.433 201.174 105.911 201.333 105.344C201.492 104.774 201.616 104.184 201.706 103.574C201.795 102.964 201.84 102.364 201.84 101.774C201.84 100.989 201.762 100.192 201.607 99.3828C201.451 98.5741 201.24 97.8234 200.975 97.1307C200.71 96.438 200.415 95.8729 200.09 95.4354H201.452C202.082 96.3203 202.561 97.2865 202.889 98.3338C203.217 99.3812 203.381 100.528 203.381 101.774Z" fill="#F87171" />
</g>
<defs>
<clipPath id="clip0_6130_69912">
<rect width="176" height="196" fill="white" transform="translate(48 31)" />
</clipPath>
</defs>
</svg>
<svg class="tab" data-tab="2" width="272" height="200" viewBox="0 0 272 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6130_69913)">
<path d="M178.345 55.8799L171.723 60.2939L160.688 58.0869L154.067 55.8799L145.238 58.0869L138.617 55.8799L143.031 47.0516H151.859L160.511 42.7258C167.183 46.0253 173.22 50.4791 178.345 55.8799Z" fill="#DDD6FE" />
<path d="M127.582 47.0516L125.375 53.6729L118.754 55.8799L112.132 66.9152L101.097 73.5364L85.6478 75.7434V82.3647L90.0618 86.7787V95.607L83.441 91.1927L76.8197 86.7787L72.9795 75.2359C79.5895 59.4839 92.225 47.0316 108.072 40.6511L114.34 44.8446L127.582 47.0516Z" fill="#DDD6FE" />
<path d="M131.997 108.849L129.79 119.884L120.961 128.712V135.334L112.133 141.955V152.99L105.512 150.783L101.098 139.748V117.677L90.0624 115.47L85.6484 106.642V100.021L90.0624 95.6066L96.6837 88.9854L101.098 97.8136H116.547L123.168 108.849H131.997Z" fill="#DDD6FE" />
<path d="M187.834 68.747C199.883 90.2416 198.51 116.746 184.303 136.879L178.344 130.92V122.091L173.93 113.263L169.516 104.435V95.6066L162.895 91.1926L154.066 93.3996L138.617 86.7783L136.41 71.329L143.031 64.7078H156.274L160.688 71.329L173.93 73.536L187.172 69.122L187.834 68.747Z" fill="#DDD6FE" />
<path d="M145.238 58.0872L154.066 55.8802L160.687 58.0872L171.723 60.2942L178.344 55.8802C182.041 59.7492 185.23 64.0728 187.834 68.7473L187.172 69.1225L173.93 73.5365L160.688 71.3295L156.274 64.7083H143.031L136.41 71.3295L138.617 86.7788L154.066 93.4001L162.895 91.1931L169.516 95.6071V104.435L173.93 113.264L178.344 122.092V130.92L184.303 136.879C163.921 165.761 123.984 172.649 95.1048 152.267C70.5777 134.954 61.3765 102.923 72.979 75.236L76.8193 86.7788L83.4405 91.1928L90.0618 95.6068L85.6475 100.021V106.642L90.0615 115.471L101.097 117.678V139.748L105.511 150.783L112.132 152.99V141.955L120.96 135.334V128.713L129.789 119.884L131.996 108.849H123.167L116.546 97.8138H101.097L96.6828 88.9855L90.0618 95.6068L90.0615 86.7785L85.6475 82.3648V75.7435L101.097 73.5365L112.132 66.9153L118.753 55.88L125.375 53.673L127.582 47.0517L114.339 44.8447L108.071 40.6512C125.044 33.8159 144.13 34.5707 160.511 42.726L151.859 47.0517H143.031L138.617 55.88L145.238 58.0872Z" fill="#F5F3FF" />
<circle cx="132" cy="100" r="63.5" stroke="#DDD6FE" />
<path d="M99.3333 113.5C99.3333 114.973 100.527 116.167 102 116.167C103.473 116.167 104.667 114.973 104.667 113.5C104.667 112.027 103.473 110.833 102 110.833C100.527 110.833 99.3333 112.027 99.3333 113.5ZM174.833 100.5C174.833 101.973 176.027 103.167 177.5 103.167C178.973 103.167 180.167 101.973 180.167 100.5C180.167 99.0272 178.973 97.8333 177.5 97.8333C176.027 97.8333 174.833 99.0272 174.833 100.5ZM101.927 113.995L108.905 115.03L109.052 114.041L102.073 113.005L101.927 113.995ZM108.905 115.03C132.802 118.577 157.184 113.583 177.762 100.926L177.238 100.074C156.861 112.608 132.716 117.553 109.052 114.041L108.905 115.03Z" fill="#F87171" />
<path d="M178 86.625C179.381 86.625 180.5 85.5057 180.5 84.125C180.5 82.7443 179.381 81.625 178 81.625C176.619 81.625 175.5 82.7443 175.5 84.125C175.5 85.5057 176.619 86.625 178 86.625Z" stroke="#F87171" stroke-linecap="round" stroke-linejoin="round" />
<path d="M184.25 84.125C184.25 89.75 178 94.125 178 94.125C178 94.125 171.75 89.75 171.75 84.125C171.75 82.4674 172.408 80.8777 173.581 79.7056C174.753 78.5335 176.342 77.875 178 77.875C179.658 77.875 181.247 78.5335 182.419 79.7056C183.592 80.8777 184.25 82.4674 184.25 84.125V84.125Z" stroke="#F87171" stroke-linecap="round" stroke-linejoin="round" />
<path d="M102 99.625C103.381 99.625 104.5 98.5057 104.5 97.125C104.5 95.7443 103.381 94.625 102 94.625C100.619 94.625 99.5 95.7443 99.5 97.125C99.5 98.5057 100.619 99.625 102 99.625Z" stroke="#F87171" stroke-linecap="round" stroke-linejoin="round" />
<path d="M108.25 97.125C108.25 102.75 102 107.125 102 107.125C102 107.125 95.75 102.75 95.75 97.125C95.75 95.4674 96.4085 93.8777 97.5806 92.7056C98.7527 91.5335 100.342 90.875 102 90.875C103.658 90.875 105.247 91.5335 106.419 92.7056C107.592 93.8777 108.25 95.4674 108.25 97.125V97.125Z" stroke="#F87171" stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_6130_69913">
<rect width="128" height="128" fill="white" transform="translate(68 36)" />
</clipPath>
</defs>
</svg>
</div>
<div class="input-wrapper row tab tab--active" data-tab="0">
<label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">X₁</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="2d_x_1" value="-7" />
</div>
</label> <label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">Y₁</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="2d_y_1" value="-4" />
</div>
</label> </div>
<div class="input-wrapper row tab tab--active" data-tab="0">
<label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">X₂</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="2d_x_2" value="17" />
</div>
</label> <label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">Y₂</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="2d_y_2" value="6.5" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="1">
<label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">X₁</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="3d_x_1" value="-7" />
</div>
</label> <label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">Y₁</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="3d_y_1" value="-4" />
</div>
</label> <label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">z₁</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="3d_z_1" value="-4" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="1">
<label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">X₂</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="3d_x_2" value="17" />
</div>
</label> <label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">Y₂</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="3d_y_2" value="6.5" />
</div>
</label> <label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">z₂</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="3d_z_2" value="6.5" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="2">
<label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">Latitude 1</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="lat_long_lat_1" value="7" />
</div>
</label> <label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">Longitude 1</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="lat_long_long_1" value="4" />
</div>
</label> </div>
<div class="input-wrapper row tab" data-tab="2">
<label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">Latitude 2</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="lat_long_lat_2" value="-7" />
</div>
</label> <label class="input col speed-calculator,distance-formula-calculator,pace-calculator,velocity-calculator ">
<p class="input__title">Longitude 2</p>
<div class="input-field row">
<input type="text" class="input-field__input" placeholder="" id="lat_long_long_2" value="-4" />
</div>
</label> </div>
</div>
<div class="calculator-content calculator-content--gray calculator-content--footer calculator-content--small row tab tab--active" data-tab="0">
<button class="button button--primary ml-auto" onclick="calculate(this); animateElements();" data-action="calculate" id="action-button">Calculate</button>
</div>
<script type="text/javascript" src="./assets/js/calculator.js" defer></script>
<div class="calculator-content calculator-content--gray calculator-content--footer calculator-content--small row tab " data-tab="1">
<button class="button button--primary ml-auto" onclick="calculate3d(this); animateElements();" data-action="calculate3d" id="action-button">Calculate</button>
</div>
<div class="calculator-content calculator-content--gray calculator-content--footer calculator-content--small row tab " data-tab="2">
<button class="button button--primary ml-auto" onclick="calculateLatLong(this); animateElements();" data-action="calculateLatLong" id="action-button">Calculate</button>
</div>
</div>
</div>
</div>
<div style="float:left;padding: 15px; overflow: scroll;">
<div class="calculator-result calculator-result--error col" id="error-box">
<div class="row">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM8.70711
7.29289C8.31658 6.90237 7.68342 6.90237 7.29289 7.29289C6.90237 7.68342 6.90237 8.31658 7.29289 8.70711L8.58579 10L7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289
12.7071C7.68342 13.0976 8.31658 13.0976 8.70711 12.7071L10 11.4142L11.2929 12.7071C11.6834 13.0976 12.3166 13.0976 12.7071 12.7071C13.0976 12.3166 13.0976 11.6834 12.7071
11.2929L11.4142 10L12.7071 8.70711C13.0976 8.31658 13.0976 7.68342 12.7071 7.29289C12.3166 6.90237 11.6834 6.90237 11.2929 7.29289L10 8.58579L8.70711 7.29289Z" fill="#F87171" class="dark:fill-red-200"></path>
</svg>
<p class="calculator-error__title">There was an error with your calculation.</p>
</div>
<div class="col" id="error-list"></div>
</div> <span id="calculator_result"><div class="calculator-result col">
<p class="table-cell table-cell--dark table-cell--only-title">Result</p>
<div class="table-cell table-cell--big row">
<p class="result-text animate">d = <span id="result">26.19637</span></p>
</div>
</div>
</span>
</div>
</div>
<script async src="./assets/js/lib/math.min.js"></script>
<script defer src="./assets/js/functions.js"></script>
</body>
</html>