Skip to content

Instantly share code, notes, and snippets.

@miladj3

miladj3/audiocrawl-interactive-masthead.markdown

Created May 18, 2018 17:25
Show Gist options
  • Save miladj3/b1fe8f28009a7aceeb78e6b465142049 to your computer and use it in GitHub Desktop.
Save miladj3/b1fe8f28009a7aceeb78e6b465142049 to your computer and use it in GitHub Desktop.
Download ZIP
AudioCrawl Interactive Masthead
Raw
index.html
<svg class="masthead-eq" version="1.1" id="Õ_xBA__x2264__x201E__x5F_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2452 1226" enable-background="new 0 0 2452 1226" xml:space="preserve">
<g>
<polygon fill="#003D6D" points="0,1157.891 0,1226.001 68.111,1157.891"></polygon>
<polygon fill="#005490" points="68.11,1226.001 68.111,1157.891 0,1226.001"></polygon>
<polygon fill="#0078A7" points="68.111,1089.778 0,1089.778 68.111,1157.891"></polygon>
<polygon fill="#20AEBD" points="68.111,1089.778 68.111,1021.667 0,1089.78"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="68.11,1226.001 136.222,1226.001 68.111,1157.891"></polygon>
<polygon fill="#0078A7" points="136.221,1157.891 68.11,1157.891 136.222,1226.001"></polygon>
<polygon fill="#20AEBD" points="136.223,1157.891 136.222,1089.778 68.111,1157.891"></polygon>
<polygon fill="#005490" points="68.111,1089.778 68.111,1157.891 136.222,1089.778"></polygon>
<polygon fill="#AFDDD2" points="68.111,1089.778 136.222,1089.778 68.111,1021.667"></polygon>
<polygon fill="#005490" points="136.222,1021.667 68.111,1021.667 136.222,1089.778"></polygon>
<polygon fill="#AFDDD2" points="68.111,953.557 68.111,1021.67 136.223,953.557"></polygon>
<polygon fill="#20AEBD" points="136.222,1021.667 136.223,953.557 68.111,1021.667"></polygon>
<polygon fill="#AFDDD2" points="136.222,885.446 68.111,885.446 136.222,953.557"></polygon>
<polygon fill="#AFDDD2" points="136.223,749.224 68.111,749.224 136.222,817.336"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="204.332,1226.001 204.332,1157.891 136.221,1226.001"></polygon>
<polygon fill="#005490" points="136.221,1157.891 136.221,1226.001 204.332,1157.891"></polygon>
<polygon fill="#003D6D" points="136.223,1157.891 204.334,1157.891 136.222,1089.778"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="204.332,1226.001 272.443,1226.001 204.332,1157.891"></polygon>
<polygon fill="#005490" points="272.443,1157.891 204.332,1157.891 272.443,1226.001"></polygon>
<polygon fill="#005490" points="204.333,1089.78 204.334,1157.891 272.445,1089.778"></polygon>
<polygon fill="#005490" points="272.443,1157.891 272.443,1089.778 204.333,1157.891"></polygon>
<polygon fill="#005490" points="204.333,1089.78 272.443,1089.78 204.332,1021.667"></polygon>
<polygon fill="#0078A7" points="272.443,1021.667 204.332,1021.667 272.443,1089.78"></polygon>
<polygon fill="#20AEBD" points="204.333,953.557 204.332,1021.667 272.443,953.557"></polygon>
</g>
<g>
<polygon fill="#005490" points="340.555,1226.001 340.555,1157.891 272.443,1226.001"></polygon>
<polygon fill="#0078A7" points="272.443,1157.891 272.443,1226.001 340.555,1157.891"></polygon>
<polygon fill="#005490" points="272.443,1157.891 340.555,1157.891 272.443,1089.78"></polygon>
<polygon fill="#0078A7" points="340.555,1089.78 272.443,1089.78 340.555,1157.891"></polygon>
<polygon fill="#005490" points="340.555,1089.78 340.556,1021.667 272.443,1089.78"></polygon>
<polygon fill="#0078A7" points="272.443,1021.67 272.443,1089.78 340.556,1021.667"></polygon>
<polygon fill="#005490" points="272.443,1021.67 340.556,1021.667 272.443,953.557"></polygon>
<polygon fill="#005490" points="340.556,953.557 272.443,953.557 340.556,1021.667"></polygon>
<polygon fill="#20AEBD" points="340.556,953.557 340.555,885.446 272.443,953.557"></polygon>
<polygon fill="#0078A7" points="272.443,885.446 272.443,953.557 340.555,885.446"></polygon>
<polygon fill="#AFDDD2" points="340.556,817.336 272.443,817.334 340.555,885.446"></polygon>
<polygon fill="#AFDDD2" points="272.443,885.446 340.555,885.446 272.443,817.334"></polygon>
<polygon fill="#AFDDD2" points="272.443,749.224 272.443,817.336 340.556,749.224"></polygon>
<polygon fill="#0078A7" points="340.556,817.336 340.555,749.223 272.443,817.336"></polygon>
<polygon fill="#20AEBD" points="340.555,681.112 272.443,681.113 340.556,749.225"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="408.665,1157.891 340.553,1157.891 408.665,1226.001"></polygon>
<polygon fill="#003D6D" points="340.555,1226.001 408.666,1226.001 340.555,1157.891"></polygon>
<polygon fill="#005490" points="408.665,1157.891 408.666,1089.778 340.555,1157.891"></polygon>
<polygon fill="#003D6D" points="340.555,1089.78 340.555,1157.891 408.666,1089.778"></polygon>
<polygon fill="#003D6D" points="340.555,1089.78 408.666,1089.78 340.555,1021.667"></polygon>
<polygon fill="#0078A7" points="408.666,1021.667 340.555,1021.667 408.666,1089.778"></polygon>
<polygon fill="#005490" points="340.556,953.557 340.555,1021.67 408.666,953.557"></polygon>
<polygon fill="#003D6D" points="408.666,1021.667 408.666,953.557 340.555,1021.67"></polygon>
<polygon fill="#005490" points="408.666,885.446 340.555,885.446 408.666,953.557"></polygon>
<polygon fill="#20AEBD" points="340.556,953.557 408.666,953.557 340.555,885.446"></polygon>
<polygon fill="#003D6D" points="340.556,817.336 340.555,885.446 408.666,817.334"></polygon>
<polygon fill="#0078A7" points="408.666,885.446 408.666,817.334 340.555,885.446"></polygon>
<polygon fill="#AFDDD2" points="408.666,749.224 340.555,749.224 408.666,817.336"></polygon>
<polygon fill="#20AEBD" points="340.556,817.336 408.666,817.334 340.555,749.223"></polygon>
<polygon fill="#AFDDD2" points="340.555,681.112 340.555,749.225 408.666,681.112"></polygon>
<polygon fill="#20AEBD" points="340.555,681.112 408.665,681.112 340.553,613.001"></polygon>
<polygon fill="#AFDDD2" points="340.556,544.891 340.555,613.001 408.666,544.891"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="408.665,1157.891 408.665,1226.001 476.776,1157.891"></polygon>
<polygon fill="#005490" points="476.776,1226.001 476.776,1157.891 408.665,1226.001"></polygon>
<polygon fill="#0078A7" points="408.665,1157.891 476.776,1157.891 408.666,1089.778"></polygon>
<polygon fill="#005490" points="476.776,1089.778 408.665,1089.78 476.776,1157.891"></polygon>
<polygon fill="#0078A7" points="408.666,1021.667 408.665,1089.78 476.776,1021.667"></polygon>
<polygon fill="#005490" points="408.665,1089.78 476.776,1089.778 476.776,1021.667"></polygon>
<polygon fill="#005490" points="408.666,1021.667 476.776,1021.667 408.666,953.557"></polygon>
<polygon fill="#0078A7" points="476.776,953.557 408.666,953.557 476.776,1021.667"></polygon>
<polygon fill="#AFDDD2" points="476.776,953.557 476.777,885.446 408.666,953.557"></polygon>
<polygon fill="#20AEBD" points="408.666,885.446 408.666,953.557 476.777,885.446"></polygon>
<polygon fill="#0078A7" points="408.666,885.446 476.777,885.446 408.666,817.334"></polygon>
</g>
<g>
<polygon fill="#005490" points="476.776,1226.001 544.889,1226.001 476.776,1157.891"></polygon>
<polygon fill="#0078A7" points="544.887,1157.891 476.776,1157.891 544.889,1226.001"></polygon>
<polygon fill="#0078A7" points="476.776,1089.778 476.776,1157.891 544.889,1089.778"></polygon>
<polygon fill="#005490" points="544.889,1157.891 544.889,1089.778 476.776,1157.891"></polygon>
<polygon fill="#005490" points="544.887,1021.667 476.776,1021.667 544.889,1089.78"></polygon>
<polygon fill="#20AEBD" points="476.776,1089.778 544.889,1089.778 476.776,1021.667"></polygon>
<polygon fill="#0078A7" points="544.887,1021.667 544.889,953.557 476.776,1021.667"></polygon>
<polygon fill="#20AEBD" points="544.889,885.446 476.776,885.446 544.887,953.557"></polygon>
<polygon fill="#0078A7" points="544.889,885.446 544.887,817.334 476.776,885.446"></polygon>
<polygon fill="#20AEBD" points="476.776,817.336 476.776,885.446 544.889,817.334"></polygon>
<polygon fill="#AFDDD2" points="544.887,749.224 476.776,749.224 544.887,817.336"></polygon>
<polygon fill="#20AEBD" points="476.776,817.336 544.887,817.336 476.776,749.224"></polygon>
<polygon fill="#AFDDD2" points="476.776,681.112 476.776,749.224 544.889,681.112"></polygon>
<polygon fill="#20AEBD" points="544.887,749.224 544.887,681.112 476.776,749.224"></polygon>
<polygon fill="#AFDDD2" points="544.887,613.001 476.776,613.001 544.887,681.113"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="544.887,1157.891 544.887,1226.001 612.999,1157.891"></polygon>
<polygon fill="#005490" points="612.999,1226.001 612.999,1157.891 544.887,1226.001"></polygon>
<polygon fill="#003D6D" points="612.999,1089.778 544.887,1089.778 612.999,1157.891"></polygon>
<polygon fill="#005490" points="544.889,1157.891 612.999,1157.891 544.887,1089.778"></polygon>
<polygon fill="#005490" points="544.887,1021.667 544.889,1089.78 612.999,1021.667"></polygon>
<polygon fill="#003D6D" points="612.999,1089.778 612.999,1021.667 544.889,1089.78"></polygon>
<polygon fill="#0078A7" points="544.887,1021.667 612.999,1021.667 544.887,953.557"></polygon>
<polygon fill="#005490" points="612.999,953.557 544.887,953.557 612.999,1021.667"></polygon>
<polygon fill="#0078A7" points="544.889,885.446 544.887,953.557 612.999,885.446"></polygon>
<polygon fill="#003D6D" points="612.999,953.557 612.999,885.446 544.887,953.557"></polygon>
<polygon fill="#0078A7" points="612.999,817.336 544.887,817.336 612.999,885.446"></polygon>
<polygon fill="#003D6D" points="544.889,885.446 612.999,885.446 544.889,817.334"></polygon>
<polygon fill="#003D6D" points="612.999,817.336 612.999,749.224 544.887,817.336"></polygon>
<polygon fill="#0078A7" points="544.889,749.224 544.887,817.336 612.999,749.224"></polygon>
<polygon fill="#0078A7" points="612.999,681.113 544.887,681.113 612.999,749.225"></polygon>
<polygon fill="#AFDDD2" points="544.889,749.224 612.999,749.224 544.889,681.112"></polygon>
<polygon fill="#0078A7" points="544.889,613.001 544.887,681.113 612.999,613.001"></polygon>
<polygon fill="#20AEBD" points="612.999,681.113 612.999,613.001 544.887,681.113"></polygon>
<polygon fill="#AFDDD2" points="612.999,544.891 544.887,544.891 612.999,613.001"></polygon>
<polygon fill="#AFDDD2" points="544.887,613.001 612.999,613.001 544.887,544.891"></polygon>
<polygon fill="#AFDDD2" points="544.887,476.78 544.887,544.891 612.999,476.779"></polygon>
<polygon fill="#20AEBD" points="612.999,544.891 612.999,476.779 544.887,544.891"></polygon>
<polygon fill="#AFDDD2" points="544.889,340.559 544.887,408.669 612.999,340.559"></polygon></g>
<g>
<polygon fill="#005490" points="612.999,1226.001 681.11,1226.001 612.999,1157.891"></polygon>
<polygon fill="#20AEBD" points="681.11,1157.891 612.999,1157.891 681.11,1226.001"></polygon>
<polygon fill="#005490" points="612.999,1089.778 612.999,1157.891 681.11,1089.778"></polygon>
<polygon fill="#0078A7" points="681.11,1157.891 681.11,1089.778 612.999,1157.891"></polygon>
<polygon fill="#005490" points="681.11,1021.667 612.999,1021.667 681.11,1089.778"></polygon>
<polygon fill="#005490" points="612.999,1089.778 681.11,1089.778 612.999,1021.667"></polygon>
<polygon fill="#0078A7" points="612.999,953.557 612.999,1021.67 681.11,953.557"></polygon>
<polygon fill="#20AEBD" points="681.11,1021.667 681.11,953.557 612.999,1021.667"></polygon>
<polygon fill="#20AEBD" points="612.999,953.557 681.11,953.557 612.999,885.446"></polygon>
<polygon fill="#0078A7" points="681.11,885.446 612.999,885.446 681.11,953.557"></polygon>
<polygon fill="#20AEBD" points="612.999,817.336 612.999,885.446 681.11,817.334"></polygon>
<polygon fill="#20AEBD" points="681.11,885.446 681.11,817.334 612.999,885.446"></polygon>
<polygon fill="#AFDDD2" points="612.999,817.336 681.11,817.336 612.999,749.224"></polygon>
<polygon fill="#20AEBD" points="681.11,749.224 612.999,749.224 681.11,817.336"></polygon>
<polygon fill="#20AEBD" points="681.11,749.224 681.11,681.112 612.999,749.224"></polygon>
<polygon fill="#AFDDD2" points="612.999,681.113 612.999,749.224 681.11,681.112"></polygon>
<polygon fill="#20AEBD" points="612.999,544.891 612.999,613.001 681.11,544.891"></polygon>
<polygon fill="#AFDDD2" points="681.11,613.001 681.11,544.89 612.999,613.001"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="749.219,1226.001 749.221,1157.891 681.11,1226.001"></polygon>
<polygon fill="#0078A7" points="681.11,1157.891 681.11,1226.001 749.221,1157.891"></polygon>
<polygon fill="#005490" points="681.11,1157.891 749.221,1157.891 681.11,1089.778"></polygon>
<polygon fill="#0078A7" points="749.221,1089.778 681.11,1089.778 749.221,1157.891"></polygon>
<polygon fill="#20AEBD" points="749.221,1089.778 749.221,1021.667 681.11,1089.778"></polygon>
<polygon fill="#AFDDD2" points="681.11,1021.667 681.11,1089.778 749.221,1021.667"></polygon>
<polygon fill="#AFDDD2" points="681.11,885.446 681.11,953.557 749.221,885.446"></polygon>
</g>
<g>
<polygon fill="#005490" points="749.219,1226.001 817.333,1226.001 749.219,1157.889"></polygon>
<polygon fill="#0078A7" points="817.331,1157.891 749.219,1157.891 817.331,1226.001"></polygon>
<polygon fill="#005490" points="817.333,1157.891 817.333,1089.778 749.219,1157.891"></polygon>
<polygon fill="#0078A7" points="749.221,1089.778 749.221,1157.891 817.333,1089.778"></polygon>
<polygon fill="#0078A7" points="817.333,1021.667 749.219,1021.667 817.333,1089.78"></polygon>
<polygon fill="#20AEBD" points="749.221,1089.778 817.333,1089.78 749.219,1021.667"></polygon>
<polygon fill="#0078A7" points="817.333,1021.667 817.333,953.557 749.219,1021.667"></polygon>
<polygon fill="#0078A7" points="749.221,953.557 749.219,1021.667 817.333,953.557"></polygon>
<polygon fill="#0078A7" points="817.333,885.446 749.219,885.446 817.333,953.557"></polygon>
<polygon fill="#AFDDD2" points="749.221,953.557 817.333,953.557 749.219,885.446"></polygon>
<polygon fill="#0078A7" points="817.333,885.446 817.333,817.336 749.221,885.446"></polygon>
<polygon fill="#AFDDD2" points="817.333,749.223 749.221,749.224 817.333,817.336"></polygon>
<polygon fill="#20AEBD" points="749.219,817.334 817.333,817.336 749.221,749.224"></polygon>
<polygon fill="#20AEBD" points="749.221,681.112 749.221,749.224 817.333,681.112"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="817.333,1157.891 817.331,1226.001 885.442,1157.891"></polygon>
<polygon fill="#003D6D" points="885.442,1226.001 885.442,1157.891 817.331,1226.001"></polygon>
<polygon fill="#005490" points="817.333,1157.891 885.444,1157.891 817.333,1089.778"></polygon>
<polygon fill="#003D6D" points="885.442,1089.778 817.333,1089.778 885.442,1157.891"></polygon>
<polygon fill="#20AEBD" points="885.442,1089.778 885.442,1021.667 817.333,1089.778"></polygon>
<polygon fill="#003D6D" points="817.333,1021.667 817.333,1089.78 885.444,1021.667"></polygon>
<polygon fill="#003D6D" points="885.442,953.557 817.333,953.557 885.442,1021.667"></polygon>
<polygon fill="#005490" points="817.333,1021.667 885.444,1021.667 817.333,953.557"></polygon>
<polygon fill="#AFDDD2" points="817.333,885.446 817.333,953.557 885.442,885.446"></polygon>
<polygon fill="#0078A7" points="885.442,953.557 885.442,885.446 817.333,953.557"></polygon>
<polygon fill="#0078A7" points="885.444,817.334 817.333,817.334 885.442,885.446"></polygon>
<polygon fill="#20AEBD" points="817.333,885.446 885.442,885.446 817.333,817.334"></polygon>
<polygon fill="#AFDDD2" points="885.444,817.334 885.442,749.223 817.333,817.336"></polygon>
<polygon fill="#0078A7" points="817.333,749.224 817.333,817.336 885.444,749.224"></polygon>
<polygon fill="#AFDDD2" points="885.442,681.112 817.333,681.113 885.444,749.224"></polygon>
<polygon fill="#0078A7" points="817.333,749.224 885.444,749.224 817.333,681.113"></polygon>
<polygon fill="#AFDDD2" points="885.442,681.112 885.442,613.001 817.333,681.113"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="885.442,1226.001 953.553,1226.001 885.442,1157.891"></polygon>
<polygon fill="#0078A7" points="953.553,1157.891 885.442,1157.891 953.553,1226.001"></polygon>
<polygon fill="#005490" points="953.553,1157.891 953.553,1089.778 885.442,1157.891"></polygon>
<polygon fill="#005490" points="885.442,1089.778 885.442,1157.891 953.553,1089.778"></polygon>
<polygon fill="#005490" points="885.442,1089.778 953.553,1089.778 885.442,1021.667"></polygon>
<polygon fill="#003D6D" points="953.553,1021.667 885.442,1021.667 953.553,1089.78"></polygon>
<polygon fill="#0078A7" points="953.553,1021.667 953.553,953.557 885.442,1021.667"></polygon>
<polygon fill="#003D6D" points="885.442,953.557 885.442,1021.667 953.553,953.557"></polygon>
<polygon fill="#20AEBD" points="885.442,953.557 953.553,953.557 885.442,885.446"></polygon>
<polygon fill="#003D6D" points="953.553,885.446 885.442,885.446 953.553,953.557"></polygon>
<polygon fill="#0078A7" points="885.444,817.334 885.442,885.446 953.553,817.334"></polygon>
<polygon fill="#AFDDD2" points="953.553,885.446 953.553,817.334 885.442,885.446"></polygon>
<polygon fill="#0078A7" points="953.553,749.224 885.442,749.223 953.553,817.334"></polygon>
<polygon fill="#003D6D" points="885.444,817.334 953.553,817.334 885.442,749.223"></polygon>
<polygon fill="#20AEBD" points="953.553,749.224 953.553,681.113 885.444,749.224"></polygon>
<polygon fill="#20AEBD" points="953.553,613.001 885.442,613.001 953.553,681.113"></polygon>
<polygon fill="#0078A7" points="885.442,681.112 953.553,681.113 885.442,613.001"></polygon>
<polygon fill="#20AEBD" points="953.553,613.001 953.553,544.891 885.442,613.001"></polygon>
<polygon fill="#AFDDD2" points="885.442,544.891 885.442,613.001 953.553,544.891"></polygon>
<polygon fill="#AFDDD2" points="885.442,544.891 953.553,544.891 885.442,476.779"></polygon>
<polygon fill="#AFDDD2" points="885.442,408.669 885.442,476.781 953.553,408.669"></polygon>
<polygon fill="#AFDDD2" points="885.442,408.669 953.553,408.669 885.442,340.558"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="953.553,1157.891 953.553,1226.001 1021.665,1157.891"></polygon>
<polygon fill="#005490" points="1021.665,1226.001 1021.665,1157.891 953.553,1226.001"></polygon>
<polygon fill="#003D6D" points="1021.665,1089.78 953.553,1089.778 1021.665,1157.891"></polygon>
<polygon fill="#003D6D" points="953.553,1157.891 1021.665,1157.891 953.553,1089.778"></polygon>
<polygon fill="#005490" points="953.553,1021.667 953.553,1089.778 1021.665,1021.667"></polygon>
<polygon fill="#003D6D" points="1021.665,1089.78 1021.665,1021.667 953.553,1089.778"></polygon>
<polygon fill="#003D6D" points="953.553,1021.667 1021.665,1021.667 953.553,953.557"></polygon>
<polygon fill="#20AEBD" points="1021.665,953.557 953.553,953.557 1021.665,1021.667"></polygon>
<polygon fill="#0078A7" points="953.553,885.446 953.553,953.557 1021.665,885.444"></polygon>
<polygon fill="#20AEBD" points="1021.665,953.557 1021.665,885.444 953.553,953.557"></polygon>
<polygon fill="#20AEBD" points="1021.665,817.334 953.553,817.334 1021.665,885.446"></polygon>
<polygon fill="#AFDDD2" points="953.553,885.446 1021.665,885.446 953.553,817.334"></polygon>
<polygon fill="#AFDDD2" points="953.553,749.224 953.553,817.334 1021.665,749.224"></polygon>
<polygon fill="#AFDDD2" points="1021.665,681.113 953.553,681.112 1021.665,749.224"></polygon>
<polygon fill="#20AEBD" points="953.553,749.224 1021.665,749.224 953.553,681.112"></polygon>
<polygon fill="#AFDDD2" points="953.553,613.001 953.553,681.113 1021.665,613.001"></polygon>
<polygon fill="#20AEBD" points="1021.665,681.113 1021.665,613.001 953.553,681.113"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="1089.778,1226.001 1021.665,1226.001 1089.778,1157.891"></polygon>
<polygon fill="#003D6D" points="1021.667,1157.891 1089.778,1157.891 1021.665,1226.001"></polygon>
<polygon fill="#005490" points="1089.776,1089.778 1089.778,1157.891 1021.665,1089.778"></polygon>
<polygon fill="#005490" points="1021.665,1157.891 1021.665,1089.778 1089.778,1157.891"></polygon>
<polygon fill="#0078A7" points="1021.665,1021.667 1089.778,1021.667 1021.665,1089.778"></polygon>
<polygon fill="#003D6D" points="1089.776,1089.778 1021.665,1089.778 1089.778,1021.667"></polygon>
<polygon fill="#003D6D" points="1021.665,1021.667 1021.665,953.557 1089.776,1021.667"></polygon>
<polygon fill="#0078A7" points="1089.778,953.557 1089.776,1021.67 1021.665,953.557"></polygon>
<polygon fill="#003D6D" points="1021.665,885.446 1089.778,885.446 1021.665,953.557"></polygon>
<polygon fill="#AFDDD2" points="1089.778,953.557 1021.665,953.557 1089.778,885.446"></polygon>
<polygon fill="#003D6D" points="1021.665,885.446 1021.665,817.336 1089.776,885.446"></polygon>
<polygon fill="#005490" points="1089.778,817.336 1089.776,885.446 1021.665,817.336"></polygon>
<polygon fill="#20AEBD" points="1089.778,817.336 1021.665,817.336 1089.778,749.224"></polygon>
<polygon fill="#0078A7" points="1021.665,749.224 1089.778,749.224 1021.665,817.336"></polygon>
<polygon fill="#0078A7" points="1021.665,749.224 1021.665,681.113 1089.778,749.225"></polygon>
<polygon fill="#0078A7" points="1089.776,681.113 1089.778,749.225 1021.665,681.113"></polygon>
<polygon fill="#AFDDD2" points="1021.665,613.001 1089.776,613.001 1021.665,681.113"></polygon>
<polygon fill="#AFDDD2" points="1089.776,681.113 1021.665,681.113 1089.776,613.001"></polygon>
<polygon fill="#20AEBD" points="1089.776,544.891 1089.776,613.001 1021.665,544.891"></polygon>
<polygon fill="#AFDDD2" points="1021.665,613.001 1021.665,544.891 1089.778,613.001"></polygon>
<polygon fill="#20AEBD" points="1021.665,476.78 1089.778,476.78 1021.665,544.891"></polygon>
<polygon fill="#AFDDD2" points="1089.776,408.669 1089.778,476.781 1021.665,408.669"></polygon>
<polygon fill="#AFDDD2" points="1089.776,408.669 1021.665,408.669 1089.778,340.558"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="1157.889,1157.891 1157.889,1226.001 1089.778,1157.891"></polygon>
<polygon fill="#005490" points="1089.778,1226.001 1089.778,1157.891 1157.889,1226.001"></polygon>
<polygon fill="#003D6D" points="1089.776,1089.778 1157.889,1089.778 1089.776,1157.891"></polygon>
<polygon fill="#003D6D" points="1157.887,1157.891 1089.776,1157.891 1157.889,1089.778"></polygon>
<polygon fill="#0078A7" points="1157.887,1021.667 1157.887,1089.78 1089.776,1021.667"></polygon>
<polygon fill="#005490" points="1089.776,1089.778 1089.778,1021.667 1157.887,1089.78"></polygon>
<polygon fill="#AFDDD2" points="1089.778,953.557 1157.887,953.557 1089.776,1021.667"></polygon>
<polygon fill="#003D6D" points="1157.887,1021.667 1089.776,1021.667 1157.887,953.557"></polygon>
<polygon fill="#0078A7" points="1157.887,885.446 1157.889,953.557 1089.776,885.446"></polygon>
<polygon fill="#005490" points="1089.778,953.557 1089.776,885.446 1157.887,953.557"></polygon>
<polygon fill="#0078A7" points="1089.778,817.336 1157.889,817.336 1089.776,885.446"></polygon>
<polygon fill="#20AEBD" points="1089.778,817.336 1089.776,749.224 1157.889,817.336"></polygon>
<polygon fill="#AFDDD2" points="1157.889,749.225 1089.776,749.225 1157.887,681.113"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="1157.889,1226.001 1157.889,1157.891 1226,1226.001"></polygon>
<polygon fill="#0078A7" points="1226,1157.891 1226,1226.001 1157.889,1157.891"></polygon>
<polygon fill="#005490" points="1157.889,1089.778 1226,1089.778 1157.889,1157.891"></polygon>
<polygon fill="#005490" points="1226,1157.891 1157.889,1157.891 1226,1089.778"></polygon>
<polygon fill="#0078A7" points="1226,1021.667 1226,1089.78 1157.889,1021.667"></polygon>
<polygon fill="#AFDDD2" points="1157.889,1089.778 1157.889,1021.667 1226,1089.78"></polygon>
<polygon fill="#20AEBD" points="1226,1021.667 1157.889,1021.667 1226,953.557"></polygon>
<polygon fill="#20AEBD" points="1157.889,953.557 1226,953.557 1157.889,1021.667"></polygon>
<polygon fill="#0078A7" points="1157.889,953.557 1157.889,885.446 1226,953.557"></polygon>
<polygon fill="#0078A7" points="1226,885.446 1226,953.557 1157.889,885.446"></polygon>
<polygon fill="#AFDDD2" points="1157.889,817.336 1226,817.336 1157.889,885.446"></polygon>
<polygon fill="#20AEBD" points="1226,885.446 1157.889,885.446 1226,817.336"></polygon>
<polygon fill="#AFDDD2" points="1226,749.225 1226,817.336 1157.889,749.224"></polygon>
<polygon fill="#20AEBD" points="1157.889,817.336 1157.889,749.224 1226,817.336"></polygon>
<polygon fill="#20AEBD" points="1226,749.225 1157.889,749.225 1226,681.113"></polygon>
<polygon fill="#AFDDD2" points="1157.889,681.113 1157.889,613.001 1226,681.113"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="1226,1157.891 1226,1226.001 1294.111,1157.891"></polygon>
<polygon fill="#005490" points="1294.109,1226.001 1294.111,1157.891 1226,1226.001"></polygon>
<polygon fill="#0078A7" points="1294.111,1089.778 1226,1089.778 1294.111,1157.891"></polygon>
<polygon fill="#0078A7" points="1226,1157.891 1294.111,1157.891 1226,1089.778"></polygon>
<polygon fill="#20AEBD" points="1294.111,1089.778 1294.111,1021.667 1226,1089.78"></polygon>
<polygon fill="#0078A7" points="1226,1021.667 1226,1089.78 1294.111,1021.667"></polygon>
<polygon fill="#AFDDD2" points="1294.111,953.557 1226,953.557 1294.111,1021.667"></polygon>
<polygon fill="#0078A7" points="1226,1021.667 1294.111,1021.667 1226,953.557"></polygon>
<polygon fill="#0078A7" points="1294.111,953.557 1294.111,885.446 1226,953.557"></polygon>
<polygon fill="#003D6D" points="1226,885.446 1226,953.557 1294.111,885.446"></polygon>
<polygon fill="#0078A7" points="1226,885.446 1294.111,885.446 1226,817.336"></polygon>
<polygon fill="#AFDDD2" points="1294.111,817.336 1226,817.336 1294.111,885.446"></polygon>
<polygon fill="#003D6D" points="1294.111,817.336 1294.111,749.224 1226,817.336"></polygon>
<polygon fill="#0078A7" points="1226,749.225 1226,817.336 1294.111,749.224"></polygon>
<polygon fill="#0078A7" points="1294.111,681.113 1226,681.113 1294.111,749.225"></polygon>
<polygon fill="#20AEBD" points="1226,749.225 1294.111,749.225 1226,681.113"></polygon>
<polygon fill="#AFDDD2" points="1226,613.001 1226,681.113 1294.111,613.001"></polygon>
<polygon fill="#20AEBD" points="1226,613.001 1294.111,613.001 1226,544.891"></polygon>
<polygon fill="#20AEBD" points="1294.111,544.891 1294.111,476.779 1226,544.891"></polygon>
<polygon fill="#AFDDD2" points="1226,476.78 1294.111,476.779 1226,408.669"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="1294.109,1226.001 1362.221,1226.001 1294.111,1157.891"></polygon>
<polygon fill="#003D6D" points="1362.221,1157.891 1294.109,1157.891 1362.221,1226.001"></polygon>
<polygon fill="#005490" points="1362.223,1157.891 1362.221,1089.778 1294.111,1157.891"></polygon>
<polygon fill="#003D6D" points="1294.111,1089.778 1294.111,1157.891 1362.221,1089.778"></polygon>
<polygon fill="#005490" points="1294.111,1089.778 1362.221,1089.778 1294.111,1021.667"></polygon>
<polygon fill="#003D6D" points="1362.221,1021.667 1294.111,1021.667 1362.221,1089.778"></polygon>
<polygon fill="#005490" points="1362.221,1021.667 1362.223,953.557 1294.111,1021.667"></polygon>
<polygon fill="#0078A7" points="1294.111,953.557 1294.111,1021.67 1362.223,953.557"></polygon>
<polygon fill="#003D6D" points="1294.111,953.557 1362.221,953.557 1294.111,885.446"></polygon>
<polygon fill="#005490" points="1362.221,885.446 1294.111,885.446 1362.221,953.557"></polygon>
<polygon fill="#0078A7" points="1362.221,885.446 1362.221,817.336 1294.111,885.446"></polygon>
<polygon fill="#005490" points="1294.111,817.336 1294.111,885.446 1362.221,817.336"></polygon>
<polygon fill="#005490" points="1294.111,817.336 1362.223,817.336 1294.111,749.224"></polygon>
<polygon fill="#005490" points="1362.223,749.224 1362.221,681.113 1294.111,749.225"></polygon>
<polygon fill="#20AEBD" points="1294.111,681.113 1294.111,749.225 1362.221,681.113"></polygon>
<polygon fill="#20AEBD" points="1362.221,613.001 1294.111,613.001 1362.223,681.113"></polygon>
<polygon fill="#AFDDD2" points="1294.111,681.113 1362.223,681.113 1294.111,613.001"></polygon>
<polygon fill="#AFDDD2" points="1362.221,613.001 1362.221,544.891 1294.111,613.001"></polygon>
<polygon fill="#20AEBD" points="1362.221,476.78 1294.111,476.78 1362.221,544.891"></polygon>
<polygon fill="#AFDDD2" points="1362.221,476.78 1362.221,408.669 1294.111,476.78"></polygon>
<polygon fill="#AFDDD2" points="1362.221,340.559 1362.223,272.448 1294.111,340.559"></polygon>
<polygon fill="#AFDDD2" points="1294.111,136.226 1362.223,136.226 1294.111,68.114"></polygon>
<polygon fill="#AFDDD2" points="1362.223,204.337 1294.111,204.336 1362.221,272.448"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="1430.332,1226.001 1430.332,1157.891 1362.221,1226.001"></polygon>
<polygon fill="#005490" points="1362.221,1157.891 1362.221,1226.001 1430.332,1157.891"></polygon>
<polygon fill="#005490" points="1430.332,1089.78 1362.221,1089.778 1430.334,1157.891"></polygon>
<polygon fill="#003D6D" points="1362.223,1157.891 1430.334,1157.891 1362.221,1089.778"></polygon>
<polygon fill="#003D6D" points="1362.221,1021.667 1362.221,1089.778 1430.334,1021.667"></polygon>
<polygon fill="#20AEBD" points="1430.332,1089.78 1430.334,1021.667 1362.221,1089.778"></polygon>
<polygon fill="#20AEBD" points="1362.221,1021.667 1430.332,1021.667 1362.221,953.557"></polygon>
<polygon fill="#003D6D" points="1430.332,953.557 1362.221,953.557 1430.332,1021.667"></polygon>
<polygon fill="#005490" points="1362.221,885.446 1362.221,953.557 1430.334,885.446"></polygon>
<polygon fill="#0078A7" points="1430.332,953.557 1430.332,885.446 1362.221,953.557"></polygon>
<polygon fill="#003D6D" points="1430.332,817.334 1362.221,817.336 1430.334,885.446"></polygon>
<polygon fill="#20AEBD" points="1362.221,885.446 1430.334,885.446 1362.221,817.336"></polygon>
<polygon fill="#20AEBD" points="1362.223,749.224 1362.221,817.336 1430.332,749.224"></polygon>
<polygon fill="#005490" points="1430.332,817.334 1430.332,749.224 1362.221,817.336"></polygon>
<polygon fill="#0078A7" points="1430.332,681.113 1362.221,681.112 1430.332,749.224"></polygon>
<polygon fill="#AFDDD2" points="1430.332,681.113 1430.334,613.001 1362.221,681.113"></polygon>
<polygon fill="#AFDDD2" points="1362.221,613.003 1362.221,681.113 1430.334,613.001"></polygon>
<polygon fill="#AFDDD2" points="1430.332,544.891 1362.221,544.891 1430.332,613.001"></polygon>
<polygon fill="#AFDDD2" points="1362.221,476.78 1362.221,544.891 1430.334,476.78"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="1430.332,1226.001 1498.443,1226.001 1430.332,1157.891"></polygon>
<polygon fill="#005490" points="1498.443,1157.891 1430.332,1157.891 1498.443,1226.001"></polygon>
<polygon fill="#005490" points="1430.332,1089.78 1430.334,1157.891 1498.445,1089.778"></polygon>
<polygon fill="#005490" points="1498.443,1157.891 1498.443,1089.778 1430.332,1157.891"></polygon>
<polygon fill="#0078A7" points="1498.443,1021.667 1430.332,1021.667 1498.443,1089.78"></polygon>
<polygon fill="#005490" points="1430.332,1089.78 1498.443,1089.78 1430.332,1021.667"></polygon>
<polygon fill="#20AEBD" points="1498.443,1021.667 1498.443,953.557 1430.332,1021.667"></polygon>
<polygon fill="#0078A7" points="1430.332,953.557 1430.332,1021.667 1498.443,953.557"></polygon>
<polygon fill="#20AEBD" points="1498.443,885.446 1430.332,885.446 1498.443,953.557"></polygon>
<polygon fill="#AFDDD2" points="1430.332,817.334 1430.332,885.446 1498.443,817.336"></polygon>
<polygon fill="#AFDDD2" points="1498.443,749.224 1430.332,749.224 1498.443,817.336"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="1498.443,1157.891 1498.443,1226.001 1566.555,1157.891"></polygon>
<polygon fill="#005490" points="1566.555,1226.001 1566.555,1157.891 1498.443,1226.001"></polygon>
<polygon fill="#0078A7" points="1566.555,1089.78 1498.443,1089.78 1566.555,1157.891"></polygon>
<polygon fill="#005490" points="1498.443,1157.891 1566.555,1157.891 1498.443,1089.78"></polygon>
<polygon fill="#0078A7" points="1498.443,1021.67 1498.443,1089.78 1566.555,1021.667"></polygon>
<polygon fill="#003D6D" points="1566.555,1089.78 1566.555,1021.667 1498.443,1089.78"></polygon>
<polygon fill="#0078A7" points="1566.555,953.557 1498.443,953.557 1566.555,1021.667"></polygon>
<polygon fill="#003D6D" points="1498.443,1021.67 1566.555,1021.667 1498.443,953.557"></polygon>
<polygon fill="#0078A7" points="1498.443,885.446 1498.443,953.557 1566.555,885.446"></polygon>
<polygon fill="#003D6D" points="1566.555,953.557 1566.555,885.446 1498.443,953.557"></polygon>
<polygon fill="#20AEBD" points="1498.443,885.446 1566.555,885.446 1498.443,817.334"></polygon>
<polygon fill="#003D6D" points="1566.555,817.336 1498.443,817.334 1566.555,885.446"></polygon>
<polygon fill="#20AEBD" points="1498.443,749.224 1498.443,817.336 1566.555,749.224"></polygon>
<polygon fill="#AFDDD2" points="1498.443,749.224 1566.555,749.224 1498.443,681.113"></polygon>
<polygon fill="#20AEBD" points="1566.555,681.112 1498.443,681.113 1566.555,749.225"></polygon>
<polygon fill="#AFDDD2" points="1498.443,613.001 1498.443,681.113 1566.555,613.001"></polygon>
<polygon fill="#AFDDD2" points="1566.555,544.891 1498.443,544.891 1566.555,613.001"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="1634.664,1157.891 1566.553,1157.891 1634.664,1226.001"></polygon>
<polygon fill="#003D6D" points="1566.555,1226.001 1634.666,1226.001 1566.555,1157.891"></polygon>
<polygon fill="#005490" points="1634.664,1157.891 1634.666,1089.778 1566.555,1157.891"></polygon>
<polygon fill="#0078A7" points="1566.555,1089.78 1566.555,1157.891 1634.666,1089.778"></polygon>
<polygon fill="#0078A7" points="1634.666,1021.667 1566.555,1021.667 1634.666,1089.778"></polygon>
<polygon fill="#0078A7" points="1566.555,1089.78 1634.666,1089.78 1566.555,1021.667"></polygon>
<polygon fill="#AFDDD2" points="1566.555,953.557 1566.555,1021.67 1634.666,953.557"></polygon>
<polygon fill="#20AEBD" points="1634.666,1021.667 1634.666,953.557 1566.555,1021.67"></polygon>
<polygon fill="#20AEBD" points="1566.555,953.557 1634.666,953.557 1566.555,885.446"></polygon>
<polygon fill="#AFDDD2" points="1634.666,885.446 1566.555,885.446 1634.666,953.557"></polygon>
<polygon fill="#20AEBD" points="1566.555,817.336 1566.555,885.446 1634.666,817.334"></polygon>
<polygon fill="#20AEBD" points="1634.666,885.446 1634.666,817.334 1566.555,885.446"></polygon>
<polygon fill="#AFDDD2" points="1566.555,817.336 1634.666,817.334 1566.555,749.223"></polygon>
<polygon fill="#20AEBD" points="1634.666,749.224 1566.555,749.224 1634.666,817.336"></polygon>
<polygon fill="#AFDDD2" points="1634.666,749.224 1634.666,681.112 1566.555,749.225"></polygon>
<polygon fill="#AFDDD2" points="1634.664,613.001 1566.553,613.001 1634.664,681.112"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="1634.664,1157.891 1634.664,1226.001 1702.775,1157.891"></polygon>
<polygon fill="#005490" points="1702.775,1226.001 1702.775,1157.891 1634.664,1226.001"></polygon>
<polygon fill="#005490" points="1702.775,1089.778 1634.664,1089.78 1702.775,1157.891"></polygon>
<polygon fill="#0078A7" points="1634.664,1157.891 1702.775,1157.891 1634.666,1089.778"></polygon>
<polygon fill="#005490" points="1702.775,1089.778 1702.775,1021.667 1634.664,1089.78"></polygon>
<polygon fill="#003D6D" points="1634.666,1021.667 1634.664,1089.78 1702.775,1021.667"></polygon>
<polygon fill="#0078A7" points="1702.775,953.557 1634.666,953.557 1702.775,1021.667"></polygon>
<polygon fill="#005490" points="1634.666,1021.667 1702.775,1021.667 1634.666,953.557"></polygon>
<polygon fill="#20AEBD" points="1634.666,885.446 1634.666,953.557 1702.777,885.446"></polygon>
<polygon fill="#003D6D" points="1702.775,953.557 1702.777,885.446 1634.666,953.557"></polygon>
<polygon fill="#003D6D" points="1702.775,817.336 1634.666,817.336 1702.775,885.446"></polygon>
<polygon fill="#0078A7" points="1634.666,885.446 1702.777,885.446 1634.666,817.334"></polygon>
<polygon fill="#AFDDD2" points="1702.775,817.336 1702.775,749.223 1634.666,817.336"></polygon>
<polygon fill="#0078A7" points="1634.666,749.224 1634.666,817.336 1702.775,749.224"></polygon>
<polygon fill="#20AEBD" points="1634.666,749.224 1702.775,749.224 1634.664,681.112"></polygon>
<polygon fill="#0078A7" points="1702.775,681.112 1634.664,681.112 1702.775,749.224"></polygon>
<polygon fill="#0078A7" points="1702.775,681.112 1702.775,613.001 1634.664,681.112"></polygon>
<polygon fill="#AFDDD2" points="1634.664,613.001 1634.664,681.112 1702.775,613.001"></polygon>
<polygon fill="#AFDDD2" points="1702.775,544.891 1634.666,544.891 1702.775,613.003"></polygon>
<polygon fill="#0078A7" points="1634.666,613.001 1702.777,613.001 1634.666,544.891"></polygon>
<polygon fill="#AFDDD2" points="1634.666,476.781 1634.666,544.891 1702.775,476.78"></polygon>
<polygon fill="#20AEBD" points="1702.775,544.891 1702.775,476.78 1634.666,544.891"></polygon>
<polygon fill="#AFDDD2" points="1702.777,408.669 1634.666,408.669 1702.775,476.78"></polygon>
<polygon fill="#AFDDD2" points="1702.775,272.447 1634.666,272.447 1702.775,340.559"></polygon>
</g>
<g>
<polygon fill="#005490" points="1702.775,1226.001 1770.889,1226.001 1702.775,1157.891"></polygon>
<polygon fill="#0078A7" points="1770.887,1157.891 1702.775,1157.891 1770.889,1226.001"></polygon>
<polygon fill="#0078A7" points="1702.775,1089.778 1702.775,1157.891 1770.889,1089.778"></polygon>
<polygon fill="#20AEBD" points="1770.889,1157.891 1770.889,1089.778 1702.775,1157.891"></polygon>
<polygon fill="#20AEBD" points="1702.775,1089.778 1770.889,1089.778 1702.775,1021.667"></polygon>
<polygon fill="#AFDDD2" points="1770.887,1021.667 1702.775,1021.667 1770.889,1089.78"></polygon>
<polygon fill="#0078A7" points="1770.887,1021.667 1770.889,953.557 1702.775,1021.667"></polygon>
<polygon fill="#AFDDD2" points="1702.775,953.557 1702.775,1021.667 1770.889,953.557"></polygon>
<polygon fill="#20AEBD" points="1702.775,953.557 1770.889,953.557 1702.775,885.446"></polygon>
<polygon fill="#20AEBD" points="1770.889,885.446 1702.775,885.446 1770.887,953.557"></polygon>
<polygon fill="#AFDDD2" points="1702.775,817.336 1702.775,885.446 1770.889,817.334"></polygon>
<polygon fill="#20AEBD" points="1770.889,885.446 1770.887,817.334 1702.775,885.446"></polygon>
<polygon fill="#20AEBD" points="1770.887,749.224 1702.775,749.224 1770.887,817.336"></polygon>
<polygon fill="#0078A7" points="1702.775,817.336 1770.887,817.336 1702.775,749.224"></polygon>
<polygon fill="#20AEBD" points="1702.775,681.112 1702.775,749.224 1770.889,681.112"></polygon>
</g>
<g>
<polygon fill="#005490" points="1838.998,1226.001 1838.998,1157.891 1770.887,1226.001"></polygon>
<polygon fill="#0078A7" points="1770.887,1157.891 1770.887,1226.001 1838.998,1157.891"></polygon>
<polygon fill="#005490" points="1838.998,1089.778 1770.887,1089.778 1838.998,1157.891"></polygon>
<polygon fill="#005490" points="1770.889,1157.891 1838.998,1157.891 1770.887,1089.778"></polygon>
<polygon fill="#20AEBD" points="1838.998,1089.778 1838.998,1021.667 1770.889,1089.78"></polygon>
<polygon fill="#005490" points="1770.887,1021.667 1770.889,1089.78 1838.998,1021.667"></polygon>
<polygon fill="#005490" points="1838.998,953.557 1770.887,953.557 1838.998,1021.667"></polygon>
<polygon fill="#0078A7" points="1770.887,1021.667 1838.998,1021.667 1770.887,953.557"></polygon>
<polygon fill="#20AEBD" points="1838.998,953.557 1838.998,885.446 1770.887,953.557"></polygon>
<polygon fill="#AFDDD2" points="1770.889,885.446 1770.887,953.557 1838.998,885.446"></polygon>
<polygon fill="#20AEBD" points="1770.889,885.446 1838.998,885.446 1770.889,817.334"></polygon>
<polygon fill="#AFDDD2" points="1838.998,817.336 1770.887,817.336 1838.998,885.446"></polygon>
<polygon fill="#20AEBD" points="1838.998,817.336 1838.998,749.224 1770.887,817.336"></polygon>
<polygon fill="#AFDDD2" points="1770.889,749.224 1770.887,817.336 1838.998,749.224"></polygon>
<polygon fill="#AFDDD2" points="1770.889,749.224 1838.998,749.224 1770.889,681.112"></polygon>
<polygon fill="#0078A7" points="1838.998,681.113 1770.887,681.113 1838.998,749.225"></polygon>
<polygon fill="#20AEBD" points="1838.998,681.113 1838.998,613.001 1770.887,681.113"></polygon>
<polygon fill="#0078A7" points="1770.889,613.001 1770.887,681.113 1838.998,613.001"></polygon>
<polygon fill="#AFDDD2" points="1838.998,544.891 1770.887,544.891 1838.998,613.001"></polygon>
</g>
<g>
<polygon fill="#005490" points="1838.998,1226.001 1907.109,1226.001 1838.998,1157.891"></polygon>
<polygon fill="#20AEBD" points="1907.109,1157.891 1838.998,1157.891 1907.109,1226.001"></polygon>
<polygon fill="#0078A7" points="1907.109,1157.891 1907.109,1089.778 1838.998,1157.891"></polygon>
<polygon fill="#005490" points="1838.998,1089.778 1838.998,1157.891 1907.109,1089.778"></polygon>
<polygon fill="#005490" points="1907.109,1021.667 1838.998,1021.667 1907.109,1089.778"></polygon>
<polygon fill="#005490" points="1838.998,1089.778 1907.109,1089.778 1838.998,1021.667"></polygon>
<polygon fill="#0078A7" points="1838.998,953.557 1838.998,1021.67 1907.109,953.557"></polygon>
<polygon fill="#20AEBD" points="1907.109,1021.667 1907.109,953.557 1838.998,1021.667"></polygon>
<polygon fill="#20AEBD" points="1838.998,953.557 1907.109,953.557 1838.998,885.446"></polygon>
<polygon fill="#0078A7" points="1907.109,885.446 1838.998,885.446 1907.109,953.557"></polygon>
<polygon fill="#AFDDD2" points="1838.998,817.336 1838.998,885.446 1907.109,817.334"></polygon>
<polygon fill="#AFDDD2" points="1907.109,749.224 1838.998,749.224 1907.109,817.336"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="1975.219,1226.001 1975.221,1157.891 1907.109,1226.001"></polygon>
<polygon fill="#003D6D" points="1907.109,1157.891 1907.109,1226.001 1975.221,1157.891"></polygon>
<polygon fill="#005490" points="1975.221,1089.778 1907.109,1089.778 1975.221,1157.891"></polygon>
<polygon fill="#005490" points="1907.109,1157.891 1975.221,1157.891 1907.109,1089.778"></polygon>
<polygon fill="#005490" points="1907.109,1021.667 1907.109,1089.778 1975.221,1021.667"></polygon>
<polygon fill="#005490" points="1975.221,1089.778 1975.221,1021.667 1907.109,1089.778"></polygon>
<polygon fill="#005490" points="1907.109,1021.667 1975.219,1021.667 1907.109,953.557"></polygon>
<polygon fill="#0078A7" points="1975.221,953.557 1907.109,953.557 1975.219,1021.667"></polygon>
<polygon fill="#20AEBD" points="1907.109,885.446 1907.109,953.557 1975.221,885.446"></polygon>
<polygon fill="#AFDDD2" points="1975.221,953.557 1975.219,885.444 1907.109,953.557"></polygon>
<polygon fill="#20AEBD" points="1975.219,817.334 1907.109,817.336 1975.221,885.446"></polygon>
<polygon fill="#AFDDD2" points="1907.109,885.446 1975.221,885.446 1907.109,817.334"></polygon>
<polygon fill="#AFDDD2" points="1975.219,817.334 1975.221,749.224 1907.109,817.336"></polygon>
<polygon fill="#AFDDD2" points="1907.109,749.224 1907.109,817.336 1975.221,749.224"></polygon>
<polygon fill="#AFDDD2" points="1907.109,749.224 1975.221,749.224 1907.109,681.112"></polygon>
<polygon fill="#AFDDD2" points="1975.221,681.112 1975.221,613.001 1907.109,681.112"></polygon>
<polygon fill="#20AEBD" points="1907.109,613.001 1975.221,613.001 1907.109,544.891"></polygon>
<polygon fill="#AFDDD2" points="1907.109,476.779 1907.109,544.891 1975.221,476.78"></polygon>
</g>
<g>
<polygon fill="#005490" points="1975.219,1226.001 2043.332,1226.001 1975.219,1157.889"></polygon>
<polygon fill="#0078A7" points="2043.33,1157.891 1975.219,1157.891 2043.33,1226.001"></polygon>
<polygon fill="#0078A7" points="1975.221,1089.778 1975.221,1157.891 2043.332,1089.778"></polygon>
<polygon fill="#005490" points="2043.332,1157.891 2043.332,1089.778 1975.219,1157.891"></polygon>
<polygon fill="#20AEBD" points="2043.332,1021.667 1975.219,1021.667 2043.332,1089.78"></polygon>
<polygon fill="#20AEBD" points="1975.221,1089.778 2043.332,1089.78 1975.219,1021.667"></polygon>
<polygon fill="#20AEBD" points="1975.221,953.557 1975.219,1021.667 2043.332,953.557"></polygon>
<polygon fill="#0078A7" points="2043.332,1021.667 2043.332,953.557 1975.219,1021.667"></polygon>
<polygon fill="#AFDDD2" points="1975.221,953.557 2043.332,953.557 1975.219,885.446"></polygon>
<polygon fill="#0078A7" points="2043.332,885.446 1975.219,885.446 2043.332,953.557"></polygon>
<polygon fill="#0078A7" points="2043.332,885.446 2043.332,817.336 1975.221,885.446"></polygon>
<polygon fill="#AFDDD2" points="2043.332,749.223 1975.221,749.224 2043.332,817.336"></polygon>
<polygon fill="#20AEBD" points="1975.219,817.334 2043.332,817.336 1975.221,749.224"></polygon>
</g>
<g>
<polygon fill="#005490" points="2043.332,1157.891 2043.33,1226.001 2111.441,1157.891"></polygon>
<polygon fill="#005490" points="2111.441,1226.001 2111.441,1157.891 2043.33,1226.001"></polygon>
<polygon fill="#005490" points="2043.332,1157.891 2111.443,1157.891 2043.332,1089.778"></polygon>
<polygon fill="#0078A7" points="2111.441,1089.778 2043.332,1089.778 2111.441,1157.891"></polygon>
<polygon fill="#005490" points="2043.332,1021.667 2043.332,1089.78 2111.443,1021.667"></polygon>
<polygon fill="#20AEBD" points="2111.441,1089.778 2111.441,1021.667 2043.332,1089.778"></polygon>
<polygon fill="#003D6D" points="2111.441,953.557 2043.332,953.557 2111.441,1021.667"></polygon>
<polygon fill="#005490" points="2043.332,1021.667 2111.443,1021.667 2043.332,953.557"></polygon>
<polygon fill="#0078A7" points="2111.441,953.557 2111.441,885.446 2043.332,953.557"></polygon>
<polygon fill="#AFDDD2" points="2043.332,885.446 2043.332,953.557 2111.441,885.446"></polygon>
<polygon fill="#20AEBD" points="2043.332,885.446 2111.441,885.446 2043.332,817.334"></polygon>
<polygon fill="#0078A7" points="2111.443,817.334 2043.332,817.334 2111.441,885.446"></polygon>
<polygon fill="#AFDDD2" points="2111.443,817.334 2111.441,749.223 2043.332,817.336"></polygon>
<polygon fill="#0078A7" points="2043.332,749.224 2043.332,817.336 2111.443,749.224"></polygon>
<polygon fill="#AFDDD2" points="2111.441,681.112 2043.332,681.113 2111.443,749.224"></polygon>
<polygon fill="#0078A7" points="2043.332,749.224 2111.443,749.224 2043.332,681.113"></polygon>
<polygon fill="#AFDDD2" points="2043.332,613.001 2043.332,681.113 2111.441,613.001"></polygon>
<polygon fill="#AFDDD2" points="2111.441,681.112 2111.441,613.001 2043.332,681.113"></polygon>
<polygon fill="#20AEBD" points="2043.332,613.001 2111.443,613.001 2043.332,544.891"></polygon>
<polygon fill="#0078A7" points="2111.441,544.891 2043.332,544.891 2111.441,613.001"></polygon>
<polygon fill="#AFDDD2" points="2111.441,408.669 2043.33,408.669 2111.441,476.78"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="2111.441,1226.001 2179.553,1226.001 2111.441,1157.891"></polygon>
<polygon fill="#0078A7" points="2179.553,1157.891 2111.441,1157.891 2179.553,1226.001"></polygon>
<polygon fill="#005490" points="2111.441,1089.778 2111.441,1157.891 2179.553,1089.778"></polygon>
<polygon fill="#005490" points="2179.553,1157.891 2179.553,1089.778 2111.441,1157.891"></polygon>
<polygon fill="#003D6D" points="2179.553,1021.667 2111.441,1021.667 2179.553,1089.78"></polygon>
<polygon fill="#005490" points="2111.441,1089.778 2179.553,1089.778 2111.441,1021.667"></polygon>
<polygon fill="#003D6D" points="2111.441,953.557 2111.441,1021.667 2179.553,953.557"></polygon>
<polygon fill="#20AEBD" points="2179.553,1021.667 2179.553,953.557 2111.441,1021.667"></polygon>
<polygon fill="#20AEBD" points="2111.441,953.557 2179.553,953.557 2111.441,885.446"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="2179.553,1157.891 2179.553,1226.001 2247.664,1157.891"></polygon>
<polygon fill="#005490" points="2247.664,1226.001 2247.664,1157.891 2179.553,1226.001"></polygon>
<polygon fill="#0078A7" points="2247.664,1089.78 2179.553,1089.778 2247.664,1157.891"></polygon>
<polygon fill="#003D6D" points="2179.553,1157.891 2247.664,1157.891 2179.553,1089.778"></polygon>
<polygon fill="#0078A7" points="2247.664,1089.78 2247.664,1021.667 2179.553,1089.778"></polygon>
<polygon fill="#005490" points="2179.553,1021.667 2179.553,1089.778 2247.664,1021.667"></polygon>
<polygon fill="#0078A7" points="2179.553,1021.667 2247.664,1021.667 2179.553,953.557"></polygon>
<polygon fill="#AFDDD2" points="2247.664,953.557 2179.553,953.557 2247.664,1021.667"></polygon>
<polygon fill="#AFDDD2" points="2179.553,885.446 2179.553,953.557 2247.664,885.444"></polygon>
<polygon fill="#20AEBD" points="2247.664,953.557 2247.664,885.444 2179.553,953.557"></polygon>
<polygon fill="#AFDDD2" points="2179.553,885.446 2247.664,885.446 2179.553,817.334"></polygon>
<polygon fill="#20AEBD" points="2247.664,817.334 2179.553,817.334 2247.664,885.446"></polygon>
<polygon fill="#AFDDD2" points="2247.664,817.334 2247.664,749.224 2179.553,817.334"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="2315.777,1226.001 2247.664,1226.001 2315.777,1157.891"></polygon>
<polygon fill="#003D6D" points="2247.666,1157.891 2315.777,1157.891 2247.664,1226.001"></polygon>
<polygon fill="#003D6D" points="2315.775,1089.778 2315.777,1157.891 2247.664,1089.778"></polygon>
<polygon fill="#005490" points="2247.664,1157.891 2247.664,1089.778 2315.777,1157.891"></polygon>
<polygon fill="#003D6D" points="2315.775,1089.778 2247.664,1089.778 2315.777,1021.667"></polygon>
<polygon fill="#0078A7" points="2247.664,1021.667 2315.777,1021.667 2247.664,1089.778"></polygon>
<polygon fill="#003D6D" points="2315.777,953.557 2315.775,1021.67 2247.664,953.557"></polygon>
<polygon fill="#0078A7" points="2247.664,1021.667 2247.664,953.557 2315.775,1021.667"></polygon>
<polygon fill="#0078A7" points="2247.664,885.446 2315.777,885.446 2247.664,953.557"></polygon>
<polygon fill="#AFDDD2" points="2315.777,953.557 2247.664,953.557 2315.777,885.446"></polygon>
<polygon fill="#005490" points="2315.777,817.336 2315.775,885.446 2247.664,817.336"></polygon>
<polygon fill="#0078A7" points="2247.664,885.446 2247.664,817.336 2315.775,885.446"></polygon>
<polygon fill="#20AEBD" points="2315.777,817.336 2247.664,817.336 2315.777,749.224"></polygon>
<polygon fill="#20AEBD" points="2247.664,749.224 2315.777,749.224 2247.664,817.336"></polygon>
<polygon fill="#20AEBD" points="2315.775,681.113 2315.777,749.225 2247.664,681.113"></polygon>
<polygon fill="#20AEBD" points="2247.664,613.001 2315.775,613.001 2247.664,681.113"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="2383.889,1157.891 2383.889,1226.001 2315.777,1157.891"></polygon>
<polygon fill="#005490" points="2315.777,1226.001 2315.777,1157.891 2383.889,1226.001"></polygon>
<polygon fill="#005490" points="2315.775,1089.778 2383.889,1089.778 2315.775,1157.891"></polygon>
<polygon fill="#003D6D" points="2383.887,1157.891 2315.775,1157.891 2383.889,1089.778"></polygon>
<polygon fill="#0078A7" points="2315.775,1089.778 2315.777,1021.667 2383.887,1089.78"></polygon>
<polygon fill="#003D6D" points="2383.887,1021.667 2383.887,1089.78 2315.775,1021.667"></polygon>
<polygon fill="#AFDDD2" points="2383.887,1021.667 2315.775,1021.667 2383.887,953.557"></polygon>
<polygon fill="#005490" points="2315.777,953.557 2383.887,953.557 2315.775,1021.667"></polygon>
<polygon fill="#20AEBD" points="2383.887,885.446 2383.889,953.557 2315.775,885.446"></polygon>
<polygon fill="#20AEBD" points="2383.887,885.446 2315.775,885.446 2383.889,817.336"></polygon>
<polygon fill="#20AEBD" points="2315.777,817.336 2315.775,749.224 2383.889,817.336"></polygon>
<polygon fill="#AFDDD2" points="2383.889,749.225 2315.775,749.225 2383.887,681.113"></polygon>
</g>
<g>
<polygon fill="#003D6D" points="2452,1157.891 2452,1226.001 2383.889,1157.891"></polygon>
<polygon fill="#005490" points="2383.889,1226.001 2383.889,1157.891 2452,1226.001"></polygon>
<polygon fill="#20AEBD" points="2383.889,1089.778 2452,1089.778 2383.889,1157.891"></polygon>
<polygon fill="#005490" points="2452,1157.891 2383.889,1157.891 2452,1089.778"></polygon>
<polygon fill="#AFDDD2" points="2383.889,1089.778 2383.889,1021.667 2452,1089.78"></polygon>
<polygon fill="#20AEBD" points="2452,1021.667 2452,1089.78 2383.889,1021.667"></polygon>
<polygon fill="#AFDDD2" points="2383.889,953.557 2452,953.557 2383.889,1021.667"></polygon>
</g>
</svg>
Raw
script.babel
const masthead = document.querySelector('.masthead-eq');
const polygons = masthead.querySelectorAll('polygon');
const polygonGroups = masthead.querySelectorAll('g');
document.addEventListener('DOMContentLoaded', () => {
[].forEach.call(polygons, function(polygon, childIndex) {
polygon.addEventListener('mouseover', activatePolygon.bind(polygon, 1000));
polygon.addEventListener('touchstart', activatePolygon.bind(polygon, 1000));
polygon.addEventListener('touchmove', activatePolygon.bind(polygon, 1000));
});
setTimeout(sweep, 750);
setInterval(sweep, 6000);
});
// add active class to polygon
// and remove after 1 second
function activatePolygon(delay) {
// add active class and remove after 1 second
this.classList.add('active');
delayFrame(function() {
this.classList.remove('active');
}.bind(this), delay);
}
// polygon sweep effect
function sweep() {
// loop through each polygon group
[].forEach.call(polygonGroups, function(polygonGroup, parentIndex) {
// children of this group
let pgons = polygonGroup.querySelectorAll('polygon');
if (!pgons) {
return false;
}
// sweep fade effect
[].forEach.call(pgons, function(pgon, childIndex) {
// calclate required delay for sweeping effect
let fadeDelay = (childIndex * 100) + (parentIndex * 50);
// add and remove active class for load animation
delayFrame(function() {
activatePolygon.apply(this, [fadeDelay + 1000]);
}.bind(pgon), fadeDelay);
});
});
}
function delayFrame(func, delay) {
return setTimeout(function() {
window.requestAnimationFrame(func);
}, delay);
}
Raw
style.scss
body {
background: #111;
}
.masthead-eq {
position: absolute;
bottom: 0px;
left: 50%;
width: 100%;
transform-origin: center center;
transform: translateX(-50%) translateZ(0);
g,
polygon {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}
g {
transform: translateZ(0);
}
polygon {
opacity: 0.2;
transform-origin: center center;
animation-fill-mode: forwards;
animation-direction: alternate;
transform: scale(1) translateZ(0);
&.active {
animation: grow 1s ease-in-out;
}
}
}
@-webkit-keyframes grow {
0% {
opacity: 0.2;
transform: scale(1) translateZ(0);
}
15% {
opacity: 1;
transform: scale(1.5) translateZ(0);
}
100% {
opacity: 0.2;
transform: scale(1) translateZ(0);
}
}
@-moz-keyframes grow {
0% {
opacity: 0.2;
transform: scale(1) translateZ(0);
}
15% {
opacity: 1;
transform: scale(1.5) translateZ(0);
}
100% {
opacity: 0.2;
transform: scale(1) translateZ(0);
}
}
@keyframes grow {
0% {
opacity: 0.2;
transform: scale(1) translateZ(0);
}
15% {
opacity: 1;
transform: scale(1.5) translateZ(0);
}
100% {
opacity: 0.2;
transform: scale(1) translateZ(0);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment