-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (97 loc) · 18.5 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="A Progressive Web App that allows users to color a custom SVG image using a color picker. Each region of the SVG can be colored individually." />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#ffffff"/>
<link rel="manifest" href="manifest.json">
<title>PWA Coloring App</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
}
svg {
max-width: 80%;
height: auto;
}
#color-picker-container {
margin: 20px;
}
</style>
</head>
<body>
<h1>PWA Coloring Page</h1>
<!-- Add a container for the color picker and the label -->
<div id="color-picker-container">
<!-- Add label for the color picker input -->
<label for="color-picker">Choose a color:</label>
<input type="color" id="color-picker" value="#ff0000">
</div>
<div id="svg-container">
<!-- Hardcoded SVG content -->
<!-- Your SVG code -->
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
id="svg59"
width="658.93298"
height="653.74426"
viewBox="0 0 658.93298 653.74426"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs63" />
<g
id="g65"
transform="translate(-13.725231,-36.800106)">
<path
style="display:inline;fill:#000000"
d="m 487.82677,238.45473 c 11.88944,-8.48413 26.57458,-11.39813 39.4866,-7.83539 2.99589,0.82664 6.28048,1.6923 7.2991,1.9237 1.01861,0.23141 2.48111,0.94283 3.25,1.58095 0.76888,0.63811 1.39797,0.84708 1.39797,0.46437 0,-0.38271 2.41728,0.68719 5.37173,2.37756 6.597,3.77443 6.72195,3.77471 8.85868,0.0202 0.95173,-1.67233 1.24434,-2.74018 0.65024,-2.373 -0.62103,0.38381 -0.52688,-0.34013 0.22149,-1.70309 0.71592,-1.30388 1.39758,-2.82068 1.5148,-3.37068 0.11722,-0.55 1.36434,-5.275 2.77137,-10.5 2.66366,-9.89144 5.02368,-20.64928 6.03285,-27.5 0.32408,-2.2 0.79084,-5.125 1.03725,-6.5 0.2464,-1.375 0.67881,-4.525 0.96089,-7 0.28209,-2.475 0.74888,-6.525 1.03732,-9 1.42105,-12.19385 1.61527,-15.36624 1.62234,-26.5 0.004,-6.6 -0.21795,-13.04845 -0.49364,-14.32989 -0.98718,-4.58854 -1.74376,-6.19023 -2.65732,-5.62561 -0.5104,0.31544 -0.928,0.2006 -0.928,-0.25521 0,-0.4558 -2.28628,-2.61986 -5.08062,-4.80901 -6.68245,-5.23522 -11.89908,-9.56875 -14.12074,-11.73032 -0.98925,-0.9625 -1.79864,-1.49487 -1.79864,-1.18305 0,0.31182 -2.025,-1.09239 -4.5,-3.12046 -2.475,-2.028077 -4.50689,-3.295707 -4.51531,-2.816947 -0.008,0.47875 -0.34592,0.38668 -0.75,-0.2046 -0.81867,-1.19793 -11.01919,-8.204999 -16.31285,-11.205811 -1.88201,-1.066854 -5.78434,-3.340922 -8.67184,-5.053485 -2.8875,-1.712562 -5.25689,-2.787926 -5.26531,-2.389697 -0.008,0.398229 -0.34592,0.21793 -0.75,-0.400665 -0.59536,-0.91142 -18.44802,-10.507941 -20.23469,-10.876957 -0.275,-0.0568 -2.975,-1.200452 -6,-2.541454 -3.025,-1.341001 -5.8375,-2.329889 -6.25,-2.197528 -0.4125,0.132362 -0.75,-0.235901 -0.75,-0.81836 0,-0.582459 -0.41891,-0.800119 -0.9309,-0.483688 -0.512,0.316431 -1.21809,0.110648 -1.5691,-0.457295 -0.35101,-0.567943 -1.0571,-0.773726 -1.5691,-0.457295 -0.51199,0.316431 -0.9309,0.07221 -0.9309,-0.542705 0,-0.614919 -0.41891,-0.859136 -0.9309,-0.542705 -0.512,0.316431 -1.21809,0.110648 -1.5691,-0.457295 -0.35101,-0.567943 -1.0571,-0.773726 -1.5691,-0.457295 -0.51199,0.316431 -0.9309,0.09877 -0.9309,-0.483688 0,-0.582459 -0.3375,-0.972641 -0.75,-0.86707 -0.4125,0.10557 -6.375,-1.655296 -13.25,-3.913036 -11.8347,-3.8865 -19.20298,-6.047673 -23.32599,-6.84169 -1.00858,-0.194235 -2.66188,-0.615985 -3.67401,-0.937221 -1.01213,-0.321236 -2.77618,-0.790151 -3.92011,-1.042033 -1.14394,-0.251882 -3.09239,-0.687607 -4.32989,-0.968279 -1.2375,-0.280671 -3.375,-0.726031 -4.75,-0.989688 -1.375,-0.263657 -3.60699,-0.701375 -4.95997,-0.972708 -1.35298,-0.271331 -4.07099,-0.733613 -6.04003,-1.027293 -1.96904,-0.29368 -4.62627,-0.735444 -5.90497,-0.981699 -1.2787,-0.246255 -4.86069,-0.740067 -7.95997,-1.097361 -3.09928,-0.357294 -6.50452,-0.813118 -7.5672,-1.012942 -11.73822,-2.207239 -62.62212,-2.192517 -75.56786,0.02186 -1.375,0.235195 -4.75,0.699035 -7.5,1.030756 -7.34372,0.885842 -16.06976,2.399553 -24,4.163298 -3.85,0.856268 -7.923,1.73375 -9.05112,1.949961 -4.2294,0.810593 -9.9699,3.283736 -7.94888,3.424563 1.9665,0.137028 3.53153,0.325139 12.5,1.502463 12.15905,1.596162 34.24911,8.077415 46.5,13.643165 2.75,1.249363 5.28776,2.290551 5.63947,2.313752 0.3517,0.0232 2.50636,1.264477 4.78813,2.758393 2.28177,1.493916 3.82916,2.168916 3.43864,1.5 -0.39052,-0.668916 0.15482,-0.481141 1.21187,0.417277 1.05704,0.898419 3.72189,2.600187 5.92189,3.781708 6.75008,3.62516 13.96146,8.248406 14.73469,9.446462 0.40408,0.626088 0.74158,0.7831 0.75,0.348915 0.008,-0.434184 0.57781,-0.32094 1.26531,0.251653 0.6875,0.572594 5.92776,4.630053 11.64502,9.016577 17.59883,13.502557 48.045,42.729917 47.27165,45.379267 -0.18334,0.62806 -0.0229,0.8315 0.35651,0.45209 1.04174,-1.04175 20.1944,21.73729 30.7438,36.56486 1.77816,2.49928 7.08698,9.84983 11.79737,16.33456 10.1822,14.0177 21.97063,31.91043 28.04764,42.5713 2.4134,4.23383 4.53237,7.70266 4.70882,7.7085 0.17644,0.006 3.21192,-2.05244 6.74552,-4.57396 z"
id="path180" />
<path
style="display:inline;fill:#000000"
d="m 20.901755,330.98558 c 2.41119,-0.91673 19.14046,-5.55212 23.35868,-6.47228 0.825,-0.17996 5.325,-1.2406 10,-2.35697 4.675,-1.11637 9.625,-2.25133 11,-2.52213 1.375,-0.2708 3.4,-0.68738 4.5,-0.92573 1.1,-0.23835 4.025,-0.76447 6.5,-1.16916 2.475,-0.40469 5.23048,-0.87093 6.12328,-1.03608 6.88931,-1.2744 27.731055,-4.28324 34.376725,-4.96283 3.3,-0.33746 7.575,-0.79582 9.5,-1.01856 1.925,-0.22275 6.425,-0.67061 10,-0.99525 3.575,-0.32464 8.3,-0.76191 10.5,-0.97172 2.2,-0.2098 8.275,-0.66917 13.5,-1.02081 5.225,-0.35164 11.975,-0.81969 15,-1.0401 36.72364,-2.67584 158.44769,-2.64458 213.5,0.0548 4.95,0.24272 13.95,0.6608 20,0.92908 6.05,0.26828 17.075,0.79852 24.5,1.1783 28.34538,1.44985 26.37441,1.9561 26.59285,-6.83044 0.49229,-19.80222 4.53623,-34.37618 13.26677,-47.81219 2.27721,-3.50454 4.14038,-6.75898 4.14038,-7.23208 0,-0.4731 0.51953,-0.5391 1.15451,-0.14666 0.72104,0.44563 0.88282,0.27393 0.4309,-0.45729 -0.39798,-0.64395 -1.12944,-0.92001 -1.62545,-0.61345 -0.49601,0.30655 -2.60242,-2.20509 -4.6809,-5.58142 -2.07848,-3.37633 -5.46656,-8.77546 -7.52906,-11.99808 -2.0625,-3.22262 -3.75,-6.29115 -3.75,-6.81895 0,-0.5278 -0.36081,-1.10963 -0.80181,-1.29297 -0.441,-0.1833 -4.10708,-5.2833 -8.14686,-11.3333 -7.06215,-10.57634 -31.14466,-43.40327 -34.11335,-46.5 -0.79089,-0.825 -4.81298,-5.53586 -8.93798,-10.46857 -7.2186,-8.63207 -33,-35.88431 -33,-34.88266 0,0.26834 -2.1375,-1.52864 -4.75,-3.99329 -20.95237,-19.766607 -62.14503,-45.126528 -79.75,-49.097443 -0.55,-0.124056 -3.5254,-0.989243 -6.612,-1.922637 -3.08661,-0.933395 -6.61006,-1.889287 -7.82989,-2.124206 -1.21983,-0.234919 -2.96943,-0.65337 -3.888,-0.929891 -11.00236,-3.312119 -39.09763,-5.21873 -46.76646,-3.173681 -45.75517,12.20155 -111.13841,60.502118 -146.036465,107.881548 -2.92119,3.96595 -5.70884,7.68475 -6.19477,8.26398 -0.48593,0.57924 -2.1856,3.05424 -3.77704,5.5 -1.59144,2.44577 -3.56895,5.04272 -4.39446,5.77101 -0.87865,0.77517 -0.95231,1.04287 -0.17765,0.6457 0.7278,-0.37315 -0.21792,1.50598 -2.1016,4.17584 -3.03287,4.29871 -5.30906,8.29694 -14.29185,25.1043 -1.24929,2.3375 -1.99606,4.25 -1.6595,4.25 0.33657,0 -0.26157,0.70837 -1.32919,1.57416 -1.06762,0.86578 -1.40435,1.30512 -0.74828,0.9763 0.65606,-0.32882 0.12689,1.32531 -1.17593,3.67585 -5.57166,10.05228 -16.44314,40.46677 -21.00832,58.77369 -0.85852,3.44278 -4.37754,20.78494 -4.92074,24.25 -1.59489,10.17388 -3.53561,23.77176 -3.56805,25 -0.028,1.06011 2.37598,0.93022 5.62151,-0.30373 z"
id="path178" />
<path
style="display:inline;fill:#000000"
d="m 671.76244,331.20405 c -1.4156,-16.18513 -3.5618,-30.38849 -6.4469,-42.66474 -1.1633,-4.95 -2.3333,-10.00075 -2.5999,-11.22388 -0.2667,-1.22314 -0.923,-3.37625 -1.4585,-4.78469 -0.5355,-1.40844 -0.9074,-2.8827 -0.8264,-3.27612 0.081,-0.39342 -0.1158,-1.39031 -0.4372,-2.21531 -0.3214,-0.825 -2.0319,-5.775 -3.8011,-11 -14.749,-43.55985 -41.30005,-85.61868 -75.29932,-119.27979 -2.67702,-2.6504 -4.97999,-4.6842 -5.1177,-4.51956 -0.13771,0.16464 -0.51806,7.72435 -0.84522,16.79935 -0.32716,9.075 -0.78524,17.4 -1.01796,18.5 -0.23271,1.1 -0.72389,4.7 -1.09151,8 -0.8268,7.42204 -1.19816,9.81174 -3.18566,20.5 -0.86933,4.675 -1.78059,9.70147 -2.02504,11.16994 -0.24444,1.46846 -1.79159,7.54346 -3.43811,13.5 -1.64652,5.95653 -3.10034,11.28006 -3.2307,11.83006 -0.13036,0.55 -0.57305,1.53763 -0.98376,2.19473 -3.30807,5.29269 -3.658,9.35314 -0.9988,11.58985 14.86616,12.50422 32.57321,36.74939 34.65247,47.44748 0.18898,0.97237 0.84754,2.99568 1.46346,4.49624 1.67831,4.08889 3.99129,13.58779 4.77173,19.59646 0.69161,5.32475 0.69161,5.32475 5.80287,4.5 24.71548,-3.9881 52.24595,2.34829 62.99485,14.49882 2.8784,3.25369 3.7583,1.65702 3.1184,-5.65884 z"
id="path176" />
<path
style="display:inline;fill:#000000"
d="m 547.15693,394.67743 c 12.95962,-3.13493 23.88766,-10.34177 33.10884,-21.83468 2.07252,-2.5831 4.11632,-4.3831 4.54177,-4 0.42545,0.38311 0.48043,0.18354 0.12217,-0.44348 -0.35827,-0.62703 0.41857,-3.10203 1.7263,-5.5 1.30773,-2.39798 3.13863,-6.83496 4.06866,-9.85996 0.93004,-3.025 1.93028,-6.175 2.22276,-7 1.19026,-3.35732 1.89522,-23.20649 0.97668,-27.5 -0.23533,-1.1 -0.79183,-4.025 -1.23668,-6.5 -0.44485,-2.475 -0.85387,-4.725 -0.90894,-5 -0.0551,-0.275 -0.96319,-2.975 -2.01805,-6 -1.05486,-3.025 -1.94849,-5.725 -1.98585,-6 -2.28017,-16.78688 -38.86092,-54.18914 -56.24618,-57.50933 -0.97238,-0.18571 -1.76797,-0.40552 -1.76797,-0.48847 0,-3.45379 -23.47822,-1.72625 -31.63491,2.32772 -65.24491,32.42751 -21.0955,172.2719 49.0314,155.3082 z"
id="path174" />
<path
style="display:inline;fill:#000000"
d="m 582.65564,583.20813 c 2.37791,-2.56785 5.56424,-6.01882 7.08073,-7.66882 1.5165,-1.65 4.8213,-5.7 7.34402,-9 2.52272,-3.3 4.86688,-6.225 5.20925,-6.5 0.34238,-0.275 1.75326,-2.18511 3.1353,-4.24468 1.38204,-2.05958 2.81041,-3.52208 3.17415,-3.25 0.36374,0.27207 0.446,0.20433 0.18279,-0.15055 -0.26321,-0.35487 1.037,-2.71737 2.88935,-5.25 5.5107,-7.53451 19.32534,-30.8282 25.06941,-42.27091 2.9448,-5.86638 5.6886,-10.36638 6.0973,-10 0.4087,0.36638 0.4496,0.15255 0.091,-0.47518 -0.3587,-0.62772 0.3377,-3.32772 1.5475,-6 1.2098,-2.67227 2.246,-5.08368 2.3026,-5.35868 0.057,-0.275 0.8631,-2.24246 1.7922,-4.37212 0.9291,-2.12967 1.6892,-4.01288 1.6892,-4.1849 0,-0.17203 0.5248,-1.57958 1.1662,-3.12788 0.6414,-1.54831 1.222,-3.0401 1.2901,-3.3151 0.068,-0.275 1.4325,-4.325 3.0318,-9 1.5994,-4.675 2.9881,-8.95 3.0861,-9.5 0.098,-0.55 1.1167,-4.375 2.2638,-8.5 1.9923,-7.16462 5.5596,-23.13645 6.5887,-29.5 0.2669,-1.65 0.7693,-4.575 1.1164,-6.5 0.8789,-4.87298 1.1941,-7.39608 1.999,-16 0.3859,-4.125 0.8516,-8.625 1.0349,-10 3.7678,-28.26793 -5.4678,-45.1294 -27.077,-49.43449 -1.1,-0.21915 -4.025,-0.87504 -6.5,-1.45754 -8.18817,-1.92711 -34.94238,-0.72294 -37.11025,1.67029 -0.35958,0.39696 -0.9268,3.87174 -1.26048,7.72174 -1.78462,20.59075 -15.26075,44.6714 -29.80832,53.26486 -3.53794,2.08992 -3.58467,1.52338 1.25668,15.23514 2.23324,6.325 3.98174,11.5 3.88556,11.5 -0.0962,0 0.30154,1.8 0.88382,4 0.58228,2.2 1.28403,5.125 1.55944,6.5 0.27542,1.375 1.37797,6.775 2.4501,12 1.94247,9.46653 2.3873,12.22139 4.11746,25.5 2.48893,19.10188 3.41951,58.05085 1.75609,73.5 -2.17346,20.18626 -4.05694,29.84587 -9.34105,47.90637 -0.91741,3.13559 0.40142,2.3149 6.00619,-3.73755 z"
id="path172" />
<path
style="display:inline;fill:#000000"
d="m 182.26248,638.56804 c 2.12924,-0.36546 7.75755,-1.31625 24.49796,-4.13842 1.65,-0.27817 7.725,-1.63725 13.5,-3.02018 5.775,-1.38293 11.28919,-2.68144 12.25376,-2.88558 0.96457,-0.20414 2.20038,-0.64719 2.74624,-0.98455 0.54586,-0.33736 1.79262,-0.76748 2.77058,-0.95582 2.06692,-0.39805 19.42727,-6.84276 25.85822,-9.59939 2.41832,-1.03661 4.72865,-1.93032 5.13407,-1.98603 0.40542,-0.0557 1.52463,-0.81396 2.48713,-1.68501 0.9625,-0.87105 1.75,-1.21924 1.75,-0.77375 0,0.44549 0.9,-0.005 2,-1 1.1,-0.99549 2,-1.44549 2,-1 0,0.44549 0.7875,0.13506 1.75,-0.68983 0.9625,-0.82489 4.45,-2.99434 7.75,-4.82099 6.85279,-3.79324 21.20057,-13.2472 28.11758,-18.52707 7.70498,-5.88134 13.83567,-10.89848 14.61711,-11.96211 0.40408,-0.55 0.74158,-0.71881 0.75,-0.37514 0.0182,0.74421 7.75467,-6.02312 17.5809,-15.37861 3.90146,-3.71457 7.39526,-6.52707 7.76399,-6.25 0.36873,0.27706 0.53886,0.29719 0.37806,0.0447 -0.16079,-0.25247 4.67671,-5.56548 10.75,-11.8067 14.16629,-14.55797 21.92114,-22.96823 32.19817,-34.91942 1.7357,-2.01845 3.4232,-3.47752 3.75,-3.24238 0.32681,0.23514 0.38498,0.14331 0.12928,-0.20406 -0.2557,-0.34737 1.6568,-3.14449 4.25,-6.21583 2.5932,-3.07134 5.61491,-6.65271 6.71491,-7.95859 1.1,-1.30588 3.125,-3.63915 4.5,-5.18505 1.375,-1.5459 6.321,-7.76483 10.99112,-13.81984 4.67011,-6.05501 8.84376,-10.79116 9.27477,-10.52478 0.43102,0.26638 0.66001,0.0833 0.50889,-0.40687 -0.285,-0.92436 22.66202,-32.35926 23.34117,-31.97484 0.21123,0.11956 0.28662,0.0449 0.16755,-0.16579 -0.19586,-0.34663 4.41245,-7.2197 7.42381,-11.07227 4.17623,-5.34281 11.29269,-15.63506 11.29269,-16.33213 0,-0.45674 0.5625,-0.50673 1.25,-0.11109 0.6875,0.39564 0.93656,0.37125 0.55346,-0.0542 -0.3831,-0.42545 1.5294,-3.94317 4.25,-7.81716 6.00013,-8.54388 5.98307,-7.78392 0.31625,-14.08303 -13.08245,-14.54217 -24.29565,-38.4355 -26.11525,-55.64692 -0.59737,-5.65042 0.38934,-5.09877 -9.91911,-5.54565 -4.85944,-0.21066 -12.88535,-0.61308 -17.83535,-0.89428 -4.95,-0.2812 -15.3,-0.77082 -23,-1.08804 -7.7,-0.31723 -17.15,-0.74565 -21,-0.95205 -50.64878,-2.71535 -187.52829,-2.73858 -215.5,-0.0366 -1.925,0.18595 -8.675,0.65638 -15,1.0454 -6.325,0.38902 -12.175,0.82962 -13,0.97911 -0.825,0.14949 -5.325,0.57907 -10,0.95462 -4.675,0.37554 -9.625,0.84599 -11,1.04543 -1.375,0.19944 -4.975,0.64731 -8,0.99527 -3.025,0.34795 -9.775,1.24958 -15,2.00362 -5.225005,0.75404 -11.525005,1.65448 -14.000005,2.00098 -2.475,0.3465 -6.42084,1.05275 -8.76853,1.56947 -2.3477,0.51671 -5.89222,1.19751 -7.87672,1.5129 -1.98451,0.31539 -4.45117,0.76161 -5.48147,0.99161 -6.81696,1.52177 -16.69041,3.54363 -17.60917,3.60595 -0.42026,0.0285 -1.78836,0.44125 -3.04023,0.91721 -1.25186,0.47596 -3.27813,1.04708 -4.50283,1.26916 -5.56384,1.00891 -24.35951,6.98632 -25.5791,8.13467 -3.13392,2.95085 -1.59866,54.04862 2.31324,76.99119 0.18756,1.1 0.61173,3.575 0.94259,5.5 0.33087,1.925 0.78398,4.625 1.00693,6 0.22295,1.375 1.83945,8.125 3.59222,15 1.75278,6.875 3.34201,13.175 3.53162,14 6.30833,27.44699 34.61419,81.84371 55.93868,107.5 1.37141,1.65 2.83982,3.45876 3.26312,4.01946 8.72351,11.55499 33.549885,36.33193 47.769655,47.67453 5.5,4.38716 10.79264,8.61326 11.76143,9.39133 0.96879,0.77807 2.16879,1.41468 2.66667,1.41468 0.49788,0 1.05523,0.39271 1.23857,0.87269 2.78115,7.28126 19.97952,12.86264 32.83537,10.65604 z"
id="path170" />
<path
style="display:inline;fill:#000000"
d="m 366.27332,689.51936 c 14.35122,-1.09134 21.13597,-1.85834 27.48712,-3.10735 1.1,-0.21633 3.35,-0.62263 5,-0.90289 1.65,-0.28026 5.25,-0.95698 8,-1.50381 4.65016,-0.92468 6.89551,-1.39314 12,-2.50363 1.1,-0.23931 5.15,-1.3657 9,-2.50308 3.85,-1.13738 7.675,-2.22353 8.5,-2.41367 0.825,-0.19013 4.875,-1.55083 9,-3.02378 4.125,-1.47295 7.95,-2.79878 8.5,-2.94631 0.55,-0.14752 2.26679,-0.78736 3.8151,-1.42187 1.5483,-0.63451 2.99747,-1.15366 3.22036,-1.15366 0.2229,0 2.97933,-1.1774 6.1254,-2.61644 3.14607,-1.43905 6.1969,-2.70452 6.77963,-2.81217 1.191,-0.22002 12.27133,-5.7912 23.55951,-11.84571 13.3114,-7.13968 30.45551,-18.40316 42,-27.59351 1.375,-1.09461 4.975,-3.89422 8,-6.22136 3.025,-2.32713 6.21998,-4.94658 7.09995,-5.82098 0.87997,-0.87441 3.22173,-3.04437 5.20391,-4.82214 6.0116,-5.39167 14.66129,-27.04445 17.14183,-42.91114 0.3316,-2.1211 1.02911,-6.55655 1.55002,-9.85655 0.52091,-3.3 1.20852,-7.8 1.52803,-10 1.03271,-7.11087 1.30472,-48.70114 0.38587,-59 -0.85488,-9.58175 -3.33149,-29.69878 -4.43198,-36 -2.69365,-15.42348 -5.76481,-28.08191 -9.34078,-38.5 -5.27513,-15.36833 -3.86229,-14.0855 -12.30545,-11.17317 -8.64737,2.98277 -23.5543,3.55695 -30.3314,1.1683 -2.2,-0.77541 -4.3375,-1.48528 -4.75,-1.57748 -0.4125,-0.0922 -0.975,-0.2239 -1.25,-0.29265 -0.275,-0.0688 -0.6125,-0.0143 -0.75,0.12111 -0.1375,0.13536 -1.7125,-0.79528 -3.5,-2.06809 -1.7875,-1.27282 -3.25,-2.0418 -3.25,-1.70885 0,0.33294 -2.70755,-1.23331 -6.01677,-3.48056 -7.40017,-5.02536 -5.13941,-6.80119 -22.65526,17.7957 -25.60459,35.95563 -60.75416,81.44983 -74.81107,96.82819 -0.55929,0.61187 -3.4919,3.98641 -6.5169,7.49897 -68.37203,79.39201 -128.4865,117.32925 -205,129.37209 -1.925,0.30299 -4.625,0.75053 -6,0.99453 -1.375,0.24401 -4.29159,0.70035 -6.48132,1.0141 -2.18972,0.31374 -4.43972,1.07237 -5,1.68583 -0.70641,0.77348 -0.66169,0.91524 0.14591,0.46245 0.64052,-0.35911 1.31552,-0.25802 1.5,0.22465 0.28221,0.73839 22.33759,12.44353 23.83541,12.64984 0.275,0.0379 1.94015,0.83751 3.70034,1.77696 1.76019,0.93944 3.92424,1.70808 4.80902,1.70808 0.96133,0 1.32155,0.46458 0.89515,1.15451 -0.39557,0.64004 -0.27852,0.88566 0.26268,0.55118 0.53692,-0.33183 2.18145,0.0219 3.65451,0.78619 1.47307,0.76423 2.6783,1.1361 2.6783,0.82637 0,-0.30973 0.675,-0.003 1.5,0.68175 0.825,0.68469 1.5,0.90969 1.5,0.5 0,-0.40969 0.5625,-0.29964 1.25,0.24455 1.73728,1.37514 12.75,5.36475 12.75,4.61897 0,-0.33463 0.57648,-0.12998 1.28106,0.45478 0.70458,0.58475 2.39208,1.29402 3.75,1.57616 1.35792,0.28213 4.71894,1.23916 7.46894,2.12672 2.75,0.88757 5.675,1.76386 6.5,1.94733 0.825,0.18347 4.425,1.09764 8,2.03149 3.575,0.93385 7.4,1.87079 8.5,2.08209 1.1,0.2113 3.125,0.62435 4.5,0.91791 9.26519,1.97807 15.67635,3.04035 24.5,4.05946 3.3,0.38115 6.76,0.83005 7.68888,0.99758 0.92888,0.16752 7.00388,0.61708 13.5,0.99902 6.49612,0.38194 11.8859,0.75057 11.97731,0.81919 0.5472,0.41076 23.54148,-0.22561 32.34669,-0.8952 z"
id="path168" />
</g>
</svg>
</div>
<script>
// Function to apply color to a clicked SVG region
document.getElementById('color-picker').addEventListener('input', function(event) {
let selectedColor = event.target.value;
let svgElement = document.getElementById('svg-container').querySelector('svg');
svgElement.addEventListener('click', function(evt) {
if (evt.target.tagName === 'path') {
evt.target.style.fill = selectedColor;
}
});
});
</script>
</body>
</html>