-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
41 lines (38 loc) · 2.28 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link href="/vite.svg" rel="icon" type="image/svg+xml" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>Vite + TS</title>
</head>
<body>
<main class="app-container">
<div class="top-container">
<button
aria-label="Toggle picker mode"
class="toggle-picker-mode"
id="toggle-picker-mode"
>
<svg
fill="none"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.4067 2.92666C13.802 3.32266 14 3.80667 14 4.38C14 4.94267 13.802 5.422 13.4067 5.818L11.3907 7.818L12.4687 8.91133C12.5191 8.95985 12.559 9.01819 12.5859 9.08275C12.6129 9.14731 12.6263 9.21671 12.6253 9.28666C12.6254 9.43221 12.5693 9.57217 12.4687 9.67733C12.4176 9.72862 12.3567 9.76892 12.2895 9.79575C12.2223 9.82258 12.1503 9.83537 12.078 9.83333C12.0082 9.83428 11.939 9.82092 11.8745 9.79409C11.8101 9.76727 11.7518 9.72753 11.7033 9.67733L10.6253 8.58333L5.09399 14.1147C5.02969 14.1889 4.94948 14.2477 4.85932 14.2867C4.77599 14.318 4.68199 14.3333 4.57799 14.3333H2.71866C2.5269 14.3355 2.34191 14.2625 2.20332 14.13C2.07071 13.9915 1.99771 13.8064 1.99999 13.6147V11.7547C1.99999 11.6513 2.01532 11.5573 2.04666 11.474C2.0856 11.3838 2.1444 11.3036 2.21866 11.2393L7.74999 5.708L6.65666 4.63C6.60634 4.58156 6.56648 4.52332 6.53953 4.45888C6.51259 4.39445 6.49913 4.32517 6.49999 4.25533C6.49999 4.09866 6.55199 3.96866 6.65599 3.86466C6.76126 3.76429 6.9012 3.70841 7.04666 3.70867C7.19332 3.70867 7.31799 3.76066 7.42199 3.86466L8.51532 4.94266L10.5153 2.92733C10.7017 2.73531 10.9255 2.58353 11.1728 2.48137C11.4201 2.3792 11.6858 2.32882 11.9533 2.33333C12.5267 2.33333 13.0107 2.53133 13.4067 2.92666ZM4.43666 13.256L9.84332 7.84933L8.48332 6.49L3.07732 11.8967V13.256H4.43732H4.43666Z"
fill="black"
/>
</svg>
</button>
<b class="top-container__hex-code" id="selected-hex-code-container">
pick a color on the image
</b>
</div>
<div id="image-canvas-container"></div>
</main>
<script src="/src/main.ts" type="module"></script>
</body>
</html>