-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
53 lines (49 loc) · 1.66 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
<!DOCTYPE html>
<!--
/*
** Compare Monitors utility
**
** @author Marcin Orlowski <mail (#) marcinOrlowski (.) com>
** @copyright 2020-2023 Marcin Orlowski
** @license http://www.opensource.org/licenses/mit-license.php MIT
** @link https://github.com/MarcinOrlowski/compare-monitors
*/
-->
<html lang="pl-PL">
<head>
<meta charset="UTF-8">
<title>Compare displays visually</title>
<script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="monitors.js"></script>
<script type="text/javascript" src="js/compare.js"></script>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div style="display: flex;">
<div style="flex: 2;">
<select id="type">
<option value="display">Display</option>
<option value="resolution">Resolution</option>
</select>
<button id="all_toggle" href="#">+/-</button>
<button id="all_off" href="#">-</button>
<button id="all_on" href="#">+</button>
<br/>
<div id="labels"></div>
<div id="thumbnail">
<img src="img/empty.png" id="thumbnail_img" alt="Monitor"><br/>
<img src="img/close-circle.svg" id="thumbnail_button" alt="Close thumbnail view" id="thumbnail_close"
onclick="hideThumbnail();">
</div>
</div>
<div id="gfx_container">
<div id="gfx"></div>
</div>
</div>
<div id="gfx_ratio">Scale ratio: ???</div>
<div>Resize the browser window to adjust the scaling.<br/>
Hoover your mouse over the list item to highlight it.<br/>
Edit "monitors.js" file to edit monitors then reload this page.
</div>
</body>
</html>