MatchMaker/index.html at main · firetdev/MatchMaker · GitHub

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
<!DOCTYPE html>
<html>
    <head>
        <title>MatchMaker</title>
        <link rel="stylesheet" href="main.css">
    </head>
    <body>
        <h1 id="title">MatchMaker</h1>
        <div id="engine" class="button" onclick="swapEngine()">Engine 0</div>
        <h3><i>Make palettes from images, and images from palettes</i></h3><br id="beforeloading">
        <h2 id="loading">Loading...</h2>
        <br>
        <div id="part1">
            <img id="image1display" class="imagedisplay">
            <canvas id="canvas1" width="480" height="380"></canvas>
            <br><br><div id="margin"></div>
            Number of colors: <input type="textline" id="number" value="16"><br>
            <input type="file" id="image1" class="file" accept="image/*">
            <label for="image1" class="button">Choose file</label>
            <div id="file1" class="filename"></div>
        </div>
        <div id="divider"></div>
        <div id="palpart">
            <div id="txtcontent"></div>
            <canvas id="palette" width="128" height="380"></canvas><br><br>
            <a href="" id="pdownload" class="button" download="palette.png">Download (image)</a><br>
            <a href="" id="pdownload2" class="button" download="palette.txt">Download (rgb)</a>
        </div>
        <div id="part2">
            <canvas id="canvas2" width="480" height="380"></canvas><br>
            <br>
            <div id="button" class="button" onclick="recolor()">Recolor</div><br>
            <input type="file" id="image2" class="file" accept="image/*">
            <label for="image2" class="button">Choose file</label><br>
            <a href="" id="rdownload" class="button" download>Download</a>
            <div id="file2" class="filename"></div>
            <img id="image2display" class="imagedisplay"></img><br>
            <img id="canvasdata" class="imagedisplay">
        </div>
        <script src="main.js"></script>
    </body>
</html>