-
Notifications
You must be signed in to change notification settings - Fork 2
/
options.html
61 lines (61 loc) · 3.54 KB
/
options.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-light bg-light">
<a class="navbar-brand" href="#">
<svg class="d-inline-block align-top" width="30" height="30" viewBox="0 0 54 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.1875 17.2741V44.0848C0.1875 45.4775 0.917813 46.7542 2.10938 47.4506L25.1719 60.8366C26.3634 61.533 27.8241 61.533 29.0156 60.8366L52.0781 47.4506C53.2697 46.7542 54 45.4775 54 44.0848V17.2741C54 15.8813 53.2697 14.6046 52.0781 13.9083L29.0156 0.522285C27.8241 -0.174095 26.3634 -0.174095 25.1719 0.522285L2.10938 13.947C0.917813 14.6433 0.1875 15.92 0.1875 17.2741Z" fill="#0F2B46"/>
<path d="M36.7031 67.5303L36.6647 61.7271L36.7031 56.3882L23.25 59.7153" fill="#0F2B46"/>
<path d="M36.0879 55.9238L38.6248 55.2661L37.6638 55.8077C37.0873 56.1559 36.7029 56.7749 36.7029 57.4713V58.5546L36.0879 55.9238Z" fill="#142C46"/>
<path d="M17.7904 18.4744C19.3279 16.9656 21.7879 16.9656 23.3254 18.4744C24.9782 20.0606 24.9782 22.6914 23.3254 24.2776C21.7879 25.7864 19.3279 25.7864 17.7904 24.2776C16.1376 22.6914 16.1376 20.0606 17.7904 18.4744Z" fill="white"/>
<path d="M35.0873 28.5716C36.6248 27.0627 39.0848 27.0627 40.6223 28.5716C42.2751 30.1578 42.2751 32.7885 40.6223 34.3747C39.0848 35.8836 36.6248 35.8836 35.0873 34.3747C33.4345 32.7885 33.4345 30.1578 35.0873 28.5716Z" fill="white"/>
<path d="M17.7904 39.2498C19.3279 37.741 21.7879 37.741 23.3254 39.2498C24.9782 40.836 24.9782 43.4668 23.3254 45.053C21.7879 46.5618 19.3279 46.5618 17.7904 45.053C16.1376 43.4668 16.1376 40.836 17.7904 39.2498Z" fill="white"/>
<path d="M22.4805 23.5419L34.0117 30.2349L35.9336 29.1516L24.4023 22.4199L22.4805 23.5419Z" fill="white"/>
<path d="M34.7805 35.1482L24.4023 41.1835L22.4805 40.0616L32.8586 34.0649L34.7805 35.1482Z" fill="white"/>
</svg>
DeepL Translator Plus
</a>
</nav>
<div class="container mt-5" style="margin-left: 15px; max-width: 400px;">
<h4>Default Languages</h4>
<form>
<div class="form-group">
<label for="source-lang-select">Translate from</label>
<select class="form-control" name="source-lang" id="source-lang-select">
<option value="en">English</option>
<option value="de">German</option>
<option value="fr">French</option>
<option value="es">Spanish</option>
<option value="pt">Portuguese</option>
<option value="it">Italian</option>
<option value="nl">Dutch</option>
<option value="pl">Polish</option>
<option value="ru">Russian</option>
<option value="ja">Japanese</option>
<option value="zh">Chinese</option>
</select>
</div>
<div class="form-group">
<label for="target-lang-select">Translate into</label>
<select class="form-control" name="target-lang" id="target-lang-select">
<option value="en">English (British)</option>
<option value="de">German</option>
<option value="fr">French</option>
<option value="es">Spanish</option>
<option value="pt">Portuguese</option>
<option value="it">Italian</option>
<option value="nl">Dutch</option>
<option value="pl">Polish</option>
<option value="ru">Russian</option>
<option value="ja">Japanese</option>
<option value="zh">Chinese (simplified)</option>
</select>
</div>
</form>
</div>
<script src="options.js"></script>
</body>
</html>