janishutz-website/old-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

add currency converter

Browse Source
This commit is contained in:
Janis Hutz
2024-06-14 09:41:10 +02:00
parent 4a9873f3f5
commit b9958fd841
3 changed files with 207 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/services/dms-deg/index.html Normal file
View File

@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DMS - Decimal Degree Converter</title>
<link rel="stylesheet" href="/css/mainstyle.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<style>
.converter-input {
width: 4rem;
padding: 7.5px;
border-radius: 10px;
border: none;
font-size: 1rem;
}
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 24
}
#out {
width: 30%;
padding: 7.5px;
font-size: 0.75rem;
border-radius: 10px;
border: none;
}
.copy-icon {
margin-left: 10px;
cursor: pointer;
background-color: white;
padding: 5px;
border-radius: 5px;
}
</style>
</head>
<body>
<div class="content-wrapper">
<div class="content">
<h1>Degrees Minutes Seconds - Decimal Degree Converter</h1>
<button onclick="clearApp()" class="button" style="margin-bottom: 5px;">Clear</button>
<table>
<tr>
<td>
Latitude
</td>
<td>
<input type="number" step="0.1" id="deg-lat" class="converter-input">°
<input type="number" step="0.1" id="min-lat" class="converter-input">'
<input type="number" step="0.1" id="sec-lat" class="converter-input">''
<select id="lat" class="converter-input">
<option value="N">N</option>
<option value="S">S</option>
</select>
</td>
</tr>
<td>
Longitude
</td>
<td>
<input type="number" step="0.1" id="deg-long" class="converter-input">°
<input type="number" step="0.1" id="min-long" class="converter-input">'
<input type="number" step="0.1" id="sec-long" class="converter-input">''
<select id="long" class="converter-input">
<option value="W">W</option>
<option value="E">E</option>
</select>
</td>
</table>
<button onclick="convertDMSDecimal()" class="button">Convert!</button>
<h3>Output</h3>
<div style="width: 100%; display: flex; justify-content: center; align-items: center;">
<input type="text" id="out"></input>
<span class="material-symbols-outlined copy-icon" onclick="copy()" title="copy output to clipboard">content_copy</span>
</div>
<script src="index.js"></script>
</div>
</div>
</body>
</html>