-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
69 lines (68 loc) · 2.41 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
<!--
~ Cheap Upscaling Triangulation
~
~ Copyright (c) Filippo Scognamiglio 2024
~
~ This program is free software: you can redistribute it and/or modify
~ it under the terms of the GNU General Public License as published by
~ the Free Software Foundation, either version 3 of the License, or
~ (at your option) any later version.
~
~ This program is distributed in the hope that it will be useful,
~ but WITHOUT ANY WARRANTY; without even the implied warranty of
~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
~ GNU General Public License for more details.
~
~ You should have received a copy of the GNU General Public License
~ along with this program. If not, see <https://www.gnu.org/licenses/>.
-->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<link rel="icon" type="image/svg+xml" href="/vite.svg"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@picocss/[email protected]/css/pico.classless.min.css"
/>
<title>Cheap Upscaling Triangulation</title>
</head>
<script type="module" src="src/pages/main/main.ts"></script>
<body>
<header>
<nav>
<ul>
<li><strong>Cheap Upscaling Triangulation (CUT) Demo</strong></li>
</ul>
<ul>
<li><a href="https://github.com/Swordfish90/cheap-upscaling-triangulation" target="_blank">
<i class="fab fa-github"></i> Source
</a></li>
</ul>
</nav>
<article>
<p>CUT is a family of fast, efficient, single-image upscaling algorithms supporting a wide range of games from retro to modern. They are powering the HD mode of <a href="https://github.com/Swordfish90/Lemuroid">Lemuroid</a>.</p>
<p>Use this demo tool to see and compare results on the screenshots below.</p>
</article>
</header>
<main>
<section id="preview">
<div class="select-container">
<div>
<label for="left-shader-select">Left filter</label>
<select name="Left" id="left-shader-select"></select>
</div>
<div>
<label for="right-shader-select">Right filter</label>
<select name="Right" id="right-shader-select"></select>
</div>
</div>
</section>
<section>
<div id="image-grid" class="grid-container"></div>
</section>
</main>
</body>
</html>