summaryrefslogtreecommitdiffstats
path: root/non-scripts/geometric-shapes.html
blob: 799ce29f787f4fc968b6f8f107e6c1032bc95502 (plain) (blame)
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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
<!doctype html>
<html>
  <head>
    <meta charset="utf-8"/>
    <title>Geometric shapes</title>
    <link rel="stylesheet" type="text/css" href="../style.css"/>
  </head>
  <body>
    <table>
      <tr>
	<td class="lacuna"><span class="quarter">&#x2BCA;</span></td> <!-- top left quarter black circle -->
	<td class="lacuna"><span class="cw45"><span class="quarter">&#x2BCA;</span></span></td> <!-- top quarter black circle -->
	<td class="lacuna"><span class="flop"><span class="quarter">&#x2BCA;</span></span></td> <!-- top right quarter black circle -->
	<td class="lacuna"><span class="flop">&#x25D4;</span></td> <!-- circle with upper left quadrant black -->
	<td class="lacuna"><span class="acw45">&#x25D4;</span></td> <!-- circle with upper quadrant black -->
	<td>&#x25D4;</td>              <!-- CIRCLE WITH UPPER RIGHT QUADRANT BLACK -->
	<td>&#x25F0;</td>              <!-- WHITE SQUARE WITH UPPER LEFT QUADRANT -->
	<td class="lacuna"></td>       <!-- white square with upper quadrant -->
	<td>&#x25F3;</td>              <!-- WHITE SQUARE WITH UPPER RIGHT QUADRANT -->
	<td>&#x25E9;</td>              <!-- SQUARE WITH UPPER LEFT DIAGONAL HALF BLACK -->
	<td>&#x2B12;</td>              <!-- SQUARE WITH TOP HALF BLACK -->
	<td>&#x2B14;</td>              <!-- SQUARE WITH UPPER RIGHT DIAGONAL HALF BLACK -->
	<td class="lacuna"><span class="acw45">&#x25ED;</span></td> <!-- north west-pointing triangle with south west half black -->
	<td>&#x25ED;</td>              <!-- UP-POINTING TRIANGLE WITH LEFT HALF BLACK -->
	<td class="lacuna"><span class="cw45">&#x25ED;</span></td> <!-- north east-pointing triangle with north east half black -->
	<td class="lacuna"><span class="acw45">&#x25B2;</span></td>
	<td>&#x25B2;</td>              <!-- BLACK UP-POINTING TRIANGLE -->
	<td class="lacuna"><span class="cw45">&#x25B2;</span></td>
	<td class="lacuna"><span class="acw45">&#x25B3;</span></td> <!-- white north west-pointing triangle -->
	<td>&#x25B3;</td>              <!-- WHITE UP-POINTING TRIANGLE -->
	<td class="lacuna"><span class="cw45">&#x25B3;</span></td> <!-- white north east-pointing triangle -->
	<td class="lacuna"><span class="acw45">&#x2BC5;</span></td>
	<td>&#x2BC5;</td>              <!-- BLACK MEDIUM UP-POINTING TRIANGLE CENTRED -->
	<td class="lacuna"><span class="cw45">&#x2BC5;</span></td>
      </tr>
      <tr>
	<td class="lacuna"><span class="acw45"><span class="quarter">&#x2BCA;</span></span></td> <!-- left quarter black circle -->
	<td></td>                      <!-- (impossible) -->
	<td class="lacuna"><span class="cw135"><span class="quarter">&#x2BCA;</span></span></td> <!-- right quarter black circle -->
	<td class="lacuna"><span class="acw135">&#x25D4;</span></td> <!-- circle with left quadrant black -->
	<td></td>                      <!-- (impossible) -->
	<td class="lacuna"><span class="cw45">&#x25D4;</span></td> <!-- circle with right quadrant black -->
	<td class="lacuna"></td>       <!-- white square with left quadrant -->
	<td class="dup">&#x29C8;</td>  <!-- SQUARED SQUARE -->
	<td class="lacuna"></td>       <!-- white square with right quadrant -->
	<td>&#x25E7;</td>              <!-- SQUARE WITH LEFT HALF BLACK -->
	<td>&#x25A3;</td>              <!-- WHITE SQUARE CONTAINING BLACK SMALL SQUARE -->
	<td>&#x25E8;</td>              <!-- SQUARE WITH RIGHT HALF BLACK -->
	<td class="lacuna"><span class="acw90">&#x25ED;</span></td> <!-- left-pointing triangle with bottom half black -->
	<td></td>
	<td class="lacuna"><span class="cw90">&#x25ED;</span></td> <!-- right-pointing triangle with top half black -->
	<td>&#x25C0;</td>              <!-- BLACK LEFT-POINTING TRIANGLE -->
	<td></td>                      <!-- (impossible) -->
	<td>&#x25B6;</td>              <!-- BLACK RIGHT-POINTING TRIANGLE -->
	<td>&#x25C1;</td>              <!-- WHITE LEFT-POINTING TRIANGLE -->
	<td class="dup">&#x27C1;</td>  <!-- WHITE TRIANGLE CONTAINING SMALL WHITE TRIANGLE -->
	<td>&#x25B7;</td>              <!-- WHITE RIGHT-POINTING TRIANGLE -->
	<td>&#x2BC7;</td>              <!-- BLACK MEDIUM LEFT-POINTING TRIANGLE CENTRED -->
	<td></td>                      <!-- (impossible) -->
	<td>&#x2BC8;</td>              <!-- BLACK MEDIUM RIGHT-POINTING TRIANGLE CENTRED -->
      </tr>
      <tr>
	<td class="lacuna"><span class="flip"><span class="quarter">&#x2BCA;</span></span></td> <!-- bottom left quarter black circle -->
	<td class="lacuna"><span class="flip"><span class="cw45 quarter">&#x2BCA;</span></span></td> <!-- bottom quarter black circle -->
	<td class="lacuna"><span class="turn"><span class="quarter">&#x2BCA;</span></span></td> <!-- bottom right quarter black circle -->
	<td class="lacuna"><span class="turn">&#x25D4;</span></td> <!-- circle with lower left quadrant black -->
	<td class="lacuna"><span class="cw135">&#x25D4;</span></td> <!-- circle with lower quadrant black -->
	<td class="lacuna"><span class="flip">&#x25D4;</span></td> <!-- circle with lower right quadrant black -->
	<td>&#x25F1;</td>              <!-- WHITE SQUARE WITH LOWER LEFT QUADRANT -->
	<td class="lacuna"></td>       <!-- white square with lower quadrant -->
	<td>&#x25F2;</td>              <!-- WHITE SQUARE WITH LOWER RIGHT QUADRANT -->
	<td>&#x2B15;</td>              <!-- SQUARE WITH LOWER LEFT DIAGONAL HALF BLACK -->
	<td>&#x2B13;</td>              <!-- SQUARE WITH BOTTOM HALF BLACK -->
	<td>&#x25EA;</td>              <!-- SQUARE WITH LOWER RIGHT DIAGONAL HALF BLACK -->
	<td class="lacuna"><span class="acw135">&#x25ED;</span></td> <!-- south west-pointing triangle with north east half black -->
	<td class="dup">&#x29E9;</td>  <!-- DOWN-POINTING TRIANGLE WITH RIGHT HALF BLACK -->
	<td class="lacuna"><span class="cw135">&#x25ED;</span></td> <!-- south east-pointing triangle with south east half black -->
	<td class="lacuna"><span class="cw45">&#x25BC;</span></td>
	<td>&#x25BC;</td>              <!-- BLACK DOWN-POINTING TRIANGLE -->
	<td class="lacuna"><span class="acw45">&#x25BC;</span></td>
	<td class="lacuna"><span class="cw45">&#x25BD;</span></td> <!-- white south west-pointing triangle -->
	<td>&#x25BD;</td>              <!-- WHITE DOWN-POINTING TRIANGLE -->
	<td class="lacuna"><span class="acw45">&#x25BD;</span></td> <!-- white south east-pointing triangle -->
	<td class="lacuna"><span class="cw45">&#x2BC6;</span></td>
	<td>&#x2BC6;</td>              <!-- BLACK MEDIUM DOWN-POINTING TRIANGLE CENTRED -->
	<td class="lacuna"><span class="acw45">&#x2BC6;</span></td>
      </tr>

      <tr>
	<td class="lacuna"><span class="acw45">&#x2BCA;</span></td> <!-- top left half black circle -->
	<td>&#x2BCA;</td>              <!-- TOP HALF BLACK CIRCLE -->
	<td class="lacuna"><span class="cw45">&#x2BCA;</span></td> <!-- top right half black circle -->
	<td class="lacuna"><span class="acw45">&#x25D3;</span></td> <!-- circle with top left half black -->
	<td>&#x25D3;</td>              <!-- CIRCLE WITH UPPER HALF BLACK -->
	<td class="lacuna"><span class="cw45">&#x25D3;</span></td> <!-- circle with top right half black -->
	<td>&#x25F4;</td>              <!-- WHITE CIRCLE WITH UPPER LEFT QUADRANT -->
	<td class="lacuna"><span class="cw45">&#x25F4;</span></td> <!-- white circle with upper quadrant -->
	<td>&#x25F7;</td>              <!-- WHITE CIRCLE WITH UPPER RIGHT QUADRANT -->
	<td class="lacuna"><span class="scaledown"><span class="cw45">&#x25E7;</span></span></td> <!-- diamond with top left half black -->
	<td>&#x2B18;</td>              <!-- DIAMOND WITH TOP HALF BLACK -->
	<td class="lacuna"><span class="scaledown"><span class="cw135">&#x25E7;</span></span></td> <!-- diamond with top right half black -->
	<td class="lacuna"><span class="acw45">&#x25EE;</span></td> <!-- north west-pointing triangle with north east half black -->
	<td>&#x25EE;</td>              <!-- UP-POINTING TRIANGLE WITH RIGHT HALF BLACK -->
	<td class="lacuna"><span class="cw45">&#x25EE;</span></td> <!-- north east-pointing triangle with south east half black -->
	<td class="lacuna"><span class="acw45">&#x25B4;</span></td>
	<td>&#x25B4;</td>              <!-- BLACK UP-POINTING SMALL TRIANGLE -->
	<td class="lacuna"><span class="cw45">&#x25B4;</span></td>
	<td class="lacuna"><span class="acw45">&#x25B5;</span></td>
	<td>&#x25B5;</td>              <!-- WHITE UP-POINTING SMALL TRIANGLE -->
	<td class="lacuna"><span class="cw45">&#x25B5;</span></td>
	<td class="lacuna"><span class="acw45">&#x1F781;</span></td>
	<td>&#x1F781;</td>             <!-- BLACK UP-POINTING ISOSCELES RIGHT TRIANGLE -->
	<td class="lacuna"><span class="cw45">&#x1F781;</span></td>
      </tr>
      <tr>
	<td>&#x25D6;</td>              <!-- LEFT HALF BLACK CIRCLE -->
	<td></td>                      <!-- (impossible) -->
	<td>&#x25D7;</td>              <!-- RIGHT HALF BLACK CIRCLE -->
	<td>&#x25D0;</td>              <!-- CIRCLE WITH LEFT HALF BLACK -->
	<td>&#x25C9;</td>              <!-- FISHEYE -->
	<td>&#x25D1;</td>              <!-- CIRCLE WITH RIGHT HALF BLACK -->
	<td class="lacuna"><span class="acw45">&#x25F4;</span></td> <!-- white circle with left quadrant -->
	<td>&#x25CE;</td>              <!-- BULLSEYE -->
	<td class="lacuna"><span class="cw45">&#x25F7;</span></td> <!-- white circle with right quadrant -->
	<td>&#x2B16;</td>              <!-- DIAMOND WITH LEFT HALF BLACK -->
	<td>&#x25C8;</td>              <!-- WHITE DIAMOND CONTAINING BLACK SMALL DIAMOND -->
	<td>&#x2B17;</td>              <!-- DIAMOND WITH RIGHT HALF BLACK -->
	<td class="lacuna"><span class="acw90">&#x25EE;</span></td> <!-- left-pointing triangle with top half black -->
	<td></td>
	<td class="lacuna"><span class="cw90">&#x25EE;</span></td> <!-- right-pointing triangle with bottom half black -->
	<td>&#x25C2;</td>              <!-- BLACK LEFT-POINTING SMALL TRIANGLE -->
	<td></td>                      <!-- (impossible) -->
	<td>&#x25B8;</td>              <!-- BLACK RIGHT-POINTING SMALL TRIANGLE -->
	<td>&#x25C3;</td>              <!-- WHITE LEFT-POINTING SMALL TRIANGLE -->
	<td></td>                      <!-- (impossible) -->
	<td>&#x25B9;</td>              <!-- WHITE RIGHT-POINTING SMALL TRIANGLE -->
	<td>&#x1F780;</td>             <!-- BLACK LEFT-POINTING ISOSCELES RIGHT TRIANGLE -->
	<td></td>                      <!-- (impossible) -->
	<td>&#x1F782;</td>             <!-- BLACK RIGHT-POINTING ISOSCELES RIGHT TRIANGLE -->
      </tr>
      <tr>
	<td class="lacuna"><span class="cw45">&#x2BCB;</span></td> <!-- bottom left half black circle -->
	<td>&#x2BCB;</td>              <!-- BOTTOM HALF BLACK CIRCLE -->
	<td class="lacuna"><span class="acw45">&#x2BCB;</span></td> <!-- bottom right half black circle -->
	<td class="lacuna"><span class="cw45">&#x25D2;</span></td> <!-- circle with lower left half black -->
	<td>&#x25D2;</td>              <!-- CIRCLE WITH LOWER HALF BLACK -->
	<td class="lacuna"><span class="acw45">&#x25D2;</span></td> <!-- circle with lower right half black -->
	<td>&#x25F5;</td>              <!-- WHITE CIRCLE WITH LOWER LEFT QUADRANT -->
	<td class="lacuna"><span class="acw45">&#x25F5;</span></td> <!-- white circle with lower quadrant -->
	<td>&#x25F6;</td>              <!-- WHITE CIRCLE WITH LOWER RIGHT QUADRANT -->
	<td class="lacuna"><span class="scaledown"><span class="acw45">&#x25E7;</span></span></td>
	<td>&#x2B19;</td>              <!-- DIAMOND WITH BOTTOM HALF BLACK -->
	<td class="lacuna"><span class="scaledown"><span class="acw135">&#x25E7;</span></span></td>
	<td class="lacuna"><span class="acw135">&#x25EE;</span></td> <!-- south west-pointing triangle with north west half black -->
	<td class="dup">&#x29E8;</td>  <!-- DOWN-POINTING TRIANGLE WITH LEFT HALF BLACK -->
	<td class="lacuna"><span class="cw135">&#x25EE;</span></td> <!-- south east-pointing triangle with south west half black -->
	<td class="lacuna"><span class="cw45">&#x25BE;</span></td>
	<td>&#x25BE;</td>              <!-- BLACK DOWN-POINTING SMALL TRIANGLE -->
	<td class="lacuna"><span class="acw45">&#x25BE;</span></td>
	<td class="lacuna"><span class="cw45">&#x25BF;</span></td>
	<td>&#x25BF;</td>              <!-- WHITE DOWN-POINTING SMALL TRIANGLE -->
	<td class="lacuna"><span class="acw45">&#x25BF;</span></td>
	<td class="lacuna"><span class="cw45">&#x1F783;</span></td>
	<td>&#x1F783;</td>              <!-- BLACK DOWN-POINTING ISOSCELES RIGHT TRIANGLE -->
	<td class="lacuna"><span class="acw45">&#x1F783;</span></td>
      </tr>

      <tr>
	<td class="lacuna"><div class="overlap turn"><span class="acw90">&#x2BCA;</span>&#x2BCA;</div></td> <!-- black circle missing upper left quadrant -->
	<td class="lacuna"><div class="overlap acw135"><span class="acw90">&#x2BCA;</span>&#x2BCA;</div></td> <!-- black circle missing upper quadrant -->
	<td class="lacuna"><div class="overlap flip"><span class="acw90">&#x2BCA;</span>&#x2BCA;</div></td> <!-- black circle missing upper right quadrant -->
	<td>&#x25D5;</td>              <!-- CIRCLE WITH ALL BUT UPPER LEFT QUADRANT BLACK -->
	<td class="lacuna"><span class="cw45">&#x25D5;</span></td> <!-- circle with all but upper quadrant black -->
	<td class="lacuna"><span class="flop">&#x25D5;</span></td> <!-- circle with all but upper right quadrant black -->
	<td>&#x25DC;</td>              <!-- UPPER LEFT QUADRANT CIRCULAR ARC -->
	<td>&#x25E0;</td>              <!-- UPPER HALF CIRCLE -->
	<td>&#x25DD;</td>              <!-- UPPER RIGHT QUADRANT CIRCULAR ARC -->
	<td class="lacuna"><span class="flop">&#x1F53F;</span></td> <!-- upper left shadowed white circle -->
	<td class="lacuna"><span class="acw45">&#x1F53F;</span></td> <!-- top-shadowed white circle -->
	<td>&#x1F53F;</td>             <!-- UPPER RIGHT SHADOWED WHITE CIRCLE -->
	<td></td>
	<td></td>
	<td></td>
	<td class="lacuna"><span class="cw45">&#x25C4;</span></td> <!-- black north west-pointing pointer -->
	<td class="lacuna"><span class="cw90">&#x25c4;</span></td> <!-- black up-pointing pointer -->
	<td class="lacuna"><span class="acw45">&#x25ba;</span></td> <!-- black north east-pointing pointer -->
	<td class="lacuna"><span class="cw45">&#x25c5;</span></td> <!-- white north west-pointing pointer -->
	<td class="lacuna"><span class="cw90">&#x25c5;</span></td> <!-- white up-pointing pointer -->
	<td class="lacuna"><span class="acw45">&#x25BB;</span></td> <!-- white north east-pointing pointer -->
	<td></td>
	<td></td>
	<td></td>
      </tr>
      <tr>
	<td class="lacuna"><div class="overlap cw135"><span class="acw90">&#x2BCA;</span>&#x2BCA;</div></td> <!-- black circle missing left quadrant -->
	<td></td>                      <!-- (impossible) -->
	<td class="lacuna"><div class="overlap acw45"><span class="acw90">&#x2BCA;</span>&#x2BCA;</div></td> <!-- black circle missing right quadrant -->
	<td class="lacuna"><span class="acw45">&#x25D5;</span></td> <!-- circle with all but left quadrant black -->
	<td></td>                      <!-- (impossible) -->
	<td class="lacuna"><span class="cw135">&#x25D5;</span></td> <!-- circle with all but right quadrant black -->
	<td class="lacuna"><span class="cw90">&#x25E1;</span></td> <!-- right half circle -->
	<td>&#x25A2;</td>              <!-- WHITE SQUARE WITH ROUNDED CORNERS -->
	<td class="lacuna"><span class="acw90">&#x25E1;</span></td> <!-- left half circle -->
	<td class="lacuna"><span class="acw135">&#x1F53F;</span></td> <!-- left-shadowed white circle -->
	<td></td>                      <!-- white circle with shadow around -->
	<td class="lacuna"><span class="cw45">&#x1F53F;</span></td> <!-- right-shadowed white circle -->
	<td></td>
	<td></td>
	<td></td>
	<td>&#x25C4;</td>              <!-- BLACK LEFT-POINTING POINTER -->
	<td></td>                      <!-- (impossible) -->
	<td>&#x25BA;</td>              <!-- BLACK RIGHT-POINTING POINTER -->
	<td>&#x25C5;</td>              <!-- WHITE LEFT-POINTING POINTER -->
	<td></td>                      <!-- (impossible) -->
	<td>&#x25BB;</td>              <!-- WHITE RIGHT-POINTING POINTER -->
	<td></td>
	<td></td>
	<td></td>
      </tr>
      <tr>
	<td class="lacuna"><div class="overlap flop"><span class="acw90">&#x2BCA;</span>&#x2BCA;</div></td> <!-- black circle missing lower left quadrant -->
	<td class="lacuna"><div class="overlap cw45"><span class="acw90">&#x2BCA;</span>&#x2BCA;</div></td> <!-- black circle missing lower quadrant -->
	<td class="lacuna"><div class="overlap"><span class="acw90">&#x2BCA;</span>&#x2BCA;</div></td> <!-- black circle missing lower right quadrant -->
	<td class="lacuna"><span class="flip">&#x25D5;</span></td> <!-- circle with all but lower left quadrant black -->
	<td class="lacuna"><span class="acw135">&#x25D5;</span></td> <!-- circle with all but lower quadrant black -->
	<td class="lacuna"><span class="turn">&#x25D5;</span></td> <!-- circle with all but lower right quadrant black -->
	<td>&#x25DF;</td>              <!-- LOWER LEFT QUADRANT CIRCULAR ARC -->
	<td>&#x25E1;</td>              <!-- LOWER HALF CIRCLE -->
	<td>&#x25DE;</td>              <!-- LOWER RIGHT QUADRANT CIRCULAR ARC -->
	<td class="lacuna"><span class="flop">&#x1F53E;</span></td> <!-- lower left shadowed white circle -->
	<td class="lacuna"><span class="cw45">&#x1F53E;</span></td> <!-- bottom-shadowed white circle -->
	<td>&#x1F53E;</td>             <!-- LOWER RIGHT SHADOWED WHITE CIRCLE -->
	<td></td>
	<td></td>
	<td></td>
	<td class="lacuna"><span class="acw45">&#x25C4;</span></td> <!-- black south west-pointing pointer -->
	<td class="lacuna"><span class="acw90">&#x25c4;</span></td> <!-- black down-pointing pointer -->
	<td class="lacuna"><span class="cw45">&#x25ba;</span></td> <!-- black south east-pointing pointer -->
	<td class="lacuna"><span class="acw45">&#x25c5;</span></td> <!-- white south west-pointing pointer -->
	<td class="lacuna"><span class="acw90">&#x25c5;</span></td> <!-- white down-pointing pointer -->
	<td class="lacuna"><span class="cw45">&#x25BB;</span></td> <!-- white south east-pointing pointer -->
	<td></td>
	<td></td>
	<td></td>
      </tr>

      <tr>
	<td>&#x25E4;</td>              <!-- BLACK UPPER LEFT TRIANGLE -->
	<td>&#x25E5;</td>              <!-- BLACK UPPER RIGHT TRIANGLE -->
	<td>&#x25F8;</td>              <!-- UPPER LEFT TRIANGLE -->
	<td>&#x25F9;</td>              <!-- UPPER RIGHT TRIANGLE -->
	<td>&#x1F7D6;</td>             <!-- NEGATIVE CIRCLED TRIANGLE -->
	<td>&#x1F7D8;</td>             <!-- NEGATIVE CIRCLED SQUARE -->
      </tr>
      <tr>
	<td>&#x25E3;</td>              <!-- BLACK LOWER LEFT TRIANGLE -->
	<td>&#x25E2;</td>              <!-- BLACK LOWER RIGHT TRIANGLE -->
	<td>&#x25FA;</td>              <!-- LOWER LEFT TRIANGLE -->
	<td>&#x25FF;</td>              <!-- LOWER RIGHT TRIANGLE -->
	<td>&#x1F7D7;</td>             <!-- CIRCLED SQUARE -->
	<td>&#x1F7D5;</td>             <!-- CIRCLED TRIANGLE -->
      </tr>

      <tr>
	<td>&#x25DA;</td>              <!-- UPPER HALF INVERSE WHITE CIRCLE -->
	<td>&#x2BC3;</td>              <!-- HORIZONTAL BLACK OCTAGON -->
	<td>&#x2BC4;</td>              <!-- BLACK OCTAGON -->
	<td>&#x2B22;</td>              <!-- BLACK HEXAGON -->
	<td>&#x2B23;</td>              <!-- HORIZONTAL BLACK HEXAGON -->
	<td>&#x2B1F;</td>              <!-- BLACK PENTAGON -->
	<td>&#x2B53;</td>              <!-- BLACK RIGHT-POINTING PENTAGON -->
	<td>&#x2BC2;</td>              <!-- TURNED BLACK PENTAGON -->
	<td class="lacuna"><span class="acw90">&#x2B1F;</span></td> <!-- white left-pointing pentagon -->
	<td class="lacuna"><span class="scaleup">&#x2B51;</span></td> <!-- black medium star -->
	<td>&#x2B51;</td>              <!-- BLACK SMALL STAR -->
	<td>&#x2BCC;</td>              <!-- LIGHT FOUR POINTED BLACK CUSP -->
	<td>&#x2BCD;</td>              <!-- ROTATED LIGHT FOUR POINTED BLACK CUSP -->
	<td>&#x25B0;</td>              <!-- BLACK PARALLELOGRAM -->
	<td>&#x25AE;</td>              <!-- BLACK VERTICAL RECTANGLE -->
	<td class="lacuna"><span class="acw90">&#x25AE;</span></td> <!-- black horizontal rectangle -->
	<td>&#x2B2E;</td>              <!-- BLACK VERTICAL ELLIPSE -->
	<td>&#x2B2C;</td>              <!-- BLACK HORIZONTAL ELLIPSE -->
      </tr>
      <tr>
	<td>&#x25DB;</td>              <!-- LOWER HALF INVERSE WHITE CIRCLE -->
	<td class="lacuna"></td>       <!-- horizontal white octagon -->
	<td class="lacuna"></td>       <!-- white octagon -->
	<td>&#x2B21;</td>              <!-- WHITE HEXAGON -->
	<td class="dup">&#x2394;</td>  <!-- SOFTWARE-FUNCTION SYMBOL --> <!-- horizontal white hexagon -->
	<td>&#x2B20;</td>              <!-- WHITE PENTAGON -->
	<td>&#x2B54;</td>              <!-- WHITE RIGHT-POINTING PENTAGON -->
	<td class="lacuna"><span class="turn">&#x2B20;</span></td> <!-- turned white pentagon -->
	<td class="lacuna"><span class="acw90">&#x2B20;</span></td> <!-- white left-pointing pentagon -->
	<td>&#x2B50;</td>              <!-- WHITE MEDIUM STAR -->
	<td>&#x2B52;</td>              <!-- WHITE SMALL STAR -->
	<td>&#x2BCE;</td>              <!-- WHITE FOUR POINTED CUSP -->
	<td>&#x2BCF;</td>              <!-- ROTATED WHITE FOUR POINTED CUSP -->
	<td>&#x25B1;</td>              <!-- WHITE PARALLELOGRAM -->
	<td>&#x25AF;</td>              <!-- WHITE VERTICAL RECTANGLE -->
	<td class="lacuna"><span class="acw90">&#x25AF;</span></td> <!-- white horizontal rectangle -->
	<td>&#x2B2F;</td>              <!-- WHITE VERTICAL ELLIPSE -->
	<td>&#x2B2D;</td>              <!-- WHITE HORIZONTAL ELLIPSE -->
      </tr>

      <tr>
	<td>&#x2B55;</td>              <!-- HEAVY LARGE CIRCLE -->
	<td>&#x2B57;</td>              <!-- HEAVY CIRCLE WITH CIRCLE INSIDE -->
	<td>&#x2B56;</td>              <!-- HEAVY OVAL WITH OVAL INSIDE -->
	<td>&#x2B59;</td>              <!-- HEAVY CIRCLED SALTIRE -->
	<td>&#x2BBE;</td>              <!-- CIRCLED X -->
	<td>&#x2BBF;</td>              <!-- CIRCLED BOLD X -->
	<td>&#x25E6;</td>              <!-- WHITE BULLET -->
	<td>&#x25D9;</td>              <!-- INVERSE WHITE CIRCLE -->
	<td>&#x25D8;</td>              <!-- INVERSE BULLET -->
      </tr>

      <tr>
	<td class="lacuna">&#x25CF;</td> <!-- black circle centred -->
	<td>&#x25CF;</td>              <!-- BLACK CIRCLE -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x1F784;</span></span></span></td> <!-- tiny black circle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown">&#x1F784;</span></span></td> <!-- very small black circle -->
	<td class="lacuna"><span class="scaledown">&#x1F784;</span></td> <!-- small black circle -->
	<td>&#x1F784;</td>             <!-- BLACK SLIGHTLY SMALL CIRCLE -->
	<td class="lacuna"><span class="scaleup">&#x1F784;</span></td> <!-- medium small black circle -->
	<td>&#x26AB;</td>              <!-- MEDIUM BLACK CIRCLE -->
	<td>&#x2B24;</td>              <!-- BLACK LARGE CIRCLE -->

	<td class="dup">&#x25CB;</td>  <!-- WHITE CIRCLE -->
	<td>&#x2B58;</td>              <!-- HEAVY CIRCLE -->
	<td class="lacuna"></td>       <!-- LIGHT WHITE CIRCLE -->
	<td>&#x1F785;</td>             <!-- MEDIUM BOLD WHITE CIRCLE -->
	<td>&#x1F786;</td>             <!-- BOLD WHITE CIRCLE -->
	<td>&#x1F787;</td>             <!-- HEAVY WHITE CIRCLE -->
	<td>&#x1F788;</td>             <!-- VERY HEAVY WHITE CIRCLE -->
	<td>&#x1F789;</td>             <!-- EXTREMELY HEAVY WHITE CIRCLE -->
      </tr>
      <tr>
	<td class="lacuna">&#x25CB;</td> <!-- white circle centred -->
	<td>&#x25CB;</td>              <!-- WHITE CIRCLE -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x26AC;</span></span></span></span></td> <!-- white tiny circle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x26AC;</span></span></span></td> <!-- white very small circle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown">&#x26AC;</span></span></td> <!-- small white circle -->
	<td class="lacuna"><span class="scaledown">&#x26AC;</span></td> <!-- white slightly small circle -->
	<td>&#x26AC;</td>              <!-- MEDIUM SMALL WHITE CIRCLE -->
	<td>&#x26AA;</td>              <!-- MEDIUM WHITE CIRCLE -->
	<td>&#x25EF;</td>              <!-- LARGE CIRCLE -->

	<td class="lacuna"></td>       <!-- white circle with centred dot -->
	<td class="lacuna"></td>       <!-- white circle containing black very small circle -->
	<td>&#x1F78A;</td>             <!-- WHITE CIRCLE CONTAINING BLACK SMALL CIRCLE -->
	<td class="lacuna"></td>       <!-- white circle containing black medium circle -->
	<td>&#x1F78B;</td>             <!-- ROUND TARGET -->
	<td class="lacuna"></td>       <!-- white circle with vertical bisecting line -->
	<td class="lacuna"></td>       <!-- white circle with bisecting rising diagonal -->
	<td class="lacuna"></td>       <!-- white circle with horizontal bisecting line -->
	<td class="lacuna"></td>       <!-- white circle with bisecting falling diagonal -->
      </tr>
      <tr>
	<td>&#x2BC0;</td>              <!-- BLACK SQUARE CENTRED -->
	<td>&#x25A0;</td>              <!-- BLACK SQUARE -->
	<td>&#x1F78C;</td>             <!-- BLACK TINY SQUARE -->
	<td>&#x2B1D;</td>              <!-- BLACK VERY SMALL SQUARE -->
	<td>&#x25AA;</td>              <!-- BLACK SMALL SQUARE -->
	<td>&#x1F78D;</td>             <!-- BLACK SLIGHTLY SMALL SQUARE -->
	<td>&#x25FE;</td>              <!-- BLACK MEDIUM SMALL SQUARE -->
	<td>&#x25FC;</td>              <!-- BLACK MEDIUM SQUARE -->
	<td>&#x2B1B;</td>              <!-- BLACK LARGE SQUARE -->

	<td class="dup">&#x25A1;</td>  <!-- WHITE SQUARE -->
	<td class="lacuna"></td>       <!-- heavy square -->
	<td>&#x1F78E;</td>             <!-- LIGHT WHITE SQUARE -->
	<td>&#x1F78F;</td>             <!-- MEDIUM WHITE SQUARE -->
	<td>&#x1F790;</td>             <!-- BOLD WHITE SQUARE -->
	<td>&#x1F791;</td>             <!-- HEAVY WHITE SQUARE -->
	<td>&#x1F792;</td>             <!-- VERY HEAVY WHITE SQUARE -->
	<td>&#x1F793;</td>             <!-- EXTREMELY HEAVY WHITE SQUARE -->
      </tr>
      <tr>
	<td class="lacuna">&#x25A1;</td> <!-- white square centred -->
	<td>&#x25A1;</td>              <!-- WHITE SQUARE -->
	<td class="lacuna"><span class="scaledown">&#x2B1E;</span></td> <!-- white tiny small square -->
	<td>&#x2B1E;</td>              <!-- WHITE VERY SMALL SQUARE -->
	<td class="lacuna"><span class="scaledown">&#x25AB;</span></td> <!-- white slightly small square -->
	<td>&#x25AB;</td>              <!-- WHITE SMALL SQUARE -->
	<td>&#x25FD;</td>              <!-- WHITE MEDIUM SMALL SQUARE -->
	<td>&#x25FB;</td>              <!-- WHITE MEDIUM SQUARE -->
	<td>&#x2B1C;</td>              <!-- WHITE LARGE SQUARE -->

	<td class="lacuna"></td>       <!-- white square with centred dot -->
	<td>&#x1F794;</td>             <!-- WHITE SQUARE CONTAINING BLACK VERY SMALL SQUARE -->
	<td class="lacuna"></td>       <!-- white square containing black small square -->
	<td>&#x1F795;</td>             <!-- WHITE SQUARE CONTAINING BLACK MEDIUM SQUARE -->
	<td>&#x1F796;</td>             <!-- SQUARE TARGET -->
	<td class="lacuna"><span class="cw90">&#x25EB;</span></td> <!-- white square with horizontal bisecting line -->
	<td class="lacuna"></td>       <!-- white square with bisecting rising diagonal -->
	<td>&#x25EB;</td>              <!-- WHITE SQUARE WITH VERTICAL BISECTING LINE -->
	<td class="lacuna"></td>       <!-- white square with bisecting falling diagonal -->
      </tr>
      <tr>
	<td>&#x2BC1;</td>              <!-- BLACK DIAMOND CENTRED -->
	<td>&#x25C6;</td>              <!-- BLACK DIAMOND -->
	<td>&#x1F797;</td>             <!-- BLACK TINY DIAMOND -->
	<td>&#x1F798;</td>             <!-- BLACK VERY SMALL DIAMOND -->
	<td>&#x2B29;</td>              <!-- BLACK SMALL DIAMOND -->
	<td class="lacuna"><span class="scaledown">&#x1F799;</span></td> <!-- black slightly small diamond -->
	<td>&#x1F799;</td>             <!-- BLACK MEDIUM SMALL DIAMOND -->
	<td>&#x2B25;</td>              <!-- BLACK MEDIUM DIAMOND -->
	<td class="lacuna"><span class="scaleup">&#x2B25;</span></td> <!-- black large diamond -->

	<td class="dup">&#x25C7;</td>  <!-- WHITE DIAMOND -->
	<td class="lacuna"></td>       <!-- heavy diamond -->
	<td class="lacuna"></td>       <!-- light white diamond -->
	<td class="lacuna"></td>       <!-- medium white diamond -->
	<td class="lacuna"></td>       <!-- bold white diamond -->
	<td class="lacuna"></td>       <!-- heavy white diamond -->
	<td class="lacuna"></td>       <!-- very heavy white diamond -->
	<td class="lacuna"></td>       <!-- extremely heavy white diamond -->
      </tr>
      <tr>
	<td class="lacuna">&#x25C7;</td> <!-- white diamond square -->
	<td>&#x25C7;</td>              <!-- WHITE DIAMOND -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x2B26;</span></span></span></span></span></td> <!-- white tiny diamond -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x2B26;</span></span></span></span></td> <!-- white very small diamond -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x2B26;</span></span></span></td> <!-- white small diamond -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown">&#x2B26;</span></span></td> <!-- white slightly small diamond -->
	<td class="lacuna"><span class="scaledown">&#x2B26;</span></td> <!-- white medium small diamond -->
	<td>&#x2B26;</td>              <!-- WHITE MEDIUM DIAMOND -->
	<td class="lacuna"><span class="scaleup">&#x2B26;</span></td> <!-- white large diamond -->

	<td class="dup">&#x27D0;</td>  <!-- WHITE DIAMOND WITH CENTRED DOT -->
	<td>&#x1F79A;</td>             <!-- WHITE DIAMOND CONTAINING BLACK VERY SMALL DIAMOND -->
	<td class="lacuna"></td>       <!-- white diamond containing black small diamond -->
	<td>&#x1F79B;</td>             <!-- WHITE DIAMOND CONTAINING BLACK MEDIUM DIAMOND -->
	<td>&#x1F79C;</td>             <!-- DIAMOND TARGET -->
	<td class="lacuna"></td>       <!-- white diamond with vertical bisecting line -->
	<td class="lacuna"></td>       <!-- white diamond with bisecting rising diagonal -->
	<td class="lacuna"></td>       <!-- white diamond with horizontal bisecting line -->
	<td class="lacuna"></td>       <!-- white diamond with bisecting falling diagonal -->
      </tr>
      <tr>
	<td class="lacuna">&#x29EB;</td> <!-- black lozenge centred -->
	<td class="dup">&#x29EB;</td>  <!-- BLACK LOZENGE -->
	<td>&#x1F79D;</td>             <!-- BLACK TINY LOZENGE -->
	<td>&#x1F79E;</td>             <!-- BLACK VERY SMALL LOZENGE -->
	<td>&#x2B2A;</td>              <!-- BLACK SMALL LOZENGE -->
	<td class="lacuna"><span class="scaledown">&#x1F79F;</span></td> <!-- black slightly small lozenge -->
	<td>&#x1F79F;</td>             <!-- BLACK MEDIUM SMALL LOZENGE -->
	<td>&#x2B27;</td>              <!-- BLACK MEDIUM LOZENGE -->
	<td class="lacuna"><span class="scaleup">&#x2B27;</span></td> <!-- black large lozenge -->

	<td class="dup">&#x25CA;</td>  <!-- LOZENGE -->
	<td class="lacuna"></td>       <!-- heavy lozenge -->
	<td class="lacuna"></td>       <!-- light white lozenge -->
	<td class="lacuna"></td>       <!-- medium white lozenge -->
	<td class="lacuna"></td>       <!-- bold white lozenge -->
	<td class="lacuna"></td>       <!-- heavy white lozenge -->
	<td class="lacuna"></td>       <!-- very heavy white lozenge -->
	<td class="lacuna"></td>       <!-- extremely heavy white lozenge -->
      </tr>
      <tr>
	<td class="lacuna">&#x25CA;</td> <!-- white lozenge centred -->
	<td>&#x25CA;</td>              <!-- LOZENGE -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown">&#x2B2B;</span></span></td> <!-- white tiny lozenge -->
	<td class="lacuna"><span class="scaledown">&#x2B2B;</span></td> <!-- white very small lozenge -->
	<td>&#x2B2B;</td>              <!-- WHITE SMALL LOZENGE -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown">&#x2B28;</span></span></td> <!-- white slightly small lozenge -->
	<td class="lacuna"><span class="scaledown">&#x2B28;</span></td> <!-- white medium small lozenge -->
	<td>&#x2B28;</td>              <!-- WHITE MEDIUM LOZENGE -->
	<td class="lacuna"><span class="scaleup">&#x2B28;</span></td> <!-- white large lozenge -->

	<td class="lacuna"></td>       <!-- white lozenge with centred dot -->
	<td class="lacuna"></td>       <!-- white lozenge containing black very small lozenge -->
	<td>&#x1F7A0;</td>             <!-- WHITE LOZENGE CONTAINING BLACK SMALL LOZENGE -->
	<td class="lacuna"></td>       <!-- white lozenge containing black medium lozenge -->
	<td class="lacuna"></td>       <!-- lozenge target -->
	<td class="dup">&#x27E0;</td>  <!-- LOZENGE DIVIDED BY HORIZONTAL RULE -->
	<td class="lacuna"></td>       <!-- white lozenge with bisecting rising diagonal -->
	<td class="lacuna"></td>       <!-- white lozenge with vertical bisecting line -->
	<td class="lacuna"></td>       <!-- white lozenge with bisecting falling diagonal -->
      </tr>
      <tr>
	<td class="lacuna">&#x25B2;</td> <!-- black up-pointing triangle centred -->
	<td class="dup">&#x25B2;</td>  <!-- BLACK UP-POINTING TRIANGLE -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25B2;</span></span></span></span></span></td> <!-- black tiny up-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25B2;</span></span></span></span></td> <!-- black very small up-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25B2;</span></span></span></td> <!-- black small up-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown">&#x25B2;</span></span></td> <!-- black slightly samll up-pointing triangle -->
	<td class="lacuna"><span class="scaledown">&#x25B2;</span></td> <!-- black medium small up-pointing triangle -->
	<td class="lacuna">&#x25B2;</td> <!-- black medium up-pointing triangle -->
	<td class="lacuna"><span class="scaleup">&#x25B2;</span></td> <!-- black large up-pointing triangle -->

	<td class="dup">&#x25B3;</td>  <!-- WHITE UP-POINTING TRIANGLE -->
	<td class="lacuna"></td>       <!-- heavy up-pointing triangle -->
	<td class="lacuna"></td>       <!-- light white up-pointing triangle -->
	<td class="lacuna"></td>       <!-- medium white up-pointing triangle -->
	<td class="lacuna"></td>       <!-- bold white up-pointing triangle -->
	<td class="lacuna"></td>       <!-- heavy white up-pointing triangle -->
	<td class="lacuna"></td>       <!-- very heavy white lozenge -->
	<td class="lacuna"></td>       <!-- extremely heavy white up-pointing triangle -->
      </tr>
      <tr>
	<td class="lacuna">&#x25B3;</td> <!-- white up-pointing triangle centred -->
	<td class="dup">&#x25B3;</td>  <!-- WHITE UP-POINTING TRIANGLE -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25B3;</span></span></span></span></span></td> <!-- white tiny up-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25B3;</span></span></span></span></td> <!-- white very small up-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25B3;</span></span></span></td> <!-- white small up-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown">&#x25B3;</span></span></td> <!-- white slightly samll up-pointing triangle -->
	<td class="lacuna"><span class="scaledown">&#x25B3;</span></td> <!-- white medium small up-pointing triangle -->
	<td class="lacuna">&#x25B3;</td> <!-- white medium up-pointing triangle -->
	<td class="lacuna"><span class="scaleup">&#x25B3;</span></td> <!-- white large up-pointing triangle -->

	<td>&#x25EC;</td>              <!-- WHITE UP-POINTING TRIANGLE WITH DOT -->
	<td class="lacuna"></td>       <!-- white up-pointing triangle containing black very small lozenge -->
	<td class="lacuna"></td>       <!-- white up-pointing triangle containing black small up-pointing triangle -->
	<td class="lacuna"></td>       <!-- white up-pointing triangle containing black medium up-pointing triangle -->
	<td class="lacuna"></td>       <!-- up-pointing triangle target -->
	<td class="lacuna"></td>       <!-- white up-pointing triangle with horizontal bisecting line -->
	<td class="lacuna"></td>       <!-- white up-pointing triangle with bisecting rising diagonal -->
	<td class="lacuna"></td>       <!-- white up-pointing triangle with vertical bisecting line -->
	<td class="lacuna"></td>       <!-- white up-pointing triangle with bisecting falling diagonal -->
      </tr>
      <tr>
	<td class="lacuna">&#x25BC;</td> <!-- black down-pointing triangle centred -->
	<td class="dup">&#x25BC;</td>  <!-- BLACK DOWN-POINTING TRIANGLE -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25BC;</span></span></span></span></span></td> <!-- black tiny down-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25BC;</span></span></span></span></td> <!-- black very small down-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25BC;</span></span></span></td> <!-- black small down-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown">&#x25BC;</span></span></td> <!-- black slightly samll down-pointing triangle -->
	<td class="lacuna"><span class="scaledown">&#x25BC;</span></td> <!-- black medium small down-pointing triangle -->
	<td class="lacuna">&#x25BC;</td> <!-- black medium down-pointing triangle -->
	<td class="lacuna"><span class="scaleup">&#x25BC;</span></td> <!-- black large down-pointing triangle -->

	<td class="dup">&#x25BD;</td>  <!-- WHITE DOWN-POINTING TRIANGLE -->
	<td class="lacuna"></td>       <!-- heavy down-pointing triangle -->
	<td class="lacuna"></td>       <!-- light white down-pointing triangle -->
	<td class="lacuna"></td>       <!-- medium white down-pointing triangle -->
	<td class="lacuna"></td>       <!-- bold white down-pointing triangle -->
	<td class="lacuna"></td>       <!-- heavy white down-pointing triangle -->
	<td class="lacuna"></td>       <!-- very heavy white lozenge -->
	<td class="lacuna"></td>       <!-- extremely heavy white down-pointing triangle -->
      </tr>
      <tr>
	<td class="lacuna">&#x25BD;</td> <!-- white down-pointing triangle centred -->
	<td class="dup">&#x25BD;</td>  <!-- WHITE DOWN-POINTING TRIANGLE -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25BD;</span></span></span></span></span></td> <!-- white tiny down-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25BD;</span></span></span></span></td> <!-- white very small down-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown"><span class="scaledown">&#x25BD;</span></span></span></td> <!-- white small down-pointing triangle -->
	<td class="lacuna"><span class="scaledown"><span class="scaledown">&#x25BD;</span></span></td> <!-- white slightly samll down-pointing triangle -->
	<td class="lacuna"><span class="scaledown">&#x25BD;</span></td> <!-- white medium small down-pointing triangle -->
	<td class="lacuna">&#x25BD;</td> <!-- white medium down-pointing triangle -->
	<td class="lacuna"><span class="scaleup">&#x25BD;</span></td> <!-- white large down-pointing triangle -->

	<td class="lacuna"><span class="flip">&#x25EC;</span></td> <!-- WHITE DOWN-POINTING TRIANGLE WITH DOT -->
	<td class="lacuna"></td>       <!-- white down-pointing triangle containing black very small lozenge -->
	<td class="lacuna"></td>       <!-- white down-pointing triangle containing black small down-pointing triangle -->
	<td class="lacuna"></td>       <!-- white down-pointing triangle containing black medium down-pointing triangle -->
	<td class="lacuna"></td>       <!-- down-pointing triangle target -->
	<td class="lacuna"></td>       <!-- white down-pointing triangle with horizontal bisecting line -->
	<td class="lacuna"></td>       <!-- white down-pointing triangle with bisecting rising diagonal -->
	<td class="lacuna"></td>       <!-- white down-pointing triangle with vertical bisecting line -->
	<td class="lacuna"></td>       <!-- white down-pointing triangle with bisecting falling diagonal -->
      </tr>

      <tr>
	<td class="lacuna"></td>       <!-- thin three spoked asterisk -->
	<td class="lacuna"></td>       <!-- light three spoked asterisk -->
	<td class="lacuna"></td>       <!-- medium three spoked asterisk -->
	<td class="lacuna"></td>       <!-- bold three spoked asterisk -->
	<td class="lacuna"></td>       <!-- heavy three spoked asterisk -->
	<td class="lacuna"></td>       <!-- very heavy three spoked asterisk -->
	<td class="lacuna"></td>       <!-- extremely heavy three spoked asterisk -->

	<td>&#x1F7C0;</td>             <!-- LIGHT THREE POINTED BLACK STAR -->
	<td>&#x1F7C1;</td>             <!-- MEDIUM THREE POINTED BLACK STAR -->
	<td>&#x1F7C2;</td>             <!-- THREE POINTED BLACK STAR -->
	<td class="lacuna"></td>       <!-- heavy three pointed black star -->
	<td class="lacuna"></td>       <!-- very heavy three pointed black star -->
	<td class="lacuna"></td>       <!-- light three pointed pinwheel star -->
	<td>&#x1F7C3;</td>             <!-- MEDIUM THREE POINTED PINWHEEL STAR -->
	<td class="lacuna"></td>       <!-- three pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- heavy three pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- very heavy three pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse light three pointed pinwheel star -->
	<td class="lacuna"><span class="flop">&#x1F7C3;</span></td> <!-- reverse medium three pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse three pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse heavy three pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse very heavy three pointed pinwheel star -->
      </tr>
      <tr>
	<td>&#x1F7A1;</td>             <!-- THIN GREEK CROSS -->
	<td>&#x1F7A2;</td>             <!-- LIGHT GREEK CROSS -->
	<td>&#x1F7A3;</td>             <!-- MEDIUM GREEK CROSS -->
	<td>&#x1F7A4;</td>             <!-- BOLD GREEK CROSS -->
	<td>&#x1F7A5;</td>             <!-- VERY BOLD GREEK CROSS -->
	<td>&#x1F7A6;</td>             <!-- VERY HEAVY GREEK CROSS -->
	<td>&#x1F7A7;</td>             <!-- EXTREMELY HEAVY GREEK CROSS -->

	<td>&#x1F7C4;</td>             <!-- LIGHT FOUR POINTED BLACK STAR -->
	<td>&#x1F7C5;</td>             <!-- MEDIUM FOUR POINTED BLACK STAR -->
	<td>&#x1F7C6;</td>             <!-- FOUR POINTED BLACK STAR -->
	<td class="lacuna"></td>       <!-- heavy four pointed black star -->
	<td class="lacuna"></td>       <!-- very heavy four pointed black star -->
	<td class="lacuna"><span class="flop">&#x1F7C8;</span></td> <!-- light four pointed pinwheel star -->
	<td>&#x1F7C7;</td>             <!-- MEDIUM FOUR POINTED PINWHEEL STAR -->
	<td class="lacuna"></td>       <!-- four pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- heavy four pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- very heavy four pointed pinwheel star -->
	<td>&#x1F7C8;</td>             <!-- REVERSE LIGHT FOUR POINTED PINWHEEL STAR -->
	<td class="lacuna"><span class="flop">&#x1F7C7;</span></td> <!-- reverse medium four pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse four pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse heavy four pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse very heavy four pointed pinwheel star -->
      </tr>
      <tr>
	<td>&#x1F7A8;</td>             <!-- THIN SALTIRE -->
	<td>&#x1F7A9;</td>             <!-- LIGHT SALTIRE -->
	<td>&#x1F7AA;</td>             <!-- MEDIUM SALTIRE -->
	<td>&#x1F7AB;</td>             <!-- BOLD SALTIRE -->
	<td>&#x1F7AC;</td>             <!-- HEAVY SALTIRE -->
	<td>&#x1F7AD;</td>             <!-- VERY HEAVY SALTIRE -->
	<td>&#x1F7AE;</td>             <!-- EXTREMELY HEAVY SALTIRE -->

	<td class="lacuna"><span class="cw45">&#x1F7C4;</span></td> <!-- light four pointed saltire black star -->
	<td class="lacuna"><span class="cw45">&#x1F7C5;</span></td> <!-- medium four pointed saltire black star -->
	<td class="lacuna"><span class="cw45">&#x1F7C6;</span></td> <!-- four pointed saltire black star -->
	<td class="lacuna"></td>       <!-- heavy four pointed saltire black star -->
	<td class="lacuna"></td>       <!-- very heavy four pointed saltire black star -->
	<td class="lacuna"><span class="cw45"><span class="flop">&#x1F7C8;</span></span></td> <!-- light four pointed saltire pinwheel star -->
	<td class="lacuna"><span class="cw45">&#x1F7C7;</span></td> <!-- medium four pointed saltire pinwheel star -->
	<td class="lacuna"></td>       <!-- four pointed saltire pinwheel star -->
	<td class="lacuna"></td>       <!-- heavy four pointed saltire pinwheel star -->
	<td class="lacuna"></td>       <!-- very heavy four pointed saltire pinwheel star -->
	<td class="lacuna"><span class="cw45">&#x1F7C8;</span></td> <!-- reverse light four pointed saltire pinwheel star -->
	<td class="lacuna"><span class="cw45"><span class="flop">&#x1F7C7;</span></span></td> <!-- reverse medium four pointed saltire pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse four pointed saltire pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse heavy four pointed saltire pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse very heavy four pointed saltire pinwheel star -->
      </tr>
      <tr>
	<td class="lacuna"></td>       <!-- thin five spoked asterisk -->
	<td>&#x1F7AF;</td>             <!-- LIGHT FIVE SPOKED ASTERISK -->
	<td>&#x1F7B0;</td>             <!-- MEDIUM FIVE SPOKED ASTERISK -->
	<td>&#x1F7B1;</td>             <!-- BOLD FIVE SPOKED ASTERISK -->
	<td>&#x1F7B2;</td>             <!-- HEAVY FIVE SPOKED ASTERISK -->
	<td>&#x1F7B3;</td>             <!-- VERY HEAVY FIVE SPOKED ASTERISK -->
	<td>&#x1F7B4;</td>             <!-- EXTREMELY HEAVY FIVE SPOKED ASTERISK -->

	<td>&#x1F7C9;</td>             <!-- LIGHT FIVE POINTED BLACK STAR -->
	<td class="lacuna"></td>       <!-- medium five pointed black star -->
	<td class="lacuna"></td>       <!-- five pointed black star -->
	<td>&#x1F7CA;</td>             <!-- HEAVY FIVE POINTED BLACK STAR -->
	<td class="lacuna"></td>       <!-- very heavy five pointed black star -->
	<td class="lacuna"></td>       <!-- light five pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- medium five pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- five pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- heavy five pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- very heavy five pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse light five pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse medium five pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse five pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse heavy five pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse very heavy five pointed pinwheel star -->
      </tr>
      <tr>
	<td class="lacuna"></td>       <!-- thin six spoked asterisk -->
	<td>&#x1F7B5;</td>             <!-- LIGHT SIX SPOKED ASTERISK -->
	<td>&#x1F7B6;</td>             <!-- MEDIUM SIX SPOKED ASTERISK -->
	<td>&#x1F7B7;</td>             <!-- BOLD SIX SPOKED ASTERISK -->
	<td>&#x1F7B8;</td>             <!-- HEAVY SIX SPOKED ASTERISK -->
	<td>&#x1F7B9;</td>             <!-- VERY HEAVY SIX SPOKED ASTERISK -->
	<td>&#x1F7BA;</td>             <!-- EXTREMELY HEAVY SIX SPOKED ASTERISK -->

	<td class="lacuna"></td>       <!-- light six pointed black star -->
	<td>&#x1F7CB;</td>             <!-- MEDIUM SIX POINTED BLACK STAR -->
	<td class="lacuna"></td>       <!-- six pointed black star -->
	<td>&#x1F7CC;</td>             <!-- HEAVY SIX POINTED BLACK STAR -->
	<td class="lacuna"></td>       <!-- very heavy six pointed black star -->
	<td class="lacuna"></td>       <!-- light six pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- medium six pointed pinwheel star -->
	<td>&#x1F7CD;</td>             <!-- SIX POINTED PINWHEEL STAR -->
	<td class="lacuna"></td>       <!-- heavy six pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- very heavy six pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse light six pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse medium six pointed pinwheel star -->
	<td class="lacuna"><span class="flop">&#x1F7CD;</span></td> <!-- reverse six pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse heavy six pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse very heavy six pointed pinwheel star -->
      </tr>
      <tr>
	<td class="lacuna"><div class="overlap"><span class="cw90">&#x1F7A1;</span>&#x1F7A8;</div></td> <!-- thin eight spoked asterisk -->
	<td>&#x1F7BB;</td>             <!-- LIGHT EIGHT SPOKED ASTERISK -->
	<td>&#x1F7BC;</td>             <!-- MEDIUM EIGHT SPOKED ASTERISK -->
	<td>&#x1F7BD;</td>             <!-- BOLD EIGHT SPOKED ASTERISK -->
	<td>&#x1F7BE;</td>             <!-- HEAVY EIGHT SPOKED ASTERISK -->
	<td>&#x1F7BF;</td>             <!-- VERY HEAVY EIGHT SPOKED ASTERISK -->
	<td class="lacuna"><div class="overlap"><span class="cw90">&#x1F7A7;</span>&#x1F7AE;</div></td> <!-- extremely heavy eight spoked asterisk -->

	<td class="lacuna"></td>       <!-- light eight pointed black star -->
	<td>&#x1F7CE;</td>             <!-- MEDIUM EIGHT POINTED BLACK STAR -->
	<td class="lacuna"></td>       <!-- eight pointed black star -->
	<td>&#x1F7CF;</td>             <!-- HEAVY EIGHT POINTED BLACK STAR -->
	<td>&#x1F7D0;</td>             <!-- VERY HEAVY EIGHT POINTED BLACK STAR -->
	<td class="lacuna"></td>       <!-- light eight pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- medium eight pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- eight pointed pinwheel star -->
	<td>&#x1F7D1;</td>             <!-- HEAVY EIGHT POINTED PINWHEEL STAR -->
	<td class="lacuna"></td>       <!-- very heavy eight pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse light eight pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse medium eight pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse eight pointed pinwheel star -->
	<td class="lacuna"><span class="flop">&#x1F7D1;</span></td> <!-- reverse heavy eight pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse very heavy eight pointed pinwheel star -->
      </tr>
      <tr>
	<td class="lacuna"></td>       <!-- thin twelve spoked asterisk -->
	<td class="lacuna"><div class="overlap"><span class="cw90">&#x1F7B5;</span>&#x1F7B5;</div></td> <!-- light twelve spoked asterisk -->
	<td class="lacuna"><div class="overlap"><span class="cw90">&#x1F7B6;</span>&#x1F7B6;</div></td> <!-- medium twelve spoked asterisk -->
	<td class="lacuna"><div class="overlap"><span class="cw90">&#x1F7B7;</span>&#x1F7B7;</div></td> <!-- bold twelve spoked asterisk -->
	<td class="lacuna"><div class="overlap"><span class="cw90">&#x1F7B8;</span>&#x1F7B8;</div></td> <!-- heavy twelve spoked asterisk -->
	<td class="lacuna"><div class="overlap"><span class="cw90">&#x1F7B9;</span>&#x1F7B9;</div></td> <!-- very heavy twelve spoked asterisk -->
	<td class="lacuna"><div class="overlap"><span class="cw90">&#x1F7BA;</span>&#x1F7BA;</div></td> <!-- extremely heavy twelve spoked asterisk -->

	<td>&#x1F7D2;</td>             <!-- LIGHT TWELVE POINTED BLACK STAR -->
	<td class="lacuna"></td>       <!-- medium twelve pointed black star -->
	<td class="lacuna"></td>       <!-- twelve pointed black star -->
	<td>&#x1F7D3;</td>             <!-- HEAVY TWELVE POINTED BLACK STAR -->
	<td class="lacuna"></td>       <!-- very heavy twelve pointed black star -->
	<td class="lacuna"></td>       <!-- light twelve pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- medium twelve pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- twelve pointed pinwheel star -->
	<td>&#x1F7D4;</td>             <!-- HEAVY TWELVE POINTED PINWHEEL STAR -->
	<td class="lacuna"></td>       <!-- very heavy twelve pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse light twelve pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse medium twelve pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse twelve pointed pinwheel star -->
	<td class="lacuna"><span class="flop">&#x1F7D4;</span></td> <!-- reverse heavy twelve pointed pinwheel star -->
	<td class="lacuna"></td>       <!-- reverse very heavy twelve pointed pinwheel star -->
      </tr>

      <tr>
	<td>&#x25CC;</td>              <!-- DOTTED CIRCLE -->
	<td class="lacuna"><span class="cw90">&#x25CD;</span></td> <!-- circle with horizontal fill -->
	<td>&#x25CD;</td>              <!-- CIRCLE WITH VERTICAL FILL -->
	<td class="lacuna"><div class="overlap"><span class="cw90">&#x25CD;</span>&#x25CD;</div></td> <!-- circle with orthogonal crosshatch fill -->
	<td class="lacuna"><span class="acw45">&#x25CD;</span></td> <!-- circle with upper left to lower right fill -->
	<td class="lacuna"><span class="cw45">&#x25CD;</span></td> <!-- circle with upper right to lower left fill -->
	<td class="lacuna"><div class="overlap cw45"><span class="cw90">&#x25CD;</span>&#x25CD;</div></td> <!-- circle with diagonal crosshatch fill -->
	<td>&#x1F534;</td>             <!-- LARGE RED CIRCLE -->
	<td>&#x1F535;</td>             <!-- LARGE BLUE CIRCLE -->
	<td>&#x1F7E0;</td>             <!-- LARGE ORANGE CIRCLE -->
	<td>&#x1F7E1;</td>             <!-- LARGE YELLOW CIRCLE -->
	<td>&#x1F7E2;</td>             <!-- LARGE GREEN CIRCLE -->
	<td>&#x1F7E3;</td>             <!-- LARGE PURPLE CIRCLE -->
	<td>&#x1F7E4;</td>             <!-- LARGE BROWN CIRCLE -->
	<td class="lacuna"></td>       <!-- black circular button -->
	<td class="lacuna"></td>       <!-- white circular button -->
      </tr>
      <tr>
	<td>&#x2B1A;</td>              <!-- DOTTED SQUARE -->
	<td>&#x25A4;</td>              <!-- SQUARE WITH HORIZONTAL FILL -->
	<td>&#x25A5;</td>              <!-- SQUARE WITH VERTICAL FILL -->
	<td>&#x25A6;</td>              <!-- SQUARE WITH ORTHOGONAL CROSSHATCH FILL -->
	<td>&#x25A7;</td>              <!-- SQUARE WITH UPPER LEFT TO LOWER RIGHT FILL -->
	<td>&#x25A8;</td>              <!-- SQUARE WITH UPPER RIGHT TO LOWER LEFT FILL -->
	<td>&#x25A9;</td>              <!-- SQUARE WITH DIAGONAL CROSSHATCH FILL -->
	<td>&#x1F7E5;</td>             <!-- LARGE RED SQUARE -->
	<td>&#x1F7E6;</td>             <!-- LARGE BLUE SQUARE -->
	<td>&#x1F7E7;</td>             <!-- LARGE ORANGE SQUARE -->
	<td>&#x1F7E8;</td>             <!-- LARGE YELLOW SQUARE -->
	<td>&#x1F7E9;</td>             <!-- LARGE GREEN SQUARE -->
	<td>&#x1F7EA;</td>             <!-- LARGE PURPLE SQUARE -->
	<td>&#x1F7EB;</td>             <!-- LARGE BROWN SQUARE -->
	<td>&#x1F532;</td>             <!-- BLACK SQUARE BUTTON -->
	<td>&#x1F533;</td>             <!-- WHITE SQUARE BUTTON -->
      </tr>
      <tr>
	<td class="lacuna"><span class="diamond">&#x2B1A;</span></td> <!-- dotted diamond -->
	<td class="lacuna"><span class="diamond">&#x25A7;</span></td> <!-- diamond with horizontal fill -->
	<td class="lacuna"><span class="diamond">&#x25A8;</span></td> <!-- diamond with vertical fill -->
	<td class="lacuna"><span class="diamond">&#x25A9;</span></td> <!-- diamond with orthogonal crosshatch fill -->
	<td class="lacuna"><span class="diamond">&#x25A5;</span></td> <!-- diamond with upper left to lower right fill -->
	<td class="lacuna"><span class="diamond">&#x25A4;</span></td> <!-- diamond with upper right to lower left fill -->
	<td class="lacuna"><span class="diamond">&#x25A6;</span></td> <!-- diamond with diagonal crosshatch fill -->
	<td class="lacuna"><span class="diamond">&#x1F7E5;</span></td> <!-- large red diamond -->
	<td>&#x1F537;</td>             <!-- LARGE BLUE DIAMOND -->
	<td>&#x1F536;</td>             <!-- LARGE ORANGE DIAMOND -->
	<td class="lacuna"><span class="diamond">&#x1F7E8;</span></td> <!-- large yellow diamond -->
	<td class="lacuna"><span class="diamond">&#x1F7E9;</span></td> <!-- large green diamond -->
	<td class="lacuna"><span class="diamond">&#x1F7EA;</span></td> <!-- large purple diamond -->
	<td class="lacuna"><span class="diamond">&#x1F7EB;</span></td> <!-- large brown diamond -->
	<td class="lacuna"><span class="diamond">&#x1F532;</span></td> <!-- black diamond button -->
	<td class="lacuna"><span class="diamond">&#x1F533;</span></td> <!-- white diamond button -->
      </tr>
      <tr>
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x2B1A;</span></span></td> <!-- small dotted diamond -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x25A7;</span></span></td> <!-- small diamond with horizontal fill -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x25A8;</span></span></td> <!-- small diamond with vertical fill -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x25A9;</span></span></td> <!-- small diamond with orthogonal crosshatch fill -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x25A5;</span></span></td> <!-- small diamond with upper left to lower right fill -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x25A4;</span></span></td> <!-- small diamond with upper right to lower left fill -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x25A6;</span></span></td> <!-- small diamond with diagonal crosshatch fill -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x1F7E5;</span></span></td> <!-- small red diamond -->
	<td>&#x1F539;</td>             <!-- SMALL BLUE DIAMOND -->
	<td>&#x1F538;</td>             <!-- SMALL ORANGE DIAMOND -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x1F7E8;</span></span></td> <!-- small yellow diamond -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x1F7E9;</span></span></td> <!-- small green diamond -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x1F7EA;</span></span></td> <!-- small purple diamond -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x1F7EB;</span></span></td> <!-- small brown diamond -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x1F532;</span></span></td> <!-- small black diamond button -->
	<td class="lacuna"><span class="scaledown"><span class="diamond">&#x1F533;</span></span></td> <!-- small white diamond button -->
      </tr>
      <tr>
	<td class="lacuna"></td>       <!-- dotted up-pointing triangle -->
	<td class="lacuna"></td>       <!-- up-pointing triangle with horizontal fill -->
	<td class="lacuna"></td>       <!-- up-pointing triangle with vertical fill -->
	<td class="lacuna"></td>       <!-- up-pointing triangle with orthogonal crosshatch fill -->
	<td class="lacuna"></td>       <!-- up-pointing triangle with upper left to lower right fill -->
	<td class="lacuna"></td>       <!-- up-pointing triangle with upper right to lower left fill -->
	<td class="lacuna"></td>       <!-- up-pointing triangle with diagonal crosshatch fill -->
	<td>&#x1F53A;</td>             <!-- UP-POINTING RED TRIANGLE -->
	<td class="lacuna"></td>       <!-- up-pointing blue triangle -->
	<td class="lacuna"></td>       <!-- up-pointing orange triangle -->
	<td class="lacuna"></td>       <!-- up-pointing yellow triangle -->
	<td class="lacuna"></td>       <!-- up-pointing green triangle -->
	<td class="lacuna"></td>       <!-- up-pointing purple triangle -->
	<td class="lacuna"></td>       <!-- up-pointing brown triangle -->
	<td class="lacuna"></td>       <!-- up-pointing black triangular button -->
	<td class="lacuna"></td>       <!-- up-pointing white triangular button -->
      </tr>
      <tr>
	<td class="lacuna"></td>       <!-- dotted down-pointing triangle -->
	<td class="lacuna"></td>       <!-- down-pointing triangle with horizontal fill -->
	<td class="lacuna"></td>       <!-- down-pointing triangle with vertical fill -->
	<td class="lacuna"></td>       <!-- down-pointing triangle with orthogonal crosshatch fill -->
	<td class="lacuna"></td>       <!-- down-pointing triangle with upper left to lower right fill -->
	<td class="lacuna"></td>       <!-- down-pointing triangle with upper right to lower left fill -->
	<td class="lacuna"></td>       <!-- down-pointing triangle with diagonal crosshatch fill -->
	<td>&#x1F53B;</td>             <!-- DOWN-POINTING RED TRIANGLE -->
	<td class="lacuna"></td>       <!-- down-pointing blue triangle -->
	<td class="lacuna"></td>       <!-- down-pointing orange triangle -->
	<td class="lacuna"></td>       <!-- down-pointing yellow triangle -->
	<td class="lacuna"></td>       <!-- down-pointing green triangle -->
	<td class="lacuna"></td>       <!-- down-pointing purple triangle -->
	<td class="lacuna"></td>       <!-- down-pointing brown triangle -->
	<td class="lacuna"></td>       <!-- down-pointing black triangular button -->
	<td class="lacuna"></td>       <!-- down-pointing white triangular button -->
      </tr>
      <tr>
	<td class="lacuna"></td>       <!-- small dotted up-pointing triangle -->
	<td class="lacuna"></td>       <!-- up-pointing small triangle with horizontal fill -->
	<td class="lacuna"></td>       <!-- up-pointing small triangle with vertical fill -->
	<td class="lacuna"></td>       <!-- up-pointing small triangle with orthogonal crosshatch fill -->
	<td class="lacuna"></td>       <!-- up-pointing small triangle with upper left to lower right fill -->
	<td class="lacuna"></td>       <!-- up-pointing small triangle with upper right to lower left fill -->
	<td class="lacuna"></td>       <!-- up-pointing small triangle with diagonal crosshatch fill -->
	<td>&#x1F53C;</td>             <!-- UP-POINTING SMALL RED TRIANGLE -->
	<td class="lacuna"></td>       <!-- up-pointing small blue triangle -->
	<td class="lacuna"></td>       <!-- up-pointing small orange triangle -->
	<td class="lacuna"></td>       <!-- up-pointing small yellow triangle -->
	<td class="lacuna"></td>       <!-- up-pointing small green triangle -->
	<td class="lacuna"></td>       <!-- up-pointing small purple triangle -->
	<td class="lacuna"></td>       <!-- up-pointing small brown triangle -->
	<td class="lacuna"></td>       <!-- up-pointing small black triangular button -->
	<td class="lacuna"></td>       <!-- up-pointing small white triangular button -->
      </tr>
      <tr>
	<td class="lacuna"></td>       <!-- small dotted down-pointing triangle -->
	<td class="lacuna"></td>       <!-- down-pointing small triangle with horizontal fill -->
	<td class="lacuna"></td>       <!-- down-pointing small triangle with vertical fill -->
	<td class="lacuna"></td>       <!-- down-pointing small triangle with orthogonal crosshatch fill -->
	<td class="lacuna"></td>       <!-- down-pointing small triangle with upper left to lower right fill -->
	<td class="lacuna"></td>       <!-- down-pointing small triangle with upper right to lower left fill -->
	<td class="lacuna"></td>       <!-- SQUARE down-pointing small triangle diagonal crosshatch fill -->
	<td>&#x1F53D;</td>             <!-- DOWN-POINTING SMALL RED TRIANGLE -->
	<td class="lacuna"></td>       <!-- down-pointing small blue triangle -->
	<td class="lacuna"></td>       <!-- down-pointing small orange triangle -->
	<td class="lacuna"></td>       <!-- down-pointing small yellow triangle -->
	<td class="lacuna"></td>       <!-- down-pointing small green triangle -->
	<td class="lacuna"></td>       <!-- down-pointing small purple triangle -->
	<td class="lacuna"></td>       <!-- down-pointing small brown triangle -->
	<td class="lacuna"></td>       <!-- down-pointing small black triangular button -->
	<td class="lacuna"></td>       <!-- down-pointing small white triangular button -->
      </tr>
    </table>
    <!-- See also `arrows` -->
  </body>
</html>