hue-more/index.html at master · amirlb/hue-more · 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hue more</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="manifest" href="manifest.webmanifest">
<link rel="icon" href="favicon.ico">
<script src="main.js"></script>
</head>
<body onload="init()">
<div id="header">
    <span id="openMenu">
        <label for="menuToggle">
            <svg class="svgButton" id="menuButton" viewbox="0 0 1 1">
                <path
                    d="M 0.25 0.25 L 0.75 0.25 M 0.25 0.5 L 0.75 0.5 M 0.25 0.75 L 0.75 0.75"
                    stroke-width="0.06" stroke-linecap="round" fill="none" />
            </svg>
        </label>
        <input type="checkbox" id="menuToggle"/>
        <div id="menu">
            <span class="menuItem setLevel">Easy</span>
            <span class="menuItem setLevel">Medium</span>
            <span class="menuItem setLevel">Hard</span>
            <span class="menuItem setLevel">Extreme</span>
            <span class="menuItem setLevel">Golden</span>
            <hr/>
            <label class="menuItem"><input type="checkbox" name="mark_fixed" id="mark_fixed"/><span> Mark fixed pieces</span></label>
            <label class="menuItem"><input type="checkbox" name="light_mode" id="light_mode"/><span></span></label>
            <hr/>
            <span class="menuItem" id="installButton" style="display: none;">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="0.75em" height="0.75em"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18 1.01L8 1c-1.1 0-2 .9-2 2v3h2V5h10v14H8v-1H6v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM10 15h2V8H5v2h3.59L3 15.59 4.41 17 10 11.41z"/></svg>
                Add to home screen
            </span>
            <span class="menuItem" id="helpMenu">How to play?</span>
        </div>
    </span>
    <span id="appName">Hue more</span>
    <svg class="svgButton" id="newGame" viewbox="0 0 1 1">
        <path
            d="M 0.77 0.14 A 0.45 0.45 0 1 1 0.14 0.23"
            stroke-width="0.08" stroke-linecap="round" fill="none" />
        <polygon points="0.04 0.13 0.24 0.33 0.33 0.05" />
    </svg>
</div>
<svg id="board"></svg>
<div id="shimmer"></div>
<svg class="svgButton" id="helpButton" viewbox="0 0 1 1">
    <path
        d="M 0.34 0.35 A 0.16 0.125 0 1 1 0.596 0.45 A 0.24 0.1875 0 0 0 0.5 0.6"
        stroke-width="0.06" stroke-linecap="round" fill="none" />
    <circle cx="0.5" cy="0.76" r="0.05" fill="var(--icons-color)" />
</svg>
<div id="helpModal"><div id="thumb"></div></div>
</body>
</html>