-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtest.html
200 lines (133 loc) · 44.1 KB
/
test.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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
* {box-sizing: border-box}
body {margin: 30px}
div {display: flex; flex-wrap: wrap;}
div img {padding: 5px;}
svg { fill: none; stroke: #000000; width: 200px; margin: 10px;}
.order-xt { padding: 10px; }
svg text { fill: #000000; font-size: 4em; font-family: Courier, monospace;}
/* width: calc(100vw/8 - 20px); */
.trans {display: flex}
.trans .order-xt {margin-right: 20px}
.trans img { width: 195px }
</style>
<body>
<main class="trans">
<svg id="quadvertex-4-9" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 50,0 Q 100,0 200,50 Q 300,100 250,100 Q 200,100 200,200 Q 200,300 250,250 Q 300,200 200,200 Q 100,200 50,250 Q 0,300 100,250 Q 200,200 250,250 Q 300,300 200,300 Q 100,300 50,250 Q 0,200 0,150 Q 0,100 50,100 Q 100,100 200,50 Q 300,0 250,0 Q 200,0 100,0 Q 0,0 50,0 "></path></svg>
<svg id="numbers-4-9" class="order-xt pad" viewBox="0 -50 380 370">undefined<text x="0" y="0">01</text><text x="100" y="0">02</text><text x="300" y="100">03</text><text x="200" y="100">04</text><text x="200" y="300">05</text><text x="300" y="200">06</text><text x="100" y="200">07</text><text x="0" y="300">08</text><text x="200" y="200">09</text><text x="300" y="300">10</text><text x="100" y="300">11</text><text x="0" y="200">12</text><text x="0" y="100">13</text><text x="100" y="100">14</text><text x="300" y="0">15</text><text x="200" y="0">16</text></svg>
<svg id="quadvertex-4-13" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 50,0 Q 0,0 100,50 Q 200,100 250,100 Q 300,100 300,150 Q 300,200 250,250 Q 200,300 100,300 Q 0,300 50,250 Q 100,200 200,250 Q 300,300 250,250 Q 200,200 100,200 Q 0,200 50,250 Q 100,300 100,200 Q 100,100 50,100 Q 0,100 100,50 Q 200,0 250,0 Q 300,0 200,0 Q 100,0 50,0 "></path></svg>
<svg id="numbers-4-13" class="order-xt pad" viewBox="0 -50 380 370">undefined<text x="100" y="0">01</text><text x="0" y="0">02</text><text x="200" y="100">03</text><text x="300" y="100">04</text><text x="300" y="200">05</text><text x="200" y="300">06</text><text x="0" y="300">07</text><text x="100" y="200">08</text><text x="300" y="300">09</text><text x="200" y="200">10</text><text x="0" y="200">11</text><text x="100" y="300">12</text><text x="100" y="100">13</text><text x="0" y="100">14</text><text x="200" y="0">15</text><text x="300" y="0">16</text></svg>
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\XrefV(9,13).svg">
</main>
<main class="trans">
<svg id="quadvertex-4-308" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 150,250 Q 100,300 50,300 Q 0,300 150,250 Q 300,200 150,150 Q 0,100 150,50 Q 300,0 250,0 Q 200,0 150,50 Q 100,100 100,50 Q 100,0 150,50 Q 200,100 250,100 Q 300,100 150,50 Q 0,0 150,150 Q 300,300 150,250 Q 0,200 50,200 Q 100,200 150,250 Q 200,300 200,250 Q 200,200 150,250 "></path></svg>
<svg id="numbers-4-308" class="order-xt pad" viewBox="0 -50 380 370">undefined<text x="200" y="200">01</text><text x="100" y="300">02</text><text x="0" y="300">03</text><text x="300" y="200">04</text><text x="0" y="100">05</text><text x="300" y="0">06</text><text x="200" y="0">07</text><text x="100" y="100">08</text><text x="100" y="0">09</text><text x="200" y="100">10</text><text x="300" y="100">11</text><text x="0" y="0">12</text><text x="300" y="300">13</text><text x="0" y="200">14</text><text x="100" y="200">15</text><text x="200" y="300">16</text></svg>
<svg id="quadvertex-4-317" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 150,50 Q 100,100 50,100 Q 0,100 150,50 Q 300,0 150,150 Q 0,300 150,250 Q 300,200 250,200 Q 200,200 150,250 Q 100,300 100,250 Q 100,200 150,250 Q 200,300 250,300 Q 300,300 150,250 Q 0,200 150,150 Q 300,100 150,50 Q 0,0 50,0 Q 100,0 150,50 Q 200,100 200,50 Q 200,0 150,50 "></path></svg>
<svg id="numbers-4-317" class="order-xt pad" viewBox="0 -50 380 370">undefined<text x="200" y="0">01</text><text x="100" y="100">02</text><text x="0" y="100">03</text><text x="300" y="0">04</text><text x="0" y="300">05</text><text x="300" y="200">06</text><text x="200" y="200">07</text><text x="100" y="300">08</text><text x="100" y="200">09</text><text x="200" y="300">10</text><text x="300" y="300">11</text><text x="0" y="200">12</text><text x="300" y="100">13</text><text x="0" y="0">14</text><text x="100" y="0">15</text><text x="200" y="100">16</text></svg>
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\XrefV(308,317).svg">
</main>
<main class="trans">
<svg id="quadvertex-4-418" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 250,150 Q 200,0 100,100 Q 0,200 50,250 Q 100,300 100,250 Q 100,200 50,150 Q 0,100 100,100 Q 200,100 250,50 Q 300,0 300,50 Q 300,100 250,150 Q 200,200 100,100 Q 0,0 50,50 Q 100,100 100,50 Q 100,0 50,150 Q 0,300 100,300 Q 200,300 250,250 Q 300,200 300,250 Q 300,300 250,150 "></path></svg>
<svg id="numbers-4-418" class="order-xt pad" viewBox="0 -50 380 370">undefined<text x="300" y="300">01</text><text x="200" y="0">02</text><text x="0" y="200">03</text><text x="100" y="300">04</text><text x="100" y="200">05</text><text x="0" y="100">06</text><text x="200" y="100">07</text><text x="300" y="0">08</text><text x="300" y="100">09</text><text x="200" y="200">10</text><text x="0" y="0">11</text><text x="100" y="100">12</text><text x="100" y="0">13</text><text x="0" y="300">14</text><text x="200" y="300">15</text><text x="300" y="200">16</text></svg>
<svg id="quadvertex-4-808" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 50,250 Q 100,300 200,300 Q 300,300 250,150 Q 200,0 200,50 Q 200,100 250,50 Q 300,0 200,100 Q 100,200 50,150 Q 0,100 0,50 Q 0,0 50,50 Q 100,100 200,100 Q 300,100 250,150 Q 200,200 200,250 Q 200,300 250,250 Q 300,200 200,100 Q 100,0 50,150 Q 0,300 0,250 Q 0,200 50,250 "></path></svg>
<svg id="numbers-4-808" class="order-xt pad" viewBox="0 -50 380 370">undefined<text x="0" y="200">01</text><text x="100" y="300">02</text><text x="300" y="300">03</text><text x="200" y="0">04</text><text x="200" y="100">05</text><text x="300" y="0">06</text><text x="100" y="200">07</text><text x="0" y="100">08</text><text x="0" y="0">09</text><text x="100" y="100">10</text><text x="300" y="100">11</text><text x="200" y="200">12</text><text x="200" y="300">13</text><text x="300" y="200">14</text><text x="100" y="0">15</text><text x="0" y="300">16</text></svg>
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\XrefV(418,808).svg">
</main>
<!-- <img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\9-13-1987.png">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\XrefV(9,13).svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\308-317-2111.png">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\XrefV(308,317).svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\418-808-2119.png">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\XrefV(418,808).svg"> -->
<br><br><br>
<div>
<svg id="quadvertex-4RA-3" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 50,0 Q 100,0 200,50 Q 300,100 250,100 Q 200,100 200,200 Q 200,300 250,250 Q 300,200 200,200 Q 100,200 50,250 Q 0,300 100,250 Q 200,200 250,250 Q 300,300 200,300 Q 100,300 50,250 Q 0,200 0,150 Q 0,100 50,100 Q 100,100 200,50 Q 300,0 250,0 Q 200,0 100,0 Q 0,0 50,0 "></path></svg>
<svg id="quadvertex-4RA-3390" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 300,50 Q 300,100 250,200 Q 200,300 200,250 Q 200,200 100,200 Q 0,200 50,250 Q 100,300 100,200 Q 100,100 50,50 Q 0,0 50,100 Q 100,200 50,250 Q 0,300 0,200 Q 0,100 50,50 Q 100,0 150,0 Q 200,0 200,50 Q 200,100 250,200 Q 300,300 300,250 Q 300,200 300,100 Q 300,0 300,50 "></path></svg>
<svg id="quadvertex-4RA-2898" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 50,300 Q 0,300 100,250 Q 200,200 250,200 Q 300,200 300,150 Q 300,100 250,50 Q 200,0 100,0 Q 0,0 50,50 Q 100,100 200,50 Q 300,0 250,50 Q 200,100 100,100 Q 0,100 50,50 Q 100,0 100,100 Q 100,200 50,200 Q 0,200 100,250 Q 200,300 250,300 Q 300,300 200,300 Q 100,300 50,300 "></path></svg>
<svg id="quadvertex-4RA-712" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 0,50 Q 0,0 50,100 Q 100,200 100,250 Q 100,300 150,300 Q 200,300 250,250 Q 300,200 300,100 Q 300,0 250,50 Q 200,100 250,200 Q 300,300 250,250 Q 200,200 200,100 Q 200,0 250,50 Q 300,100 200,100 Q 100,100 100,50 Q 100,0 50,100 Q 0,200 0,250 Q 0,300 0,200 Q 0,100 0,50 "></path></svg>
<svg id="quadvertex-4RA-417" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 50,0 Q 0,0 100,50 Q 200,100 250,100 Q 300,100 300,150 Q 300,200 250,250 Q 200,300 100,300 Q 0,300 50,250 Q 100,200 200,250 Q 300,300 250,250 Q 200,200 100,200 Q 0,200 50,250 Q 100,300 100,200 Q 100,100 50,100 Q 0,100 100,50 Q 200,0 250,0 Q 300,0 200,0 Q 100,0 50,0 "></path></svg>
<svg id="quadvertex-4RA-3716" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 250,300 Q 300,300 200,250 Q 100,200 50,200 Q 0,200 0,150 Q 0,100 50,50 Q 100,0 200,0 Q 300,0 250,50 Q 200,100 100,50 Q 0,0 50,50 Q 100,100 200,100 Q 300,100 250,50 Q 200,0 200,100 Q 200,200 250,200 Q 300,200 200,250 Q 100,300 50,300 Q 0,300 100,300 Q 200,300 250,300 "></path></svg>
<svg id="quadvertex-4RA-264" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 0,50 Q 0,100 50,200 Q 100,300 100,250 Q 100,200 200,200 Q 300,200 250,250 Q 200,300 200,200 Q 200,100 250,50 Q 300,0 250,100 Q 200,200 250,250 Q 300,300 300,200 Q 300,100 250,50 Q 200,0 150,0 Q 100,0 100,50 Q 100,100 50,200 Q 0,300 0,250 Q 0,200 0,100 Q 0,0 0,50 "></path></svg>
<svg id="quadvertex-4RA-2872" class="order-x pad" viewBox="-2 -2 304 304"><path class="lines" d="M 300,50 Q 300,0 250,100 Q 200,200 200,250 Q 200,300 150,300 Q 100,300 50,250 Q 0,200 0,100 Q 0,0 50,50 Q 100,100 50,200 Q 0,300 50,250 Q 100,200 100,100 Q 100,0 50,50 Q 0,100 100,100 Q 200,100 200,50 Q 200,0 250,100 Q 300,200 300,250 Q 300,300 300,200 Q 300,100 300,50 "></path></svg>
</div>
<div class="allStyles">
<svg id="numbers-5-19" class="order-xt pad" viewBox="0 -50 480 470">undefined<text x="400" y="200">01</text><text x="0" y="100">02</text><text x="300" y="300">03</text><text x="100" y="0">04</text><text x="200" y="400">05</text><text x="0" y="300">06</text><text x="100" y="200">07</text><text x="400" y="400">08</text><text x="200" y="100">09</text><text x="300" y="0">10</text><text x="300" y="100">11</text><text x="400" y="0">12</text><text x="200" y="200">13</text><text x="0" y="400">14</text><text x="100" y="300">15</text><text x="100" y="400">16</text><text x="200" y="300">17</text><text x="0" y="0">18</text><text x="300" y="200">19</text><text x="400" y="100">20</text><text x="200" y="0">21</text><text x="300" y="400">22</text><text x="100" y="100">23</text><text x="400" y="300">24</text><text x="0" y="200">25</text></svg>
<svg id="straight-5-19" class="order-x pad" viewBox="-2 -2 404 404"><path class="lines" d="M400,200 0,100 300,300 100,0 200,400 0,300 100,200 400,400 200,100 300,0 300,100 400,0 200,200 0,400 100,300 100,400 200,300 0,0 300,200 400,100 200,0 300,400 100,100 400,300 0,200 400,200 "></path></svg>
<svg id="quadvertex-5-19" class="order-x pad" viewBox="-2 -2 404 404"><path class="lines" d="M 200,150 Q 0,100 150,200 Q 300,300 200,150 Q 100,0 150,200 Q 200,400 100,350 Q 0,300 50,250 Q 100,200 250,300 Q 400,400 300,250 Q 200,100 250,50 Q 300,0 300,50 Q 300,100 350,50 Q 400,0 300,100 Q 200,200 100,300 Q 0,400 50,350 Q 100,300 100,350 Q 100,400 150,350 Q 200,300 100,150 Q 0,0 150,100 Q 300,200 350,150 Q 400,100 300,50 Q 200,0 250,200 Q 300,400 200,250 Q 100,100 250,200 Q 400,300 200,250 Q 0,200 200,200 Q 400,200 200,150 "></path></svg>
<svg id="quadline-5-19" class="order-x pad" viewBox="-2 -2 404 404"><path class="lines" d="M 400,200 Q 0,100 300,300 Q 100,0 200,400 Q 0,300 100,200 Q 400,400 200,100 Q 300,0 300,100 Q 400,0 200,200 Q 0,400 100,300 Q 100,400 200,300 Q 0,0 300,200 Q 400,100 200,0 Q 300,400 100,100 Q 400,300 0,200 Q 0,200 400,200 "></path></svg>
<svg id="arc-5-19" class="order-x pad" viewBox="-200 -170 780 780"><path class="lines arc" d="M400,200 A 50,50 0 1 1 400,200 A 50,50 0 1 1 0,100 A 50,50 0 1 1 300,300 A 50,50 0 1 1 100,0 A 50,50 0 1 1 200,400 A 50,50 0 1 1 0,300 A 50,50 0 1 1 100,200 A 50,50 0 1 1 400,400 A 50,50 0 1 1 200,100 A 50,50 0 1 1 300,0 A 50,50 0 1 1 300,100 A 50,50 0 1 1 400,0 A 50,50 0 1 1 200,200 A 50,50 0 1 1 0,400 A 50,50 0 1 1 100,300 A 50,50 0 1 1 100,400 A 50,50 0 1 1 200,300 A 50,50 0 1 1 0,0 A 50,50 0 1 1 300,200 A 50,50 0 1 1 400,100 A 50,50 0 1 1 200,0 A 50,50 0 1 1 300,400 A 50,50 0 1 1 100,100 A 50,50 0 1 1 400,300 A 50,50 0 1 1 0,200 A 50,50 0 1 1 400,200 "></path></svg>
<svg id="altarc-5-19" class="order-x pad" viewBox="-200 -170 780 780"><path class="lines arc" d="M400,200 A 10,10 0 1 1 0,100 A 10,10 0 1 1 100,0 A 10,10 0 1 1 0,300 A 10,10 0 1 1 400,400 A 10,10 0 1 1 300,0 A 10,10 0 1 1 400,0 A 10,10 0 1 1 0,400 A 10,10 0 1 1 100,400 A 10,10 0 1 1 0,0 A 10,10 0 1 1 400,100 A 10,10 0 1 1 300,400 A 10,10 0 1 1 400,300 A 10,10 0 1 1 400,200 "></path></svg>
</div>
<div>
<svg id="quadvertex-8-2" class="order-x pad" viewBox="-2 -2 704 704"><path class="lines" d="M 100,200 Q 200,400 450,450 Q 700,500 650,400 Q 600,300 500,150 Q 400,0 400,350 Q 400,700 200,600 Q 0,500 150,350 Q 300,200 250,150 Q 200,100 100,400 Q 0,700 300,700 Q 600,700 650,400 Q 700,100 600,150 Q 500,200 500,350 Q 500,500 350,550 Q 200,600 150,450 Q 100,300 150,300 Q 200,300 250,450 Q 300,600 400,500 Q 500,400 500,250 Q 500,100 600,150 Q 700,200 650,400 Q 600,600 350,650 Q 100,700 100,400 Q 100,100 50,150 Q 0,200 50,350 Q 100,500 250,550 Q 400,600 400,450 Q 400,300 500,150 Q 600,0 650,200 Q 700,400 500,400 Q 300,400 300,200 Q 300,0 200,100 Q 100,200 100,400 Q 100,600 300,600 Q 500,600 450,400 Q 400,200 500,150 Q 600,100 600,250 Q 600,400 450,550 Q 300,700 250,350 Q 200,0 250,150 Q 300,300 300,400 Q 300,500 350,450 Q 400,400 450,200 Q 500,0 600,150 Q 700,300 700,450 Q 700,600 400,500 Q 100,400 50,250 Q 0,100 150,100 Q 300,100 150,250 Q 0,400 350,550 Q 700,700 700,350 Q 700,0 600,150 Q 500,300 450,400 Q 400,500 300,500 Q 200,500 100,400 Q 0,300 50,150 Q 100,0 150,350 Q 200,700 400,600 Q 600,500 600,350 Q 600,200 500,150 Q 400,100 450,400 Q 500,700 250,650 Q 0,600 100,400 Q 200,200 100,100 Q 0,0 100,200 "></path></svg>
<svg id="quadvertex-7-2" class="order-x pad" viewBox="-2 -2 604 604"><path class="lines" d="M 150,200 Q 0,400 200,250 Q 400,100 250,300 Q 100,500 300,350 Q 500,200 350,400 Q 200,600 400,450 Q 600,300 600,350 Q 600,400 450,250 Q 300,100 150,300 Q 0,500 200,350 Q 400,200 250,400 Q 100,600 300,450 Q 500,300 350,150 Q 200,0 200,50 Q 200,100 400,300 Q 600,500 450,350 Q 300,200 150,400 Q 0,600 200,450 Q 400,300 250,150 Q 100,0 300,200 Q 500,400 500,450 Q 500,500 350,350 Q 200,200 400,400 Q 600,600 450,450 Q 300,300 150,150 Q 0,0 200,200 Q 400,400 250,250 Q 100,100 100,150 Q 100,200 300,400 Q 500,600 350,450 Q 200,300 400,150 Q 600,0 450,200 Q 300,400 150,250 Q 0,100 200,300 Q 400,500 400,550 Q 400,600 250,450 Q 100,300 300,150 Q 500,0 350,200 Q 200,400 400,250 Q 600,100 450,300 Q 300,500 150,350 Q 0,200 0,250 Q 0,300 200,150 Q 400,0 250,200 Q 100,400 300,250 Q 500,100 350,300 Q 200,500 400,350 Q 600,200 450,400 Q 300,600 300,300 Q 300,0 150,200 "></path></svg>
<svg id="quadvertex-9-3" class="order-x pad" viewBox="-2 -2 804 804"><path class="lines" d="M 450,100 Q 500,200 400,150 Q 300,100 300,150 Q 300,200 350,150 Q 400,100 450,50 Q 500,0 500,50 Q 500,100 400,50 Q 300,0 350,100 Q 400,200 550,400 Q 700,600 750,700 Q 800,800 700,750 Q 600,700 600,750 Q 600,800 650,750 Q 700,700 750,650 Q 800,600 800,650 Q 800,700 700,650 Q 600,600 650,700 Q 700,800 400,550 Q 100,300 150,400 Q 200,500 100,450 Q 0,400 0,450 Q 0,500 50,450 Q 100,400 150,350 Q 200,300 200,350 Q 200,400 100,350 Q 0,300 50,400 Q 100,500 100,550 Q 100,600 150,700 Q 200,800 100,750 Q 0,700 0,750 Q 0,800 50,750 Q 100,700 150,650 Q 200,600 200,650 Q 200,700 100,650 Q 0,600 50,700 Q 100,800 250,550 Q 400,300 450,400 Q 500,500 400,450 Q 300,400 300,450 Q 300,500 350,450 Q 400,400 450,350 Q 500,300 500,350 Q 500,400 400,350 Q 300,300 350,400 Q 400,500 550,250 Q 700,0 750,100 Q 800,200 700,150 Q 600,100 600,150 Q 600,200 650,150 Q 700,100 750,50 Q 800,0 800,50 Q 800,100 700,50 Q 600,0 650,100 Q 700,200 700,250 Q 700,300 750,400 Q 800,500 700,450 Q 600,400 600,450 Q 600,500 650,450 Q 700,400 750,350 Q 800,300 800,350 Q 800,400 700,350 Q 600,300 650,400 Q 700,500 400,250 Q 100,0 150,100 Q 200,200 100,150 Q 0,100 0,150 Q 0,200 50,150 Q 100,100 150,50 Q 200,0 200,50 Q 200,100 100,50 Q 0,0 50,100 Q 100,200 250,400 Q 400,600 450,700 Q 500,800 400,750 Q 300,700 300,750 Q 300,800 350,750 Q 400,700 450,650 Q 500,600 500,650 Q 500,700 400,650 Q 300,600 350,700 Q 400,800 400,400 Q 400,0 450,100 "></path></svg>
</div>
<svg id="arc-4-277" class="order-x pad" viewBox="-200 -170 680 680"><path id="square-277" class="lines arc" d="M300,200 A 50,50 0 1 1 300,200 A 50,50 0 1 1 0,0 A 50,50 0 1 1 100,300 A 50,50 0 1 1 200,100 A 50,50 0 1 1 200,200 A 50,50 0 1 1 100,0 A 50,50 0 1 1 0,300 A 50,50 0 1 1 300,100 A 50,50 0 1 1 0,100 A 50,50 0 1 1 200,300 A 50,50 0 1 1 300,0 A 50,50 0 1 1 100,200 A 50,50 0 1 1 100,100 A 50,50 0 1 1 300,300 A 50,50 0 1 1 200,0 A 50,50 0 1 1 0,200 A 50,50 0 1 1 300,200 "></path></svg>
<svg id="arc-4-153" class="order-x pad" viewBox="-200 -170 680 680"><path id="square-153" class="lines arc" d="M0,0 A 50,50 0 1 1 0,0 A 50,50 0 1 1 100,300 A 50,50 0 1 1 200,100 A 50,50 0 1 1 300,100 A 50,50 0 1 1 300,200 A 50,50 0 1 1 200,0 A 50,50 0 1 1 100,200 A 50,50 0 1 1 0,300 A 50,50 0 1 1 300,300 A 50,50 0 1 1 200,200 A 50,50 0 1 1 100,0 A 50,50 0 1 1 0,200 A 50,50 0 1 1 0,100 A 50,50 0 1 1 100,100 A 50,50 0 1 1 200,300 A 50,50 0 1 1 300,0 A 50,50 0 1 1 0,0 "></path></svg>
<svg id="arc-4-182" class="order-x pad" viewBox="-200 -170 680 680"><path id="square-182" class="lines arc" d="M0,0 A 50,50 0 1 1 0,0 A 50,50 0 1 1 200,100 A 50,50 0 1 1 200,300 A 50,50 0 1 1 0,200 A 50,50 0 1 1 100,300 A 50,50 0 1 1 300,200 A 50,50 0 1 1 300,0 A 50,50 0 1 1 100,100 A 50,50 0 1 1 100,200 A 50,50 0 1 1 300,300 A 50,50 0 1 1 300,100 A 50,50 0 1 1 100,0 A 50,50 0 1 1 0,100 A 50,50 0 1 1 200,0 A 50,50 0 1 1 200,200 A 50,50 0 1 1 0,300 A 50,50 0 1 1 0,0 "></path></svg>
<svg id="arc-4-224" class="order-x pad" viewBox="-200 -170 680 680"><path id="square-224" class="lines arc" d="M200,100 A 50,50 0 1 1 200,100 A 50,50 0 1 1 0,0 A 50,50 0 1 1 100,0 A 50,50 0 1 1 300,100 A 50,50 0 1 1 300,300 A 50,50 0 1 1 100,200 A 50,50 0 1 1 0,200 A 50,50 0 1 1 200,300 A 50,50 0 1 1 100,300 A 50,50 0 1 1 300,200 A 50,50 0 1 1 200,200 A 50,50 0 1 1 0,300 A 50,50 0 1 1 0,100 A 50,50 0 1 1 200,0 A 50,50 0 1 1 300,0 A 50,50 0 1 1 100,100 A 50,50 0 1 1 200,100 "></path></svg>
<svg id="arc-4-4" class="order-x pad" viewBox="-200 -170 680 680"><path id="square-4" class="lines arc" d="M0,0 A 50,50 0 1 1 0,0 A 50,50 0 1 1 300,200 A 50,50 0 1 1 100,0 A 50,50 0 1 1 200,100 A 50,50 0 1 1 200,300 A 50,50 0 1 1 100,200 A 50,50 0 1 1 300,100 A 50,50 0 1 1 0,300 A 50,50 0 1 1 300,300 A 50,50 0 1 1 0,100 A 50,50 0 1 1 200,200 A 50,50 0 1 1 100,300 A 50,50 0 1 1 100,100 A 50,50 0 1 1 200,0 A 50,50 0 1 1 0,200 A 50,50 0 1 1 300,0 A 50,50 0 1 1 0,0 "></path></svg>
<svg id="arc-4-448" class="order-x pad" viewBox="-200 -170 680 680"><path id="square-448" class="lines arc" d="M200,100 A 50,50 0 1 1 200,100 A 50,50 0 1 1 300,100 A 50,50 0 1 1 0,0 A 50,50 0 1 1 100,0 A 50,50 0 1 1 100,300 A 50,50 0 1 1 0,200 A 50,50 0 1 1 300,300 A 50,50 0 1 1 200,200 A 50,50 0 1 1 100,200 A 50,50 0 1 1 0,300 A 50,50 0 1 1 300,200 A 50,50 0 1 1 200,300 A 50,50 0 1 1 200,0 A 50,50 0 1 1 300,0 A 50,50 0 1 1 0,100 A 50,50 0 1 1 100,100 A 50,50 0 1 1 200,100 "></path></svg>
<svg id="arc-4-603" class="order-x pad" viewBox="-200 -170 680 680"><path id="square-603" class="lines arc" d="M100,0 A 50,50 0 1 1 100,0 A 50,50 0 1 1 300,100 A 50,50 0 1 1 200,100 A 50,50 0 1 1 0,0 A 50,50 0 1 1 0,200 A 50,50 0 1 1 200,300 A 50,50 0 1 1 300,300 A 50,50 0 1 1 100,200 A 50,50 0 1 1 200,200 A 50,50 0 1 1 0,300 A 50,50 0 1 1 100,300 A 50,50 0 1 1 300,200 A 50,50 0 1 1 300,0 A 50,50 0 1 1 100,100 A 50,50 0 1 1 0,100 A 50,50 0 1 1 200,0 A 50,50 0 1 1 100,0 "></path></svg>
<svg id="arc-4-614" class="order-x pad" viewBox="-200 -170 680 680"><path id="square-614" class="lines arc" d="M300,200 A 50,50 0 1 1 300,200 A 50,50 0 1 1 200,100 A 50,50 0 1 1 100,0 A 50,50 0 1 1 0,0 A 50,50 0 1 1 0,100 A 50,50 0 1 1 100,300 A 50,50 0 1 1 200,200 A 50,50 0 1 1 300,300 A 50,50 0 1 1 0,300 A 50,50 0 1 1 100,200 A 50,50 0 1 1 200,300 A 50,50 0 1 1 300,100 A 50,50 0 1 1 300,0 A 50,50 0 1 1 200,0 A 50,50 0 1 1 100,100 A 50,50 0 1 1 0,200 A 50,50 0 1 1 300,200 "></path></svg>
<svg id="arc-5-17" class="order-x pad" viewBox="-200 -170 780 780"><path id="square-17" class="lines arc" d="M200,0 A 50,50 0 1 1 200,0 A 50,50 0 1 1 300,400 A 50,50 0 1 1 400,300 A 50,50 0 1 1 0,200 A 50,50 0 1 1 100,100 A 50,50 0 1 1 100,200 A 50,50 0 1 1 200,100 A 50,50 0 1 1 300,0 A 50,50 0 1 1 400,400 A 50,50 0 1 1 0,300 A 50,50 0 1 1 0,400 A 50,50 0 1 1 100,300 A 50,50 0 1 1 200,200 A 50,50 0 1 1 300,100 A 50,50 0 1 1 400,0 A 50,50 0 1 1 400,100 A 50,50 0 1 1 0,0 A 50,50 0 1 1 100,400 A 50,50 0 1 1 200,300 A 50,50 0 1 1 300,200 A 50,50 0 1 1 300,300 A 50,50 0 1 1 400,200 A 50,50 0 1 1 0,100 A 50,50 0 1 1 100,0 A 50,50 0 1 1 200,400 A 50,50 0 1 1 200,0 "></path></svg>
<svg id="arc-9-2" class="order-x pad" viewBox="-200 -170 1180 1180"><path id="square-2" class="lines arc" d="M400,0 A 50,50 0 1 1 400,0 A 50,50 0 1 1 0,500 A 50,50 0 1 1 500,100 A 50,50 0 1 1 100,600 A 50,50 0 1 1 600,200 A 50,50 0 1 1 200,700 A 50,50 0 1 1 700,300 A 50,50 0 1 1 300,800 A 50,50 0 1 1 800,400 A 50,50 0 1 1 800,500 A 50,50 0 1 1 400,100 A 50,50 0 1 1 0,600 A 50,50 0 1 1 500,200 A 50,50 0 1 1 100,700 A 50,50 0 1 1 600,300 A 50,50 0 1 1 200,800 A 50,50 0 1 1 700,400 A 50,50 0 1 1 300,0 A 50,50 0 1 1 300,100 A 50,50 0 1 1 800,600 A 50,50 0 1 1 400,200 A 50,50 0 1 1 0,700 A 50,50 0 1 1 500,300 A 50,50 0 1 1 100,800 A 50,50 0 1 1 600,400 A 50,50 0 1 1 200,0 A 50,50 0 1 1 700,500 A 50,50 0 1 1 700,600 A 50,50 0 1 1 300,200 A 50,50 0 1 1 800,700 A 50,50 0 1 1 400,300 A 50,50 0 1 1 0,800 A 50,50 0 1 1 500,400 A 50,50 0 1 1 100,0 A 50,50 0 1 1 600,500 A 50,50 0 1 1 200,100 A 50,50 0 1 1 200,200 A 50,50 0 1 1 700,700 A 50,50 0 1 1 300,300 A 50,50 0 1 1 800,800 A 50,50 0 1 1 400,400 A 50,50 0 1 1 0,0 A 50,50 0 1 1 500,500 A 50,50 0 1 1 100,100 A 50,50 0 1 1 600,600 A 50,50 0 1 1 600,700 A 50,50 0 1 1 200,300 A 50,50 0 1 1 700,800 A 50,50 0 1 1 300,400 A 50,50 0 1 1 800,0 A 50,50 0 1 1 400,500 A 50,50 0 1 1 0,100 A 50,50 0 1 1 500,600 A 50,50 0 1 1 100,200 A 50,50 0 1 1 100,300 A 50,50 0 1 1 600,800 A 50,50 0 1 1 200,400 A 50,50 0 1 1 700,0 A 50,50 0 1 1 300,500 A 50,50 0 1 1 800,100 A 50,50 0 1 1 400,600 A 50,50 0 1 1 0,200 A 50,50 0 1 1 500,700 A 50,50 0 1 1 500,800 A 50,50 0 1 1 100,400 A 50,50 0 1 1 600,0 A 50,50 0 1 1 200,500 A 50,50 0 1 1 700,100 A 50,50 0 1 1 300,600 A 50,50 0 1 1 800,200 A 50,50 0 1 1 400,700 A 50,50 0 1 1 0,300 A 50,50 0 1 1 0,400 A 50,50 0 1 1 500,0 A 50,50 0 1 1 100,500 A 50,50 0 1 1 600,100 A 50,50 0 1 1 200,600 A 50,50 0 1 1 700,200 A 50,50 0 1 1 300,700 A 50,50 0 1 1 800,300 A 50,50 0 1 1 400,800 A 50,50 0 1 1 400,0 "></path></svg>
<svg id="arc-9-3" class="order-x pad" viewBox="-200 -170 1180 1180"><path id="square-3" class="lines arc" d="M400,0 A 50,50 0 1 1 400,0 A 50,50 0 1 1 500,200 A 50,50 0 1 1 300,100 A 50,50 0 1 1 300,200 A 50,50 0 1 1 400,100 A 50,50 0 1 1 500,0 A 50,50 0 1 1 500,100 A 50,50 0 1 1 300,0 A 50,50 0 1 1 400,200 A 50,50 0 1 1 700,600 A 50,50 0 1 1 800,800 A 50,50 0 1 1 600,700 A 50,50 0 1 1 600,800 A 50,50 0 1 1 700,700 A 50,50 0 1 1 800,600 A 50,50 0 1 1 800,700 A 50,50 0 1 1 600,600 A 50,50 0 1 1 700,800 A 50,50 0 1 1 100,300 A 50,50 0 1 1 200,500 A 50,50 0 1 1 0,400 A 50,50 0 1 1 0,500 A 50,50 0 1 1 100,400 A 50,50 0 1 1 200,300 A 50,50 0 1 1 200,400 A 50,50 0 1 1 0,300 A 50,50 0 1 1 100,500 A 50,50 0 1 1 100,600 A 50,50 0 1 1 200,800 A 50,50 0 1 1 0,700 A 50,50 0 1 1 0,800 A 50,50 0 1 1 100,700 A 50,50 0 1 1 200,600 A 50,50 0 1 1 200,700 A 50,50 0 1 1 0,600 A 50,50 0 1 1 100,800 A 50,50 0 1 1 400,300 A 50,50 0 1 1 500,500 A 50,50 0 1 1 300,400 A 50,50 0 1 1 300,500 A 50,50 0 1 1 400,400 A 50,50 0 1 1 500,300 A 50,50 0 1 1 500,400 A 50,50 0 1 1 300,300 A 50,50 0 1 1 400,500 A 50,50 0 1 1 700,0 A 50,50 0 1 1 800,200 A 50,50 0 1 1 600,100 A 50,50 0 1 1 600,200 A 50,50 0 1 1 700,100 A 50,50 0 1 1 800,0 A 50,50 0 1 1 800,100 A 50,50 0 1 1 600,0 A 50,50 0 1 1 700,200 A 50,50 0 1 1 700,300 A 50,50 0 1 1 800,500 A 50,50 0 1 1 600,400 A 50,50 0 1 1 600,500 A 50,50 0 1 1 700,400 A 50,50 0 1 1 800,300 A 50,50 0 1 1 800,400 A 50,50 0 1 1 600,300 A 50,50 0 1 1 700,500 A 50,50 0 1 1 100,0 A 50,50 0 1 1 200,200 A 50,50 0 1 1 0,100 A 50,50 0 1 1 0,200 A 50,50 0 1 1 100,100 A 50,50 0 1 1 200,0 A 50,50 0 1 1 200,100 A 50,50 0 1 1 0,0 A 50,50 0 1 1 100,200 A 50,50 0 1 1 400,600 A 50,50 0 1 1 500,800 A 50,50 0 1 1 300,700 A 50,50 0 1 1 300,800 A 50,50 0 1 1 400,700 A 50,50 0 1 1 500,600 A 50,50 0 1 1 500,700 A 50,50 0 1 1 300,600 A 50,50 0 1 1 400,800 A 50,50 0 1 1 400,0 "></path></svg>
<svg id="arc-4R-187" class="order-x pad" viewBox="-200 -170 680 680"><path class="lines arc" d="M0,0 A 50,50 0 1 1 0,0 A 50,50 0 1 1 100,200 A 50,50 0 1 1 300,100 A 50,50 0 1 1 200,0 A 50,50 0 1 1 300,200 A 50,50 0 1 1 200,300 A 50,50 0 1 1 0,300 A 50,50 0 1 1 100,100 A 50,50 0 1 1 200,100 A 50,50 0 1 1 300,300 A 50,50 0 1 1 100,300 A 50,50 0 1 1 0,200 A 50,50 0 1 1 100,0 A 50,50 0 1 1 0,100 A 50,50 0 1 1 200,200 A 50,50 0 1 1 300,0 A 50,50 0 1 1 0,0 "></path></svg>
<img src="C:/Users/Fania/Dropbox/us/magic-square-art/EVA2020/images/magiccube.svg">
<div>
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupI.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupII.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupIII.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupIV.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupV.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupVI.svg">
</div>
<div>
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupVII.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupVIII.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupIX.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupX.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupXI.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\groupXII.svg">
</div>
<br><br>
<div>
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\ID.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\R1.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\R2.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\R3.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\MV.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\MH.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\D1.svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\D2.svg">
</div>
<br><br>
<div>
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\XrefV(9,13).svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\XrefV(308,317).svg">
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\XrefV(418,808).svg">
</div>
<br><br>
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\trans13N.png">
<br><br>
<img src="C:\Users\Fania\Dropbox\us\magic-square-art\EVA2020\images\trans13C.png">
<br><br>
<svg id="quadvertex-20-0" class="order-x pad" viewBox="-2 -2 1904 1904"><path id="square-0" class="lines" d="M 1200,950 Q 500,0 450,950 Q 400,1900 550,950 Q 700,0 450,950 Q 200,1900 550,950 Q 900,0 750,0 Q 600,0 450,950 Q 300,1900 200,950 Q 100,0 450,0 Q 800,0 800,950 Q 800,1900 1300,950 Q 1800,0 1050,0 Q 300,0 450,950 Q 600,1900 750,1900 Q 900,1900 550,950 Q 200,0 450,950 Q 700,1900 550,950 Q 400,0 450,950 Q 500,1900 250,1900 Q 0,1900 0,1200 Q 0,500 700,800 Q 1400,1100 1350,650 Q 1300,200 1450,950 Q 1600,1700 1400,1150 Q 1200,600 1100,1000 Q 1000,1400 1050,1500 Q 1100,1600 1350,1000 Q 1600,400 850,900 Q 100,1400 900,1250 Q 1700,1100 1700,900 Q 1700,700 1750,600 Q 1800,500 1450,900 Q 1100,1300 1100,800 Q 1100,300 1050,400 Q 1000,500 1150,1100 Q 1300,1700 1400,1250 Q 1500,800 1600,1100 Q 1700,1400 1550,950 Q 1400,500 1650,950 Q 1900,1400 1900,900 Q 1900,400 1050,900 Q 200,1400 350,1100 Q 500,800 450,950 Q 400,1100 550,650 Q 700,200 800,850 Q 900,1500 850,1400 Q 800,1300 800,1000 Q 800,700 1300,1100 Q 1800,1500 1000,1600 Q 200,1700 200,1250 Q 200,800 150,600 Q 100,400 450,1000 Q 800,1600 800,1000 Q 800,400 850,400 Q 900,400 800,750 Q 700,1100 550,650 Q 400,200 450,950 Q 500,1700 350,1100 Q 200,500 100,1000 Q 0,1500 0,1100 Q 0,700 600,1200 Q 1200,1700 1450,1250 Q 1700,800 1650,1200 Q 1600,1600 1600,1050 Q 1600,500 1300,850 Q 1000,1200 1200,1250 Q 1400,1300 1350,800 Q 1300,300 700,750 Q 100,1200 650,1350 Q 1200,1500 1300,1050 Q 1400,600 1600,650 Q 1800,700 1500,1000 Q 1200,1300 1350,750 Q 1500,200 1250,450 Q 1000,700 1300,950 Q 1600,1200 1400,950 Q 1200,700 1350,900 Q 1500,1100 1300,750 Q 1100,400 1500,800 Q 1900,1200 1900,700 Q 1900,200 1250,950 Q 600,1700 450,950 Q 300,200 500,800 Q 700,1400 600,1000 Q 500,600 700,1150 Q 900,1700 750,1450 Q 600,1200 450,800 Q 300,400 1050,1050 Q 1800,1700 1150,1600 Q 500,1500 550,950 Q 600,400 350,300 Q 100,200 250,750 Q 400,1300 550,950 Q 700,600 800,400 Q 900,200 600,900 Q 300,1600 350,1050 Q 400,500 350,800 Q 300,1100 450,950 Q 600,800 300,1250 Q 0,1700 0,1300 Q 0,900 700,950 Q 1400,1000 1450,950 Q 1500,900 1350,950 Q 1200,1000 1450,950 Q 1700,900 1350,950 Q 1000,1000 1150,1000 Q 1300,1000 1450,950 Q 1600,900 850,950 Q 100,1000 600,1000 Q 1100,1000 1100,950 Q 1100,900 1450,900 Q 1800,900 1700,950 Q 1600,1000 1450,950 Q 1300,900 1150,900 Q 1000,900 1350,950 Q 1700,1000 1450,950 Q 1200,900 1350,950 Q 1500,1000 1450,950 Q 1400,900 1650,950 Q 1900,1000 950,800 Q 0,600 850,1050 Q 1700,1500 1600,1000 Q 1500,500 1400,950 Q 1300,1400 1350,800 Q 1400,200 1200,750 Q 1000,1300 1250,1400 Q 1500,1500 1300,1100 Q 1100,700 600,1000 Q 100,1300 750,1250 Q 1400,1200 1300,750 Q 1200,300 1500,450 Q 1800,600 1550,1050 Q 1300,1500 1300,1050 Q 1300,600 1150,600 Q 1000,600 1250,1100 Q 1500,1600 1600,1000 Q 1700,400 1400,800 Q 1100,1200 1350,1000 Q 1600,800 1750,1050 Q 1900,1300 1900,800 Q 1900,300 1350,750 Q 800,1200 500,900 Q 200,600 350,950 Q 500,1300 550,800 Q 600,300 750,950 Q 900,1600 650,1600 Q 400,1600 550,1050 Q 700,500 1250,1050 Q 1800,1600 1050,1500 Q 300,1400 300,1050 Q 300,700 200,500 Q 100,300 400,750 Q 700,1200 600,950 Q 500,700 700,500 Q 900,300 750,900 Q 600,1500 500,900 Q 400,300 300,900 Q 200,1500 500,900 Q 800,300 400,950 Q 0,1600 0,850 Q 0,100 700,100 Q 1400,100 1450,950 Q 1500,1800 1350,950 Q 1200,100 1450,950 Q 1700,1800 1350,950 Q 1000,100 1150,100 Q 1300,100 1450,950 Q 1600,1800 1700,1800 Q 1800,1800 1450,950 Q 1100,100 1100,950 Q 1100,1800 600,1800 Q 100,1800 850,950 Q 1600,100 1450,950 Q 1300,1800 1150,1800 Q 1000,1800 1350,950 Q 1700,100 1450,950 Q 1200,1800 1350,950 Q 1500,100 1450,950 Q 1400,1800 1650,950 Q 1900,100 950,450 Q 0,800 550,950 Q 1100,1100 1100,850 Q 1100,600 1300,900 Q 1500,1200 1600,750 Q 1700,300 1350,700 Q 1000,1100 1100,1250 Q 1200,1400 1300,1100 Q 1400,800 750,950 Q 100,1100 750,1250 Q 1400,1400 1450,900 Q 1500,400 1650,600 Q 1800,800 1700,1100 Q 1600,1400 1600,1050 Q 1600,700 1300,750 Q 1000,800 1150,1200 Q 1300,1600 1300,1050 Q 1300,500 1500,1100 Q 1700,1700 1450,950 Q 1200,200 1550,650 Q 1900,1100 1900,950 Q 1900,800 1050,950 Q 200,1100 500,950 Q 800,800 550,1000 Q 300,1200 350,800 Q 400,400 650,750 Q 900,1100 800,1300 Q 700,1500 700,1100 Q 700,700 1250,900 Q 1800,1100 1200,1200 Q 600,1300 550,900 Q 500,500 300,650 Q 100,800 300,1200 Q 500,1600 400,950 Q 300,300 600,550 Q 900,800 650,1100 Q 400,1400 500,1000 Q 600,600 700,1150 Q 800,1700 500,950 Q 200,200 100,650 Q 0,1100 0,1450 Q 0,1800 250,1800 Q 500,1800 450,950 Q 400,100 550,950 Q 700,1800 450,950 Q 200,100 550,950 Q 900,1800 750,1800 Q 600,1800 450,950 Q 300,100 1050,100 Q 1800,100 1300,950 Q 800,1800 800,950 Q 800,100 450,100 Q 100,100 200,950 Q 300,1800 450,950 Q 600,100 750,100 Q 900,100 550,950 Q 200,1800 450,950 Q 700,100 550,950 Q 400,1800 450,950 Q 500,100 1200,950 Q 1900,1800 950,1050 Q 0,300 850,750 Q 1700,1200 1550,950 Q 1400,700 1350,950 Q 1300,1200 1300,800 Q 1300,400 1150,1000 Q 1000,1600 1250,1450 Q 1500,1300 1600,750 Q 1700,200 900,900 Q 100,1600 750,1600 Q 1400,1600 1250,1050 Q 1100,500 1450,400 Q 1800,300 1550,800 Q 1300,1300 1250,1050 Q 1200,800 1100,550 Q 1000,300 1250,850 Q 1500,1400 1550,1000 Q 1600,600 1350,1050 Q 1100,1500 1300,900 Q 1500,300 1700,950 Q 1900,1600 1900,1100 Q 1900,600 1350,1050 Q 800,1500 500,900 Q 200,300 400,950 Q 600,1600 500,1150 Q 400,700 650,1000 Q 900,1300 700,1350 Q 500,1400 500,850 Q 500,300 1150,800 Q 1800,1300 1100,1250 Q 400,1200 550,750 Q 700,300 400,450 Q 100,600 200,1050 Q 300,1500 300,1000 Q 300,500 600,550 Q 900,600 800,950 Q 700,1300 650,1000 Q 600,700 400,950 Q 200,1200 500,900 Q 800,600 400,950 Q 0,1300 950,1100 Q 1900,900 1200,950 Q 500,1000 450,950 Q 400,900 550,950 Q 700,1000 450,950 Q 200,900 550,950 Q 900,1000 750,1000 Q 600,1000 450,950 Q 300,900 1050,950 Q 1800,1000 1300,1000 Q 800,1000 800,950 Q 800,900 450,900 Q 100,900 200,950 Q 300,1000 450,950 Q 600,900 750,900 Q 900,900 550,950 Q 200,1000 450,950 Q 700,900 550,950 Q 400,1000 450,950 Q 500,900 250,950 Q 0,1000 0,600 Q 0,200 750,950 Q 1500,1700 1350,1050 Q 1200,400 1200,1000 Q 1200,1600 1150,1200 Q 1100,800 1050,1250 Q 1000,1700 1300,1600 Q 1600,1500 1550,1050 Q 1500,600 800,1150 Q 100,1700 850,1500 Q 1600,1300 1600,750 Q 1600,200 1700,200 Q 1800,200 1600,850 Q 1400,1500 1550,1000 Q 1700,500 1350,350 Q 1000,200 1100,700 Q 1200,1200 1300,750 Q 1400,300 1300,700 Q 1200,1100 1250,900 Q 1300,700 1600,1200 Q 1900,1700 1900,1200 Q 1900,700 1100,1200 Q 300,1700 450,950 Q 600,200 500,850 Q 400,1500 500,1000 Q 600,500 750,850 Q 900,1200 600,1250 Q 300,1300 300,950 Q 300,600 1050,900 Q 1800,1200 1250,1400 Q 700,1600 550,1100 Q 400,600 250,650 Q 100,700 350,1050 Q 600,1400 650,900 Q 700,400 800,550 Q 900,700 700,950 Q 500,1200 500,800 Q 500,400 550,750 Q 600,1100 450,950 Q 300,800 150,1000 Q 0,1200 0,800 Q 0,400 550,900 Q 1100,1400 1350,850 Q 1600,300 1450,700 Q 1300,1100 1400,900 Q 1500,700 1250,1100 Q 1000,1500 1350,1400 Q 1700,1300 1450,900 Q 1200,500 650,1000 Q 100,1500 600,1600 Q 1100,1700 1200,1250 Q 1300,800 1550,600 Q 1800,400 1750,1000 Q 1700,1600 1550,1000 Q 1400,400 1200,400 Q 1000,400 1300,750 Q 1600,1100 1350,650 Q 1100,200 1250,950 Q 1400,1700 1550,1150 Q 1700,600 1800,1050 Q 1900,1500 1900,1000 Q 1900,500 1200,800 Q 500,1100 650,800 Q 800,500 750,1100 Q 700,1700 550,1250 Q 400,800 650,1100 Q 900,1400 550,1500 Q 200,1600 200,1000 Q 200,400 1000,900 Q 1800,1400 1300,1250 Q 800,1100 800,650 Q 800,200 450,350 Q 100,500 150,900 Q 200,1300 200,1000 Q 200,700 550,600 Q 900,500 650,1100 Q 400,1700 550,1250 Q 700,800 750,1100 Q 800,1400 650,800 Q 500,200 250,800 Q 0,1400 950,700 Q 1900,0 1650,950 Q 1400,1900 1450,950 Q 1500,0 1350,950 Q 1200,1900 1450,950 Q 1700,0 1350,950 Q 1000,1900 1150,1900 Q 1300,1900 1450,950 Q 1600,0 850,950 Q 100,1900 600,1900 Q 1100,1900 1100,950 Q 1100,0 1450,950 Q 1800,1900 1700,1900 Q 1600,1900 1450,950 Q 1300,0 1150,0 Q 1000,0 1350,950 Q 1700,1900 1450,950 Q 1200,0 1350,950 Q 1500,1900 1450,950 Q 1400,0 700,0 Q 0,0 950,950 Q 1900,1900 1200,950 "></path></svg>
<br><br>
<svg id="straight-20-0" class="order-x pad" viewBox="-2 -2 1904 1904"><path id="square-0" class="lines" d="M1900,1900 500,0 400,1900 700,0 200,1900 900,0 600,0 300,1900 100,0 800,0 800,1900 1800,0 300,0 600,1900 900,1900 200,0 700,1900 400,0 500,1900 0,1900 0,500 1400,1100 1300,200 1600,1700 1200,600 1000,1400 1100,1600 1600,400 100,1400 1700,1100 1700,700 1800,500 1100,1300 1100,300 1000,500 1300,1700 1500,800 1700,1400 1400,500 1900,1400 1900,400 200,1400 500,800 400,1100 700,200 900,1500 800,1300 800,700 1800,1500 200,1700 200,800 100,400 800,1600 800,400 900,400 700,1100 400,200 500,1700 200,500 0,1500 0,700 1200,1700 1700,800 1600,1600 1600,500 1000,1200 1400,1300 1300,300 100,1200 1200,1500 1400,600 1800,700 1200,1300 1500,200 1000,700 1600,1200 1200,700 1500,1100 1100,400 1900,1200 1900,200 600,1700 300,200 700,1400 500,600 900,1700 600,1200 300,400 1800,1700 500,1500 600,400 100,200 400,1300 700,600 900,200 300,1600 400,500 300,1100 600,800 0,1700 0,900 1400,1000 1500,900 1200,1000 1700,900 1000,1000 1300,1000 1600,900 100,1000 1100,1000 1100,900 1800,900 1600,1000 1300,900 1000,900 1700,1000 1200,900 1500,1000 1400,900 1900,1000 0,600 1700,1500 1500,500 1300,1400 1400,200 1000,1300 1500,1500 1100,700 100,1300 1400,1200 1200,300 1800,600 1300,1500 1300,600 1000,600 1500,1600 1700,400 1100,1200 1600,800 1900,1300 1900,300 800,1200 200,600 500,1300 600,300 900,1600 400,1600 700,500 1800,1600 300,1400 300,700 100,300 700,1200 500,700 900,300 600,1500 400,300 200,1500 800,300 0,1600 0,100 1400,100 1500,1800 1200,100 1700,1800 1000,100 1300,100 1600,1800 1800,1800 1100,100 1100,1800 100,1800 1600,100 1300,1800 1000,1800 1700,100 1200,1800 1500,100 1400,1800 1900,100 0,800 1100,1100 1100,600 1500,1200 1700,300 1000,1100 1200,1400 1400,800 100,1100 1400,1400 1500,400 1800,800 1600,1400 1600,700 1000,800 1300,1600 1300,500 1700,1700 1200,200 1900,1100 1900,800 200,1100 800,800 300,1200 400,400 900,1100 700,1500 700,700 1800,1100 600,1300 500,500 100,800 500,1600 300,300 900,800 400,1400 600,600 800,1700 200,200 0,1100 0,1800 500,1800 400,100 700,1800 200,100 900,1800 600,1800 300,100 1800,100 800,1800 800,100 100,100 300,1800 600,100 900,100 200,1800 700,100 400,1800 500,100 1900,1800 0,300 1700,1200 1400,700 1300,1200 1300,400 1000,1600 1500,1300 1700,200 100,1600 1400,1600 1100,500 1800,300 1300,1300 1200,800 1000,300 1500,1400 1600,600 1100,1500 1500,300 1900,1600 1900,600 800,1500 200,300 600,1600 400,700 900,1300 500,1400 500,300 1800,1300 400,1200 700,300 100,600 300,1500 300,500 900,600 700,1300 600,700 200,1200 800,600 0,1300 1900,900 500,1000 400,900 700,1000 200,900 900,1000 600,1000 300,900 1800,1000 800,1000 800,900 100,900 300,1000 600,900 900,900 200,1000 700,900 400,1000 500,900 0,1000 0,200 1500,1700 1200,400 1200,1600 1100,800 1000,1700 1600,1500 1500,600 100,1700 1600,1300 1600,200 1800,200 1400,1500 1700,500 1000,200 1200,1200 1400,300 1200,1100 1300,700 1900,1700 1900,700 300,1700 600,200 400,1500 600,500 900,1200 300,1300 300,600 1800,1200 700,1600 400,600 100,700 600,1400 700,400 900,700 500,1200 500,400 600,1100 300,800 0,1200 0,400 1100,1400 1600,300 1300,1100 1500,700 1000,1500 1700,1300 1200,500 100,1500 1100,1700 1300,800 1800,400 1700,1600 1400,400 1000,400 1600,1100 1100,200 1400,1700 1700,600 1900,1500 1900,500 500,1100 800,500 700,1700 400,800 900,1400 200,1600 200,400 1800,1400 800,1100 800,200 100,500 200,1300 200,700 900,500 400,1700 700,800 800,1400 500,200 0,1400 1900,0 1400,1900 1500,0 1200,1900 1700,0 1000,1900 1300,1900 1600,0 100,1900 1100,1900 1100,0 1800,1900 1600,1900 1300,0 1000,0 1700,1900 1200,0 1500,1900 1400,0 0,0 1900,1900 "></path></svg>
<div>
<svg id="quadvertex-8-2" class="order-x pad" viewBox="-2 -2 704 704"><path id="square-2" class="lines" d="M 100,200 Q 200,400 450,450 Q 700,500 650,400 Q 600,300 500,150 Q 400,0 400,350 Q 400,700 200,600 Q 0,500 150,350 Q 300,200 250,150 Q 200,100 100,400 Q 0,700 300,700 Q 600,700 650,400 Q 700,100 600,150 Q 500,200 500,350 Q 500,500 350,550 Q 200,600 150,450 Q 100,300 150,300 Q 200,300 250,450 Q 300,600 400,500 Q 500,400 500,250 Q 500,100 600,150 Q 700,200 650,400 Q 600,600 350,650 Q 100,700 100,400 Q 100,100 50,150 Q 0,200 50,350 Q 100,500 250,550 Q 400,600 400,450 Q 400,300 500,150 Q 600,0 650,200 Q 700,400 500,400 Q 300,400 300,200 Q 300,0 200,100 Q 100,200 100,400 Q 100,600 300,600 Q 500,600 450,400 Q 400,200 500,150 Q 600,100 600,250 Q 600,400 450,550 Q 300,700 250,350 Q 200,0 250,150 Q 300,300 300,400 Q 300,500 350,450 Q 400,400 450,200 Q 500,0 600,150 Q 700,300 700,450 Q 700,600 400,500 Q 100,400 50,250 Q 0,100 150,100 Q 300,100 150,250 Q 0,400 350,550 Q 700,700 700,350 Q 700,0 600,150 Q 500,300 450,400 Q 400,500 300,500 Q 200,500 100,400 Q 0,300 50,150 Q 100,0 150,350 Q 200,700 400,600 Q 600,500 600,350 Q 600,200 500,150 Q 400,100 450,400 Q 500,700 250,650 Q 0,600 100,400 Q 200,200 100,100 Q 0,0 100,200 "></path></svg>
<svg id="straight-16-0" class="order-x pad" viewBox="-2 -2 1504 1504"><path id="square-0" class="lines" d="M300,1500 400,1400 300,1300 400,1200 300,300 400,200 300,100 400,0 400,400 300,500 400,600 300,700 400,800 300,900 400,1000 300,1100 200,1100 500,1000 200,900 500,800 200,700 500,600 200,500 500,400 500,0 200,100 500,200 200,300 500,1200 200,1300 500,1400 200,1500 100,1500 600,1400 100,1300 600,1200 100,300 600,200 100,100 600,0 600,400 100,500 600,600 100,700 600,800 100,900 600,1000 100,1100 0,1100 700,1000 0,900 700,800 0,700 700,600 0,500 700,400 700,0 0,100 700,200 0,300 700,1200 0,1300 700,1400 0,1500 1500,1500 800,1400 1500,1300 800,1200 1500,300 800,200 1500,100 800,0 800,400 1500,500 800,600 1500,700 800,800 1500,900 800,1000 1500,1100 1400,1100 900,1000 1400,900 900,800 1400,700 900,600 1400,500 900,400 900,0 1400,100 900,200 1400,300 900,1200 1400,1300 900,1400 1400,1500 1300,1500 1000,1400 1300,1300 1000,1200 1300,300 1000,200 1300,100 1000,0 1000,400 1300,500 1000,600 1300,700 1000,800 1300,900 1000,1000 1300,1100 1200,1100 1100,1000 1200,900 1100,800 1200,700 1100,600 1200,500 1100,400 1100,0 1200,100 1100,200 1200,300 1100,1200 1200,1300 1100,1400 1200,1500 1100,1500 1200,1400 1100,1300 1200,1200 1100,300 1200,200 1100,100 1200,0 1200,400 1100,500 1200,600 1100,700 1200,800 1100,900 1200,1000 1100,1100 1000,1100 1300,1000 1000,900 1300,800 1000,700 1300,600 1000,500 1300,400 1300,0 1000,100 1300,200 1000,300 1300,1200 1000,1300 1300,1400 1000,1500 900,1500 1400,1400 900,1300 1400,1200 900,300 1400,200 900,100 1400,0 1400,400 900,500 1400,600 900,700 1400,800 900,900 1400,1000 900,1100 800,1100 1500,1000 800,900 1500,800 800,700 1500,600 800,500 1500,400 1500,0 800,100 1500,200 800,300 1500,1200 800,1300 1500,1400 800,1500 700,1500 0,1400 700,1300 0,1200 700,300 0,200 700,100 0,0 0,400 700,500 0,600 700,700 0,800 700,900 0,1000 700,1100 600,1100 100,1000 600,900 100,800 600,700 100,600 600,500 100,400 100,0 600,100 100,200 600,300 100,1200 600,1300 100,1400 600,1500 500,1500 200,1400 500,1300 200,1200 500,300 200,200 500,100 200,0 200,400 500,500 200,600 500,700 200,800 500,900 200,1000 500,1100 400,1100 300,1000 400,900 300,800 400,700 300,600 400,500 300,400 300,0 400,100 300,200 400,300 300,1200 400,1300 300,1400 400,1500 300,1500 "></path></svg>
<svg id="quadvertex-9-2" class="order-x pad" viewBox="-2 -2 804 804"><path id="square-2" class="lines" d="M 200,250 Q 0,500 250,300 Q 500,100 300,350 Q 100,600 350,400 Q 600,200 400,450 Q 200,700 450,500 Q 700,300 500,550 Q 300,800 550,600 Q 800,400 800,450 Q 800,500 600,300 Q 400,100 200,350 Q 0,600 250,400 Q 500,200 300,450 Q 100,700 350,500 Q 600,300 400,550 Q 200,800 450,600 Q 700,400 500,200 Q 300,0 300,50 Q 300,100 550,350 Q 800,600 600,400 Q 400,200 200,450 Q 0,700 250,500 Q 500,300 300,550 Q 100,800 350,600 Q 600,400 400,200 Q 200,0 450,250 Q 700,500 700,550 Q 700,600 500,400 Q 300,200 550,450 Q 800,700 600,500 Q 400,300 200,550 Q 0,800 250,600 Q 500,400 300,200 Q 100,0 350,250 Q 600,500 400,300 Q 200,100 200,150 Q 200,200 450,450 Q 700,700 500,500 Q 300,300 550,550 Q 800,800 600,600 Q 400,400 200,200 Q 0,0 250,250 Q 500,500 300,300 Q 100,100 350,350 Q 600,600 600,650 Q 600,700 400,500 Q 200,300 450,550 Q 700,800 500,600 Q 300,400 550,200 Q 800,0 600,250 Q 400,500 200,300 Q 0,100 250,350 Q 500,600 300,400 Q 100,200 100,250 Q 100,300 350,550 Q 600,800 400,600 Q 200,400 450,200 Q 700,0 500,250 Q 300,500 550,300 Q 800,100 600,350 Q 400,600 200,400 Q 0,200 250,450 Q 500,700 500,750 Q 500,800 300,600 Q 100,400 350,200 Q 600,0 400,250 Q 200,500 450,300 Q 700,100 500,350 Q 300,600 550,400 Q 800,200 600,450 Q 400,700 200,500 Q 0,300 0,350 Q 0,400 250,200 Q 500,0 300,250 Q 100,500 350,300 Q 600,100 400,350 Q 200,600 450,400 Q 700,200 500,450 Q 300,700 550,500 Q 800,300 600,550 Q 400,800 400,400 Q 400,0 200,250 "></path></svg>
</div>
</body>
</html>