-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
48 lines (42 loc) · 16.6 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Lotus</title>
<script src="index.js" charset="utf-8"></script>
</head>
<body style="display:flex;justify-content:center;align-content:center;flex-wrap:wrap;">
<div id="lotus" style="width:40em;display:flex;justify-content:center;align-content:center; margin-top:2em;padding:1em;">
<svg id="svg" style="height:100%; width: 80%;" viewBox="0 0 468 468">
<g>
<animateTransform attributeName="transform" type="rotate" from="0 234 234" to="360 234 234" begin="0s" dur="40s" repeatCount="indefinite"/>
<animate attributeName="fill" attributeType="CSS" dur="20s" values="royalblue;deepskyblue;olivedrab;gold;orange;orangered;crimson;purple;royalblue;" repeatCount="indefinite"/>
<path d="M233.7 2.7c-0.5 0.8-1.3 2.5-2.2 4.5 -5.3 12.5-9.6 17.7-25.6 29.9 -16.1 12.4-19.8 15.5-22.9 19.4 -3.4 4.2-6.5 11.1-7.6 16.2 -0.4 2.2-1 3.9-1.2 3.9 -0.2 0-2.2-1.8-4.5-4.1 -2.3-2.3-4.3-4.1-4.5-4.1 -0.2 0-0.6 3-0.8 6.7 -0.2 3.7-0.5 6.9-0.8 7.1 -0.2 0.2-0.9 0.1-1.5-0.4 -11.3-8-18.4-9-44.4-6.2 -23.8 2.6-28.9 2.2-41.8-2.9 -3.4-1.4-6.4-2.4-6.5-2.3 -0.1 0.1 0.7 2.8 1.9 5.9 1.2 3.1 2.6 7.6 3.2 9.9 1.4 5.4 1.4 15.7 0.1 24.4 -2.7 18.2-3.7 29.7-3 34.7 0.8 5.7 3 11.5 6.1 16.2 2.6 4 2.5 4.1-5.1 4.1 -2.9 0-5.3 0.2-5.3 0.4 0 0.2 2 2.5 4.5 5.2 2.5 2.7 4.4 5.1 4.3 5.4 -0.1 0.3-1.9 1-4 1.4 -5.5 1.1-9.7 2.9-14.1 5.9 -4.6 3.1-6.6 5.3-19.8 21.6 -5.5 6.9-11.9 14.2-14.1 16.2 -4.3 4-10.4 7.6-18 10.7 -2.7 1.1-5 2.2-5 2.5 0 0.3 2.2 1.4 5 2.6 10.9 4.6 17.6 9.7 24.8 19 13.7 17.7 20.3 25.8 23.3 28.5 4.1 3.6 12.1 7.6 17.4 8.6 2.2 0.4 4 1 4 1.2 0 0.1-0.5 0.7-1.2 1.5l-5.8 6c-0.7 0.8-1.2 1.4-1.2 1.5 0 0.2 3 0.6 6.6 0.8 3.6 0.2 6.9 0.5 7.3 0.8 0.5 0.3 0.2 1-0.9 2.4 -2.4 2.9-5.3 8.8-6.4 13.4 -1.3 5-0.9 16.7 1 33.8 2.2 19.3 1.6 26-3.8 39.4 -1.1 2.7-1.9 5.1-1.8 5.2 0.1 0.1 2.9-0.8 6.2-2 3.3-1.2 7.8-2.7 10-3.2 5.2-1.2 15.8-1.2 23.9 0 17.9 2.6 29.6 3.7 34.7 3 5.7-0.8 11.5-2.9 16.3-6.1 4-2.6 4.1-2.5 4.1 5.1 0 2.9 0.2 5.3 0.4 5.3 0.2 0 2.5-2 5.2-4.5 2.7-2.5 5.1-4.4 5.4-4.3 0.3 0.1 1 1.9 1.4 4 1.1 5.5 2.9 9.7 5.9 14.1 3.2 4.7 5.7 7 21.8 19.9 6.8 5.5 14 11.8 16.1 13.9 4 4.3 7.6 10.4 10.7 18 1.1 2.7 2.2 5 2.5 5 0.3 0 1.4-2.2 2.5-4.9 5.3-12.5 9.6-17.7 25.6-29.9 16.1-12.4 19.8-15.5 22.9-19.4 3.4-4.2 6.5-11.1 7.6-16.2 0.4-2.2 1-3.9 1.2-3.9 0.2 0 2.2 1.8 4.5 4.1 2.3 2.3 4.3 4.1 4.5 4.1 0.2 0 0.6-3 0.8-6.7 0.2-3.7 0.5-6.9 0.8-7.1 0.2-0.2 0.9-0.1 1.5 0.4 11.3 8 18.4 9 44.4 6.2 23.8-2.6 28.9-2.2 41.8 2.9 3.4 1.4 6.4 2.4 6.6 2.2 0.2-0.2-0.7-2.8-1.9-5.9 -1.2-3.1-2.6-7.6-3.2-10 -1.3-5.4-1.4-15.7-0.1-24.3 2.7-17.9 3.7-29.6 3-34.7 -0.8-5.7-2.7-10.9-6-16 -2.7-4.3-2.6-4.3 5-4.3 2.9 0 5.3-0.2 5.3-0.4 0-0.2-1.6-2.1-3.7-4.3 -4.3-4.5-5.7-6.6-4.4-7 0.5-0.1 2.8-0.7 5.3-1.3 10.5-2.5 15.2-6.3 28.9-23.3 16.9-21 21.6-25.1 35.2-30.6 2.7-1.1 5-2.2 5-2.5 0-0.3-2.2-1.4-5-2.6 -10.9-4.6-17.6-9.7-24.7-19 -13.7-17.7-20.3-25.8-23.3-28.5 -4.1-3.6-12.1-7.6-17.4-8.6 -2.2-0.4-4-1-4-1.2 0-0.2 1.8-2.2 4.1-4.5 2.3-2.3 4.1-4.3 4.1-4.5 0-0.2-3-0.6-6.6-0.8 -3.6-0.2-6.9-0.5-7.3-0.8 -0.5-0.3-0.2-1 0.9-2.4 2.4-2.9 5.3-8.8 6.4-13.4 1.3-5 0.9-16.7-1-33.8 -2.2-19.3-1.6-26 3.8-39.4 1.1-2.7 1.9-5.1 1.8-5.2 -0.1-0.1-2.8 0.7-5.9 1.9 -3.1 1.2-7.6 2.6-9.9 3.2 -5.4 1.4-15.8 1.4-24.4 0.1 -17.9-2.7-29.6-3.7-34.7-3 -5.7 0.8-11.5 2.9-16.3 6.1 -4 2.6-4.1 2.5-4.1-5.1 0-2.9-0.2-5.3-0.4-5.3 -0.2 0-2.5 2-5.2 4.5 -2.7 2.5-5.1 4.4-5.4 4.3 -0.3-0.1-1-1.9-1.4-4 -1.1-5.5-2.9-9.7-5.9-14.1 -3.2-4.7-5.7-7-21.8-19.9 -6.8-5.5-14-11.8-16.1-13.9 -4-4.3-7.6-10.4-10.7-18 -1.1-2.7-2.2-5-2.5-5l-0.3 0.4 0 0Z" id="0" /><path d="M252.5 145.9c32.9 6.5 59.6 30 69.8 61.5 3.7 11.4 4.2 14.9 4.2 29.2 0 10-0.2 13.9-1.2 18.1 -11.5 52.5-62.6 84.1-114 70.6 -29.4-7.7-53.1-29.5-63.2-58.1 -4-11.4-4.7-15.9-4.8-30.3 0-10.3 0.2-14.2 1.1-18.4 6.1-28.7 23.7-51.6 49.3-64.5 9.6-4.8 20.9-8 33.1-9.5 4.6-0.6 19.6 0.3 25.5 1.5l0 0Z" onclick="this.style.fill='Gold'" fill="white" id="1"/><path d="M300 310.8c2.4 7.6 1.6 11.1-5.7 23.8 -6.2 10.8-8.4 15.5-9.1 19.7l-0.5 2.7 -3.6-2.4c-2-1.3-6-3.1-9-4 -3-0.9-9.2-2.9-13.7-4.3 -9.5-2.9-12.4-4.8-15.5-9.6 -2.5-4-2.4-4.2 4.1-4.8 5.6-0.5 15.6-2.9 21.5-5.1 9.3-3.5 21.5-10.5 27.5-15.8 1.4-1.2 2.7-2.3 3-2.3 0.2 0 0.7 0.9 1.1 2l0 0ZM174.4 311.4c12.9 10.8 32.4 19.1 48.2 20.6 2.6 0.2 4.9 0.6 5.2 0.7 0.7 0.4-1.7 4.8-3.9 7.4 -2.9 3.3-7.1 5.1-18.9 8.3 -12.2 3.3-14.6 4.2-18.5 6.8 -1.5 1-2.9 1.8-2.9 1.7 -0.1-0.1-0.5-1.9-0.9-4 -0.7-3.8-2.4-7.4-10.3-22.4 -3.4-6.4-4.1-8.4-4.3-11.5 -0.2-3.4 1.3-10.9 2.2-10.9 0.2 0 2.1 1.5 4.3 3.3l0 0ZM139.1 247.9c1.9 16.4 8.4 32.4 18.6 46.2 2.2 2.9 3.6 5.5 3.3 5.8 -0.3 0.3-2.5 1-4.8 1.6 -6.3 1.6-9.5 0.7-20.1-5.3 -12.3-7-16.4-9-20.5-9.8l-3.6-0.7 2.4-3.9c2.4-3.8 3.2-6 8-21.7 2.7-8.7 4.5-12.3 7.6-14.6 2.5-1.9 6.6-4.1 7.7-4.1 0.4 0 1 2.6 1.5 6.5l0 0ZM335.5 242.6c6.3 3.6 7.8 6.4 12 21.9 3.3 12 4.1 14.2 6.7 18.1 1 1.5 1.8 2.9 1.7 2.9 -0.1 0.1-1.9 0.5-4 0.9 -3.8 0.7-7.4 2.4-22.3 10.3 -6 3.2-8.5 4.1-11.3 4.4 -3.3 0.3-10-0.8-10-1.6 0-0.2 0.9-1.5 2.1-3 11-13.4 19.1-33.4 20.5-50.9 0.2-2.6 0.6-4.8 0.8-4.8 0.2 0 1.8 0.8 3.6 1.9l0 0ZM158.1 171l3.9 1.8 -4.3 5.7c-8.9 11.7-15.5 27.3-17.9 42.6 -0.8 4.6-1.5 8.6-1.6 8.7 -0.6 0.8-8.7-4.1-10.7-6.4 -2.7-3.2-3.9-6.3-7.3-18.8 -2.9-10.8-3.9-13.4-6.5-17.2 -1-1.5-1.8-2.9-1.8-3 0-0.2 0.7-0.3 1.5-0.3 3.3 0 9.6-2.6 19.4-7.9 5.6-3 11.3-5.9 12.6-6.4 3.4-1.3 8.1-0.9 12.7 1.2ZM320.9 168.4c1.8 0.5 7.8 3.4 13.4 6.6 10.8 6.2 14.8 8 19.1 8.7l2.7 0.5 -2.2 3.4c-2.6 4-3.7 6.9-7.5 19.9 -3.2 10.8-4.9 14.3-8.5 17.1 -2.8 2.2-5.7 3.7-6.2 3.2 -0.2-0.2-0.7-2.5-1-5 -1.6-11.2-5.8-23.7-11.5-33.8 -3.3-5.9-9.5-14.6-11.9-16.6 -0.8-0.7-1.4-1.4-1.4-1.7 0-0.3 1.3-0.9 3-1.4 5.9-1.9 7.6-2 12-0.9l0 0ZM196.2 119.5c2.8 0.9 8.5 2.7 12.7 3.9 9.1 2.8 12.4 4.6 15.1 8.1 1.5 2.1 4.3 7.5 4.3 8.3 0 0.1-1.8 0.4-3.9 0.6 -17.3 1.6-36.1 9.5-50.3 21 -2 1.6-3.7 2.9-3.9 2.9 -0.5 0-2.8-6.5-3.2-9.3 -0.8-4.8 0.6-9 6.8-19.7 6.2-10.8 8.4-15.5 9-19.6l0.4-2.7 3.9 2.4c2.2 1.3 6.2 3.1 9 4l0 0ZM285.3 116.9c0.7 3.9 2.2 7.1 10.4 22.6 4.1 7.8 4.1 7.8 4.1 13 0 3.5-0.4 6-1.1 7.7l-1.1 2.4 -1.8-1.4c-3.8-3-13.4-9.2-17-11 -9.9-5-23.6-9-33.3-9.8l-5.3-0.4 0.4-1.7c0.2-0.9 1.3-3.5 2.4-5.7 2.9-5.7 5.2-7 19.7-11 11.1-3 18.7-6 20.3-7.9 1.2-1.5 1.5-1.1 2.3 3.1l0 0Z" fill="white" id="2"/><path d="M237.7 336.7c2.3 4.5 6.6 9 10.5 10.8 1.6 0.7 3.2 1.4 3.6 1.4 1.4 0 0.5 1-3 3.5 -5.1 3.7-10.9 9.1-12.9 12.2l-1.7 2.7 -2.5-3.6c-1.4-2-5.2-5.9-8.6-8.7l-6.1-5.1 3.1-1.4c4.2-2 8.9-6.8 11.1-11.5 2.5-5.3 3.9-5.4 6.5-0.2ZM165.8 303.9c0.4 0.5 0.2 2-0.9 5.2 -1.9 5.5-1.9 10.5-0.2 15.6 0.7 2.2 1.2 3.9 1.1 4 -0.1 0.1-3.9-0.3-8.3-0.8 -6.5-0.8-9-0.8-12.4-0.3 -2.4 0.4-4.3 0.7-4.4 0.6 -0.1-0.1 0.1-1.1 0.4-2.3 0.7-2.5 0.8-13.4 0.1-18.3 -0.3-1.8-0.3-3.3 0-3.3 0.2 0 1.6 0.5 2.9 1.1 4 1.7 11.7 1.4 16.4-0.6 4.6-2 4.5-1.9 5.3-1l0 0ZM308.9 304.3c5.2 1.6 10 1.6 14.8 0 2.2-0.7 4-1.2 4.1-1.1 0.1 0.1-0.3 3.8-0.8 8.3 -0.8 6.5-0.9 8.9-0.3 12.4 0.4 2.4 0.7 4.4 0.6 4.5 -0.1 0.1-1.1-0.1-2.3-0.4 -2.5-0.7-13.4-0.8-18.3-0.1 -1.8 0.3-3.3 0.3-3.3 0 0-0.2 0.5-1.6 1.1-2.9 1.5-3.6 1.4-11-0.3-15.8 -1.2-3.5-1.3-3.9-0.3-4.9 0.6-0.6 1-1.1 1.1-1.1 0 0 1.8 0.6 4.1 1.3l0 0ZM123.4 225.5c2.4 3.1 6.6 6 11.3 7.9 2 0.8 3.6 1.7 3.8 2 0.1 0.3-1.7 1.3-3.9 2.3 -6.9 3-12 7.9-13.9 13.5l-0.8 2.4 -3.1-4.1c-4.6-6-9.1-10.8-12.2-12.7l-2.7-1.8 3.1-2c3.4-2.2 7-5.8 11.5-11.6l2.9-3.7 1.1 2.6c0.6 1.5 2 3.7 3.1 5.1l0 0ZM352.8 222.2c4.2 5.5 8.3 9.6 11.4 11.4l2.1 1.2 -3.2 2c-3.4 2.2-7 5.8-11.5 11.6l-2.9 3.7 -1.4-3.2c-1.9-4.3-6.7-8.9-11.8-11.4 -5.3-2.5-5.5-3.7-1-5.8 6.2-2.9 12-8.9 13-13.4 0.2-1 0.7-1.7 1-1.5 0.3 0.2 2.3 2.6 4.3 5.2l0 0ZM149.4 142.6c3.7 0.2 8.6 0 11-0.3 2.4-0.3 4.3-0.4 4.3-0.1 0 0.3-0.4 1.4-0.9 2.6 -2.3 5.5-1.8 12 1.4 19.1 1.3 2.9 1.5 3.8 0.8 4.5 -0.7 0.8-1.2 0.7-3.8-0.6 -3.8-1.9-9.2-3.5-12-3.5 -1.2 0-3.9 0.6-6 1.3 -2.1 0.7-3.9 1.2-4.1 1.1 -0.1-0.1 0.2-3.2 0.7-6.9 0.9-6.4 0.9-13.6-0.1-17.1 -0.4-1.3-0.3-1.5 0.8-1 0.7 0.3 4.2 0.6 7.9 0.8ZM311.4 142.2c6 0.7 8.6 0.7 11.7 0.1 2.2-0.4 4.1-0.7 4.2-0.6 0.1 0.1-0.1 1.1-0.4 2.3 -0.7 2.5-0.8 13.4-0.1 18.3 0.3 1.8 0.3 3.3 0 3.3 -0.2 0-1.6-0.5-2.9-1.1 -4-1.7-11.6-1.4-17 0.6 -2.5 1-4.7 1.5-5 1.2 -0.3-0.3 0.2-2.6 1.1-5.4 2-5.8 2.1-10.8 0.4-15.7 -1.5-4.2-1.5-4.7-0.5-4.3 0.4 0.2 4.3 0.7 8.5 1.2l0 0ZM237 107.4c1.1 1.6 4.7 5.1 8 7.8l6 4.9 -2.9 1.4c-5.3 2.4-9.1 7.3-11.3 14.4 -0.9 3-1.4 3.7-2.5 3.7 -1 0-1.7-0.8-2.8-3.4 -3-7.3-8-12.6-13.8-14.6l-2.4-0.8 4.1-3.1c5.9-4.5 11.7-10.1 13.1-12.7 0.9-1.8 1.3-2 1.8-1.3 0.3 0.5 1.6 2.2 2.7 3.8l0 0Z" fill="white" id="3"/><path d="M319.8 336c1.3 7.8 0.1 11.4-9.7 28.5 -2.7 4.6-5.5 9.8-6.4 11.4 -2 3.9-4.2 11.2-4.2 13.6 0 1-0.1 1.8-0.3 1.8 -0.2 0-2.5-1.4-5.2-3.2 -3.7-2.4-6.9-3.8-12.9-5.7 -4.4-1.4-12.1-3.8-17.2-5.4 -10.6-3.3-14.9-5.9-18.4-11.1 -2.6-3.9-2.8-3.6 6.3-10.5l6.1-4.7 7.3 2.1c9.7 2.8 14.1 5.1 19.1 9.8l4.1 3.9 0.2-2.1c0.9-11.4 1.7-14 7.9-24.9l3.9-6.8 4.2-0.4c2.3-0.2 4.5-0.5 4.8-0.6 0.3-0.1 2.7-0.3 5.2-0.3l4.5-0.1 0.8 4.4ZM160.2 332.7l8.6 1 3.5 6.4c5.1 9.2 6.4 13.1 6.9 20.3l0.4 6.2 4.5-3.9c5.8-5 8.5-6.3 18.9-9.2l8.7-2.4 6 4.8c8.6 7 8.5 6.8 6.6 9.7 -2 3.1-6.6 7.4-9.8 9 -1.4 0.7-8.9 3-16.6 5.1 -7.8 2.1-15.4 4.4-16.8 5 -3.1 1.3-8.6 4.3-10.2 5.8 -1 0.9-1.2 0.9-1.7 0.1 -0.3-0.5-0.6-1.7-0.6-2.6 0-3.6-3.3-12-8.3-20.9 -10.9-19.6-12.2-23.2-10.8-31.2 0.4-2.5 1.1-4.4 1.5-4.4 0.4 0 4.6 0.5 9.3 1l0 0ZM109.5 247.9c1.6 1.8 4.1 5.1 5.7 7.2l2.9 3.8 -2.1 7.3c-2.8 9.5-5.1 14-9.7 19.1l-3.8 4.1 2 0.2c11.4 0.9 13.9 1.7 24.7 7.9 7.8 4.4 7.2 3.3 8 15.9l0.4 6.7 -4.5 0.7c-8 1.3-11.1 0.2-30.3-10.7 -11.1-6.3-15.1-8.1-21-9.2 -2.1-0.4-3.9-0.8-4-0.8 -0.1-0.1 1-1.9 2.5-4.1 3.7-5.4 4.5-7.6 9.2-23.1 4.7-15.7 5.3-17.3 8.1-21.1 1.8-2.5 7.6-7.3 8.9-7.3 0.2 0 1.7 1.5 3.3 3.3ZM364.8 244.8c3.6 2.3 7.7 7 9.4 10.8 0.8 1.8 3 8.9 4.8 15.7 1.8 6.8 4 14 4.7 15.9 1.5 4 5 10.3 6.5 11.5 0.9 0.8 0.9 0.9-0.2 1.3 -0.7 0.3-1.9 0.5-2.9 0.5 -3.7 0.1-12.1 3.4-20.9 8.3 -19.6 10.9-23.2 12.1-31.2 10.8 -2.5-0.4-4.4-1.1-4.4-1.5 0-0.4 0.5-4.6 1-9.3l1-8.6 6.4-3.5c9.2-5.1 13.1-6.4 20.3-6.9l6.2-0.4 -3.9-4.5c-5-5.8-6.3-8.5-9.2-18.9l-2.4-8.7 2.4-3.1c3.6-4.5 9.3-11 9.6-11 0.1 0 1.3 0.7 2.6 1.5l0 0ZM133.3 150.5c2.2 0.4 4 1 4 1.4 0 0.4-0.5 4.6-1 9.3l-1 8.6 -6.4 3.5c-9.2 5-12.9 6.3-20.2 6.8l-6.3 0.5 3.9 4.5c5 5.8 6.3 8.5 9.2 18.9l2.4 8.7 -4.8 5.9c-7 8.6-6.9 8.5-9.8 6.7 -3.6-2.3-7.7-7.1-9.4-10.8 -0.8-1.8-3-8.9-4.8-15.7 -1.8-6.8-3.9-14-4.7-15.9 -1.5-4-5-10.3-6.5-11.5 -0.9-0.8-0.9-0.9 0.2-1.3 0.7-0.3 1.9-0.5 2.9-0.5 3.7-0.1 12.1-3.4 20.9-8.3 20.3-11.3 23.1-12.2 31.6-10.7l0 0ZM343.5 149.2c4 0.9 8.2 2.9 21.8 10.7 11.1 6.3 15.1 8.1 21 9.2 2.1 0.4 3.9 0.8 4 0.8 0.1 0.1-1 1.9-2.5 4.1 -3.7 5.4-4.5 7.6-9.2 23.1 -2.2 7.5-4.5 14.7-5.1 16 -1.7 3.9-4.9 7.9-8.5 10.3 -3.3 2.3-3.4 2.3-4.7 1.1 -0.7-0.7-3.4-3.9-5.9-7.2l-4.6-6.1 2.1-7.3c2.8-9.5 5.1-14 9.7-19.1l3.8-4.1 -2-0.2c-11.4-0.9-13.9-1.7-24.7-7.9 -7.8-4.4-7.2-3.3-8-15.9l-0.4-6.8 3.4-0.6c4.8-0.9 5.8-0.9 9.6-0.1ZM174 81.8c3.7 2.4 6.9 3.8 12.9 5.7 4.4 1.4 12.1 3.8 17.2 5.4 10.6 3.3 14.9 5.9 18.4 11.1 2.6 3.9 2.8 3.6-6.3 10.5l-6.1 4.7 -7.3-2.1c-9.7-2.8-14.1-5.1-19.1-9.8l-4.1-3.9 -0.2 2.1c-0.9 11.4-1.7 14-7.9 24.8 -4.5 7.8-3.3 7.2-15.9 8l-6.7 0.4 -0.8-4.5c-1.3-7.9-0.1-11.4 9.7-28.5 2.7-4.6 5.5-9.8 6.4-11.4 2-3.9 4.2-11.2 4.2-13.6 0-1 0.1-1.8 0.3-1.8 0.2 0 2.5 1.4 5.2 3.2l0 0ZM299.1 79.6c0.2 0.6 0.4 1.7 0.4 2.5 0 3.3 3.5 11.9 8.3 20.6 10.9 19.6 12.1 23.2 10.8 31.2 -0.4 2.5-1.1 4.4-1.5 4.4 -0.4 0-4.6-0.5-9.3-1l-8.6-1 -3.5-6.4c-5.1-9.3-6.4-13-6.9-20.4l-0.4-6.4 -4.5 4c-5.6 5.1-8.3 6.4-18.9 9.3l-8.6 2.4 -6-4.8c-8.6-7-8.5-6.8-6.6-9.7 2-3.1 6.6-7.4 9.8-9 1.4-0.7 8.9-3 16.6-5.1 7.8-2.1 15.4-4.4 16.8-4.9 3.2-1.3 9.8-5.1 10.4-5.9 0.6-0.9 1.4-0.8 1.8 0.4l0 0Z" fill="white" id="4"/><path d="M241 367.2c0 1.4 7.2 8.3 10.6 10.1 3.5 1.9 14.1 5.4 25.2 8.4 2.7 0.7 6.3 1.9 7.7 2.5l2.7 1.1 -0.5 4.1c-0.8 5.6-2.1 9.3-4.9 13.7 -2.8 4.4-6.9 8-23.1 20.4 -12.7 9.7-17.6 14.5-21.8 20.9 -1.4 2.2-2.7 3.9-2.9 3.9 -0.2 0-1.3-1.7-2.5-3.9 -3.5-6-9.3-11.9-23.2-23 -15.5-12.5-19.3-16.2-21.9-21.4 -1.9-3.8-3.8-10.6-3.8-13.8 0-1.6 0.8-1.9 20-7.1 14.4-4 18.7-6.3 23.9-12.9l2.4-3.1 2.4 5.2c1.3 2.9 2.5 5.2 2.7 5.2 0.2 0 1-1.5 1.8-3.4 1.8-4.3 3.7-7.4 4.6-7.4 0.4 0 0.6 0.2 0.6 0.6l0 0ZM102.2 314.9c6.4 3.7 13.2 7.4 15.1 8.2 5 2.2 10.7 3.1 15.3 2.3 2.1-0.3 3.9-0.5 4.1-0.4 0.1 0.1-0.6 2.6-1.7 5.5 -1.1 2.9-1.9 5.3-1.8 5.4 0.1 0.1 1.9-0.5 3.9-1.3 2-0.8 4.9-1.7 6.2-2 2.2-0.4 2.4-0.4 2.1 0.7 -0.9 3.2-1.1 7.4-0.5 11.1 0.7 4.3 3.4 10.2 12.4 27 2.6 4.9 4.8 9.3 4.8 9.9 0 1.1-4.2 4.4-8.6 6.6 -1.8 0.9-5.4 2.1-8.2 2.7 -4.7 1-5.7 1-14.6-0.1 -5.3-0.6-13.4-1.6-18.2-2.3 -10.6-1.5-21.4-1.6-27.4-0.2 -2.5 0.6-4.6 0.9-4.7 0.8 -0.1-0.1 0.2-1.8 0.7-3.8 1.7-6 1.8-16.7 0.3-30.1 -2.7-24.2-2.7-29 0-36.2 1.8-4.8 6.7-11.4 8.1-10.9 0.6 0.2 6.2 3.4 12.7 7.1ZM383.9 310.5c3.2 4.3 5.1 9.1 6 14.8 0.7 4.2 0.1 10.7-2.7 31.1 -1.5 11.1-1.6 21.5-0.2 27.5 0.6 2.5 0.9 4.6 0.8 4.7 -0.1 0.1-1.8-0.2-3.8-0.7 -4.9-1.4-16.2-1.8-24.1-0.9 -29.2 3.2-33.7 3.4-40.2 1.4 -4-1.2-10.8-5.2-12.6-7.3 -0.6-0.8 0.4-3.1 6.3-13.4 3.9-6.9 7.8-14 8.6-15.9 2.2-4.9 3-10.6 2.3-15.2 -0.3-2.1-0.5-3.9-0.4-4.1 0.1-0.1 2.6 0.6 5.5 1.7 2.9 1.1 5.3 1.9 5.4 1.8 0.1-0.1-0.5-1.9-1.3-3.9 -0.8-2-1.7-4.9-2-6.2 -0.4-2.2-0.4-2.4 0.7-2.1 3.2 0.9 7.4 1.1 11.1 0.5 4.2-0.7 11.1-3.9 27.6-12.8 4.6-2.5 8.7-4.5 9.2-4.5 0.5 0 2.2 1.7 3.6 3.6l0 0ZM81.6 188.7c0.9 2.9 2.7 9.3 3.9 14.2 3.7 14.1 6.5 19.3 13.2 24.6l3.1 2.5 -5.2 2.4c-2.9 1.3-5.1 2.5-5.1 2.7 0 0.2 2.4 1.5 5.2 2.9 2.9 1.4 5.3 2.8 5.4 3.2 0.1 0.4-0.7 1.2-1.6 1.7 -2.6 1.5-6.4 5.5-8.3 8.7 -2.1 3.6-3.8 8.5-7.4 20.8 -1.6 5.5-3.4 11.3-4 12.8 -1 2.6-1.1 2.7-3.7 2.7 -5.7 0-13-2.8-18.1-6.9 -2.6-2.1-11-12.3-21.8-26.6 -5.7-7.5-11.4-13.1-16.8-16.5 -2.2-1.4-4-2.7-4-2.8 0-0.2 1.8-1.3 4-2.6 5.9-3.4 11.7-9.2 22.9-23.2 15.5-19.2 19.5-22.7 29.2-24.8 7.4-1.6 7.2-1.7 9 4.3ZM397 183.2c4.6 1.2 8.2 3 11.8 5.9 2.6 2.1 11 12.3 21.8 26.6 5.7 7.5 11.4 13.1 16.8 16.5 2.2 1.4 4 2.7 4 2.8 0 0.2-1.8 1.3-4 2.6 -5.9 3.4-11.7 9.2-22.9 23.2 -15.6 19.4-19.5 22.7-29.5 24.8 -7.2 1.5-6.9 1.6-8.7-4.3 -0.9-2.9-2.3-8.1-3.2-11.6 -4.4-17-6.7-21.5-13.8-27.1l-3.1-2.5 5.2-2.4c2.9-1.3 5.2-2.5 5.2-2.7 0-0.2-2.2-1.3-4.8-2.5 -5.7-2.6-6.9-3.7-5.1-4.7 0.7-0.4 2.7-2.1 4.5-3.8 5.1-4.8 7.2-9.4 12.7-28.5 1.3-4.4 2.7-9.2 3.3-10.6 1-2.6 1.1-2.7 3.7-2.7 1.4 0 4.3 0.4 6.3 0.9l0 0ZM150.3 82.4c3.1 1.2 11.3 6.4 11.3 7.3 0 0.5-3 6-8.6 15.6 -8.7 15.1-10.5 20.6-9.3 28.3 0.3 2.1 0.5 3.9 0.3 4.1 -0.1 0.1-2.6-0.6-5.5-1.7 -2.9-1.1-5.3-1.9-5.4-1.8 -0.1 0.1 0.5 1.9 1.3 3.9 0.8 2 1.7 4.9 2 6.2 0.4 2.2 0.4 2.4-0.7 2.1 -3.1-0.9-8-1.1-11.4-0.5 -3.8 0.7-12 4.5-27.3 12.8 -4.6 2.5-8.7 4.5-9.2 4.5 -1.4 0-6.1-6.7-7.7-10.8 -3-8-3-11.8 0.7-38.7 1.5-11.1 1.6-21.5 0.2-27.5 -0.6-2.5-0.9-4.6-0.8-4.7 0.1-0.1 1.8 0.2 3.8 0.7 6.1 1.7 16.7 1.8 30.3 0.3 23.7-2.6 28.9-2.6 35.9 0l0 0ZM340.2 79.9c5.8 0.7 13.5 1.7 17.2 2.2 8.8 1.3 19.9 1.2 25.5-0.1 2.5-0.6 4.6-0.9 4.7-0.8 0.1 0.1-0.2 1.8-0.7 3.8 -1.4 4.9-1.8 16.2-0.9 24.1 3.2 29.4 3.4 33.7 1.4 40.1 -1.3 4-5.3 10.9-7.3 12.6 -0.8 0.7-3.1-0.4-13.4-6.3 -6.9-3.9-14-7.8-15.9-8.6 -4.9-2.2-10.6-3-15.2-2.3 -2.1 0.3-3.9 0.5-4.1 0.4 -0.1-0.1 0.6-2.6 1.7-5.5 1.1-2.9 1.9-5.3 1.8-5.4 -0.1-0.1-1.9 0.5-3.9 1.3 -2 0.8-4.9 1.7-6.2 2 -2.2 0.4-2.4 0.4-2.1-0.7 0.9-3.2 1.1-7.4 0.5-11.1 -0.7-4.3-3.4-10.2-12.4-27 -2.6-4.9-4.8-9.3-4.8-9.9 0-1.4 6.7-6.1 10.8-7.7 7.1-2.7 9.9-2.8 23.5-1.2l0 0ZM236.6 21.5c3.4 5.9 9.2 11.7 23.2 22.9 15.5 12.5 19.3 16.2 21.9 21.4 1.9 3.8 3.8 10.6 3.8 13.8 0 1.6-0.8 1.9-20 7.1 -14.4 4-18.7 6.3-23.9 13l-2.4 3.1 -2.4-5.2c-1.3-2.9-2.5-5.1-2.7-5.1 -0.2 0-1.5 2.4-2.9 5.2 -1.4 2.9-2.8 5.3-3.2 5.4 -0.4 0.1-1.2-0.7-1.7-1.6 -1.7-2.9-6.2-7-10-8.9 -3.4-1.8-14.1-5.4-25.1-8.4 -2.7-0.7-6.3-1.9-7.7-2.5l-2.7-1.1 0.6-4.1c0.8-5.6 2.1-9.3 4.9-13.7 2.8-4.4 6.9-8 23.1-20.4 12.7-9.7 17.6-14.5 21.8-20.9 1.4-2.2 2.7-3.9 2.9-3.9 0.2 0 1.3 1.8 2.6 4l0 0Z" fill="white" id="5"/>
</g>
</svg>
</div>
<div id="text" style="display:flex;justify-content:center;flex-wrap:wrap;padding:1em;width:100%;">
<p>
<h2>Lotus Mandala</h2></p>
<p style="display:flex;width:100%;justify-content:center;">
Color selected: <span id="color_chosen">Select a color, and then click on the petals to fill them.</span>
</p>
<p>
<button id="Crimson" style="background-color: crimson; width: 4.5em; height: 4.5em;" />
<button id="OrangeRed" style="background-color: orangered; width: 4.5em; height: 4.5em;" />
<button id="Orange" style="background-color: orange; width: 4.5em; height: 4.5em; " />
<button id="Gold" style="background-color: gold; width: 4.5em; height: 4.5em;" />
<button id="OliveDrab" style="background-color: olivedrab ; width: 4.5em; height: 4.5em;" />
<button id="DeepSkyBlue" style="background-color: deepskyblue ; width: 4.5em; height: 4.5em; " />
<button id="RoyalBlue " style="background-color: royalblue; width: 4.5em; height: 4.5em;" />
<button id="Purple " style="background-color: purple; width: 4.5em; height: 4.5em;" />
<button id="Black " style="background-color: black; width: 4.5em; height: 4.5em;" />
<button id="White " style="background-color: white; width: 4.5em; height: 4.5em;" />
</p>
</div>
<style>
svg [fill] {
transition: fill .5s ease-in .3s;
}
</style>
</body>
</html>