From 7539e744362e8c756526cfacbd79623353af7580 Mon Sep 17 00:00:00 2001
From: Connor Hudson <cohu3291@colorado.edu>
Date: Tue, 19 Jun 2018 16:13:25 -0400
Subject: [PATCH] Add extension icons, extension info object

---
 src/lib/extension-info.js                     |  36 ++
 static/svgs/project/extension-microbit.svg    | 307 ++++++++++++++++++
 static/svgs/project/extension-music.svg       |  10 +
 static/svgs/project/extension-pen.svg         |  17 +
 static/svgs/project/extension-translate.svg   |  17 +
 .../svgs/project/extension-videosensing.svg   |  31 ++
 static/svgs/project/extension-wedo2.svg       |  36 ++
 7 files changed, 454 insertions(+)
 create mode 100644 src/lib/extension-info.js
 create mode 100644 static/svgs/project/extension-microbit.svg
 create mode 100644 static/svgs/project/extension-music.svg
 create mode 100644 static/svgs/project/extension-pen.svg
 create mode 100644 static/svgs/project/extension-translate.svg
 create mode 100644 static/svgs/project/extension-videosensing.svg
 create mode 100644 static/svgs/project/extension-wedo2.svg

diff --git a/src/lib/extension-info.js b/src/lib/extension-info.js
new file mode 100644
index 000000000..cda82cdfa
--- /dev/null
+++ b/src/lib/extension-info.js
@@ -0,0 +1,36 @@
+const EXTENSION_INFO = {
+    microbit: {
+        name: 'micro:bit',
+        icon: 'extension-microbit.svg',
+        hasStatus: true
+    },
+    music: {
+        name: 'Music',
+        icon: 'extension-music.svg'
+    },
+    pen: {
+        name: 'Pen',
+        icon: 'extension-pen.svg'
+    },
+    speak: {
+        name: 'Amazon Polly'
+    },
+    speech: {
+        name: 'Google Speech'
+    },
+    translate: {
+        name: 'Google Translate',
+        icon: 'extension-translate.svg'
+    },
+    videoSensing: {
+        name: 'Video Motion',
+        icon: 'extension-videomotion.svg'
+    },
+    wedo2: {
+        name: 'LEGO WeDo 2.0',
+        icon: 'extension-wedo2.svg',
+        hasStatus: true
+    }
+};
+
+export default EXTENSION_INFO;
diff --git a/static/svgs/project/extension-microbit.svg b/static/svgs/project/extension-microbit.svg
new file mode 100644
index 000000000..c5490c91b
--- /dev/null
+++ b/static/svgs/project/extension-microbit.svg
@@ -0,0 +1,307 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>microbit-block-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="microbit-block-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="microbit" transform="translate(3.500000, 6.000000)">
+            <polygon id="Shape" stroke="#7C87A5" stroke-width="0.22" fill="#E6E7E8" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" points="19.11 0.11 19.11 1 13.78 1 13.78 0.11 14.22 0.11 14.22 0.33 14.67 0.33 14.67 0.11 18.22 0.11 18.22 0.33 18.67 0.33 18.67 0.11"></polygon>
+            <path d="M30.66,1 L2.22,1 C1.24082518,0.999984548 0.445500982,1.79084064 0.44,2.77 L0.44,25 C0.441253651,25.7700944 0.93758836,26.4520502 1.67,26.69 C1.84871651,26.7421345 2.03383687,26.7690611 2.22,26.77 L30.66,26.77 C30.8461631,26.7690611 31.0312835,26.7421345 31.21,26.69 C31.9424116,26.4520502 32.4387463,25.7700944 32.44,25 L32.44,2.77 C32.434499,1.79084064 31.6391748,0.999984548 30.66,1 Z M3.11,23.54 C2.71343518,23.54 2.34699416,23.3284352 2.14871175,22.985 C1.95042933,22.6415648 1.95042933,22.2184352 2.14871175,21.875 C2.34699416,21.5315648 2.71343518,21.32 3.11,21.32 C3.50656482,21.32 3.87300584,21.5315648 4.07128825,21.875 C4.26957067,22.2184352 4.26957067,22.6415648 4.07128825,22.985 C3.87300584,23.3284352 3.50656482,23.54 3.11,23.54 Z M9.38,23.54 C8.93014083,23.5399817 8.52477626,23.2684441 8.35357179,22.8524366 C8.18236732,22.436429 8.27918149,21.9582239 8.59871605,21.641568 C8.91825061,21.3249121 9.39731226,21.2324295 9.81175347,21.4073917 C10.2261947,21.5823538 10.4940528,21.9901591 10.49,22.44 C10.4845121,23.0491272 9.98915197,23.5400247 9.38,23.54 Z M16.44,23.54 C15.9901408,23.5399817 15.5847763,23.2684441 15.4135718,22.8524366 C15.2423673,22.436429 15.3391815,21.9582239 15.658716,21.641568 C15.9782506,21.3249121 16.4573123,21.2324295 16.8717535,21.4073917 C17.2861947,21.5823538 17.5540528,21.9901591 17.55,22.44 C17.5445121,23.0491272 17.049152,23.5400247 16.44,23.54 Z M23.5,23.54 C23.1034352,23.54 22.7369942,23.3284352 22.5387117,22.985 C22.3404293,22.6415648 22.3404293,22.2184352 22.5387117,21.875 C22.7369942,21.5315648 23.1034352,21.32 23.5,21.32 C23.8965648,21.32 24.2630058,21.5315648 24.4612883,21.875 C24.6595707,22.2184352 24.6595707,22.6415648 24.4612883,22.985 C24.2630058,23.3284352 23.8965648,23.54 23.5,23.54 Z M29.77,23.54 C29.3201408,23.5399817 28.9147763,23.2684441 28.7435718,22.8524366 C28.5723673,22.436429 28.6691815,21.9582239 28.988716,21.641568 C29.3082506,21.3249121 29.7873123,21.2324295 30.2017535,21.4073917 C30.6161947,21.5823538 30.8840528,21.9901591 30.88,22.44 C30.8745121,23.0491272 30.379152,23.5400247 29.77,23.54 Z" id="Shape" stroke="#231F20" stroke-width="0.89" fill="#231F20" fill-rule="nonzero" opacity="0.1"></path>
+            <path d="M30.66,1 L2.22,1 C1.24082518,0.999984548 0.445500982,1.79084064 0.44,2.77 L0.44,25 C0.441253651,25.7700944 0.93758836,26.4520502 1.67,26.69 C1.84871651,26.7421345 2.03383687,26.7690611 2.22,26.77 L30.66,26.77 C30.8461631,26.7690611 31.0312835,26.7421345 31.21,26.69 C31.9424116,26.4520502 32.4387463,25.7700944 32.44,25 L32.44,2.77 C32.434499,1.79084064 31.6391748,0.999984548 30.66,1 Z M3.11,23.54 C2.71343518,23.54 2.34699416,23.3284352 2.14871175,22.985 C1.95042933,22.6415648 1.95042933,22.2184352 2.14871175,21.875 C2.34699416,21.5315648 2.71343518,21.32 3.11,21.32 C3.50656482,21.32 3.87300584,21.5315648 4.07128825,21.875 C4.26957067,22.2184352 4.26957067,22.6415648 4.07128825,22.985 C3.87300584,23.3284352 3.50656482,23.54 3.11,23.54 Z M9.38,23.54 C8.93014083,23.5399817 8.52477626,23.2684441 8.35357179,22.8524366 C8.18236732,22.436429 8.27918149,21.9582239 8.59871605,21.641568 C8.91825061,21.3249121 9.39731226,21.2324295 9.81175347,21.4073917 C10.2261947,21.5823538 10.4940528,21.9901591 10.49,22.44 C10.4845121,23.0491272 9.98915197,23.5400247 9.38,23.54 Z M16.44,23.54 C15.9901408,23.5399817 15.5847763,23.2684441 15.4135718,22.8524366 C15.2423673,22.436429 15.3391815,21.9582239 15.658716,21.641568 C15.9782506,21.3249121 16.4573123,21.2324295 16.8717535,21.4073917 C17.2861947,21.5823538 17.5540528,21.9901591 17.55,22.44 C17.5445121,23.0491272 17.049152,23.5400247 16.44,23.54 Z M23.5,23.54 C23.1034352,23.54 22.7369942,23.3284352 22.5387117,22.985 C22.3404293,22.6415648 22.3404293,22.2184352 22.5387117,21.875 C22.7369942,21.5315648 23.1034352,21.32 23.5,21.32 C23.8965648,21.32 24.2630058,21.5315648 24.4612883,21.875 C24.6595707,22.2184352 24.6595707,22.6415648 24.4612883,22.985 C24.2630058,23.3284352 23.8965648,23.54 23.5,23.54 Z M29.77,23.54 C29.3201408,23.5399817 28.9147763,23.2684441 28.7435718,22.8524366 C28.5723673,22.436429 28.6691815,21.9582239 28.988716,21.641568 C29.3082506,21.3249121 29.7873123,21.2324295 30.2017535,21.4073917 C30.6161947,21.5823538 30.8840528,21.9901591 30.88,22.44 C30.8745121,23.0491272 30.379152,23.5400247 29.77,23.54 Z" id="Shape" fill="#414757" fill-rule="nonzero"></path>
+            <path d="M0.44,9 L0.44,2.77 C0.445500982,1.79084064 1.24082518,0.999984548 2.22,1 L8.44,1 L0.44,9 Z" id="Shape" fill="#4C97FF" fill-rule="nonzero"></path>
+            <polygon id="Shape" fill="#4C97FF" fill-rule="nonzero" points="8.44 4.56 8.44 1 12 1"></polygon>
+            <polygon id="Shape" fill="#4C97FF" fill-rule="nonzero" points="12 3.67 12 1 14.67 1"></polygon>
+            <polygon id="Shape" stroke="#4C97FF" stroke-width="0.22" fill="#4C97FF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" points="28.44 9.89 28.44 7.22 31.11 7.22"></polygon>
+            <polygon id="Shape" stroke="#4C97FF" stroke-width="0.22" fill="#4C97FF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" points="4.45 16.11 4.45 18.78 1.78 18.78"></polygon>
+            <rect id="Rectangle-path" fill="#FFFFFF" fill-rule="nonzero" x="0.89" y="12.56" width="1" height="1" rx="0.44"></rect>
+            <rect id="Rectangle-path" fill="#FFFFFF" fill-rule="nonzero" x="31.11" y="12.56" width="1" height="1" rx="0.44"></rect>
+            <path d="M17.56,5.56 C17.7312083,5.55999999 17.87,5.42120826 17.87,5.25 C17.87,5.07879174 17.7312083,4.94000001 17.56,4.94 C17.3887917,4.94 17.25,5.07879173 17.25,5.25 C17.25,5.42120827 17.3887917,5.56 17.56,5.56" id="Shape" fill="#4C97FF" fill-rule="nonzero"></path>
+            <path d="M15.3,4.94 C15.1892477,4.93999999 15.0869083,4.99908565 15.0315321,5.09499999 C14.9761559,5.19091433 14.9761559,5.30908567 15.0315321,5.40500001 C15.0869083,5.50091435 15.1892477,5.56000001 15.3,5.56 C15.4712083,5.55999999 15.61,5.42120826 15.61,5.25 C15.61,5.07879174 15.4712083,4.94000001 15.3,4.94" id="Shape" fill="#4C97FF" fill-rule="nonzero"></path>
+            <path d="M15.3,4.33 C14.950262,4.29338789 14.6102464,4.45934112 14.4239421,4.75758228 C14.2376377,5.05582345 14.2376377,5.43417655 14.4239421,5.73241772 C14.6102464,6.03065888 14.950262,6.19661211 15.3,6.16 L17.58,6.16 C17.929738,6.19661211 18.2697536,6.03065888 18.4560579,5.73241772 C18.6423623,5.43417655 18.6423623,5.05582345 18.4560579,4.75758228 C18.2697536,4.45934112 17.929738,4.29338789 17.58,4.33 L15.3,4.33 M17.58,6.77 L15.3,6.77 C14.7056435,6.867381 14.1098479,6.60464376 13.7809267,6.10011072 C13.4520056,5.59557768 13.4520056,4.94442232 13.7809267,4.43988928 C14.1098479,3.93535624 14.7056435,3.672619 15.3,3.77 L17.58,3.77 C18.1743565,3.672619 18.7701521,3.93535624 19.0990733,4.43988928 C19.4279944,4.94442232 19.4279944,5.59557768 19.0990733,6.10011072 C18.7701521,6.60464376 18.1743565,6.867381 17.58,6.77" id="Shape" fill="#4C97FF" fill-rule="nonzero"></path>
+            <rect id="Rectangle-path" stroke="#231F20" stroke-width="0.89" fill="#231F20" fill-rule="nonzero" opacity="0.25" stroke-linecap="round" stroke-linejoin="round" x="2.22" y="10.78" width="4.44" height="4.44" rx="0.44"></rect>
+            <rect id="Rectangle-path" stroke="#7C87A5" stroke-width="0.22" fill="#E6E7E8" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" x="2.22" y="10.78" width="4.44" height="4.44" rx="0.44"></rect>
+            <circle id="Oval" stroke="#231F20" stroke-width="0.67" fill="#231F20" fill-rule="nonzero" opacity="0.1" cx="4.44" cy="13" r="1"></circle>
+            <circle id="Oval" stroke="#414757" stroke-width="0.22" fill="#414757" fill-rule="nonzero" cx="4.44" cy="13" r="1"></circle>
+            <rect id="Rectangle-path" stroke="#231F20" stroke-width="0.89" fill="#231F20" fill-rule="nonzero" opacity="0.25" stroke-linecap="round" stroke-linejoin="round" x="26.22" y="10.78" width="4.44" height="4.44" rx="0.44"></rect>
+            <rect id="Rectangle-path" stroke="#7C87A5" stroke-width="0.22" fill="#E6E7E8" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" x="26.22" y="10.78" width="4.44" height="4.44" rx="0.44"></rect>
+            <circle id="Oval" stroke="#231F20" stroke-width="0.67" fill="#231F20" fill-rule="nonzero" opacity="0.1" cx="28.44" cy="13" r="1"></circle>
+            <circle id="Oval" stroke="#414757" stroke-width="0.22" fill="#414757" fill-rule="nonzero" cx="28.44" cy="13" r="1"></circle>
+            <g id="Group" opacity="0.5" transform="translate(11.000000, 8.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.11" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(11.000000, 9.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.11" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="11.11" y="9" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(13.000000, 8.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.67" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(13.000000, 9.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.67" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="13.67" y="9" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(16.000000, 8.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.22" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(16.000000, 9.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.22" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="16.22" y="9" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(18.000000, 8.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.78" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(18.000000, 9.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.78" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="18.78" y="9" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(21.000000, 8.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.33" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(21.000000, 9.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.33" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="21.33" y="9" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(11.000000, 11.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.11" y="0.28" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(11.000000, 11.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.11" y="0.94" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="11.11" y="11.5" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(13.000000, 11.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.67" y="0.28" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(13.000000, 11.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.67" y="0.94" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="13.67" y="11.5" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(16.000000, 11.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.22" y="0.28" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(16.000000, 11.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.22" y="0.94" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="16.22" y="11.5" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(18.000000, 11.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.78" y="0.28" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(18.000000, 11.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.78" y="0.94" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="18.78" y="11.5" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(21.000000, 11.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.33" y="0.28" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(21.000000, 11.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.33" y="0.94" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="21.33" y="11.5" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(11.000000, 13.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.11" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(11.000000, 14.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.11" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="11.11" y="14" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(13.000000, 13.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.67" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(13.000000, 14.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.67" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="13.67" y="14" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(16.000000, 13.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.22" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(16.000000, 14.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.22" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="16.22" y="14" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(18.000000, 13.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.78" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(18.000000, 14.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.78" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="18.78" y="14" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(21.000000, 13.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.33" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(21.000000, 14.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.33" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="21.33" y="14" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(11.000000, 16.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.11" y="0.28" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(11.000000, 16.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.11" y="0.94" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="11.11" y="16.5" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(13.000000, 16.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.67" y="0.28" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(13.000000, 16.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.67" y="0.94" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="13.67" y="16.5" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(16.000000, 16.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.22" y="0.28" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(16.000000, 16.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.22" y="0.94" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="16.22" y="16.5" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(18.000000, 16.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.78" y="0.28" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(18.000000, 16.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.78" y="0.94" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="18.78" y="16.5" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(21.000000, 16.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.33" y="0.28" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(21.000000, 16.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.33" y="0.94" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="21.33" y="16.5" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(11.000000, 18.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.11" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(11.000000, 19.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.11" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="11.11" y="19" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(13.000000, 18.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.67" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(13.000000, 19.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.67" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="13.67" y="19" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(16.000000, 18.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.22" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(16.000000, 19.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.22" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="16.22" y="19" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(18.000000, 18.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.78" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(18.000000, 19.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.78" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="18.78" y="19" width="1" height="1" rx="0.04"></rect>
+            <g id="Group" opacity="0.5" transform="translate(21.000000, 18.000000)" fill="#E6E7E8" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.33" y="0.78" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <g id="Group" opacity="0.25" transform="translate(21.000000, 19.000000)" fill="#231F20" fill-rule="nonzero">
+                <rect id="Rectangle-path" x="0.33" y="0.44" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" fill="#E6E7E8" fill-rule="nonzero" x="21.33" y="19" width="1" height="1" rx="0.04"></rect>
+            <path d="M1.44,23.67 L1.44,26.58 C1.23870729,26.4785354 1.05878028,26.3393466 0.91,26.17 L0.91,23.67 L1.44,23.67 Z" id="Shape" fill="#FFBF00" fill-rule="nonzero"></path>
+            <polygon id="Shape" fill="#FFBF00" fill-rule="nonzero" points="2.08 26.77 2.2 26.77 2.2 23.67 1.67 23.67 1.67 26.69"></polygon>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="2.46" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="3.24" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="4.03" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="4.81" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="5.59" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="6.38" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="7.16" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="7.95" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="8.73" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="9.52" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="10.3" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="11.08" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="11.87" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="12.65" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="13.44" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="14.22" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="15.01" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="15.79" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="16.58" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="17.36" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="18.14" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="18.93" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="19.71" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="20.5" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="21.28" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="22.06" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="22.85" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="23.63" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="24.42" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="25.2" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="25.99" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="26.77" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="27.56" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="28.34" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="29.12" y="23.67" width="1" height="3.1"></rect>
+            <rect id="Rectangle-path" fill="#FFBF00" fill-rule="nonzero" x="29.91" y="23.67" width="1" height="3.1"></rect>
+            <polygon id="Shape" fill="#FFBF00" fill-rule="nonzero" points="30.81 26.77 30.69 26.77 30.69 23.67 31.22 23.67 31.22 26.69"></polygon>
+            <path d="M32,23.67 L32,26.17 C31.8512197,26.3393466 31.6712927,26.4785354 31.47,26.58 L31.47,23.67 L32,23.67 Z" id="Shape" fill="#FFBF00" fill-rule="nonzero"></path>
+            <path d="M3.11,23.54 C2.71343518,23.54 2.34699416,23.3284352 2.14871175,22.985 C1.95042933,22.6415648 1.95042933,22.2184352 2.14871175,21.875 C2.34699416,21.5315648 2.71343518,21.32 3.11,21.32 C3.50656482,21.32 3.87300584,21.5315648 4.07128825,21.875 C4.26957067,22.2184352 4.26957067,22.6415648 4.07128825,22.985 C3.87300584,23.3284352 3.50656482,23.54 3.11,23.54 Z M2.22,26.77 L4.54,26.77 L4.54,22.44 C4.47765352,21.693792 3.85380806,21.1198958 3.105,21.1198958 C2.35619194,21.1198958 1.73234648,21.693792 1.67,22.44 L1.67,26.7 L2.22,26.77 Z" id="Shape" fill="#FFBF00" fill-rule="nonzero"></path>
+            <path d="M10.44,21.44 C10.0306806,21.0291817 9.41486744,20.9039895 8.87763309,21.1223774 C8.34039875,21.3407654 7.98659306,21.8601116 7.98,22.44 L7.98,26.78 L10.86,26.78 L10.86,22.44 C10.8567492,22.0644466 10.7058854,21.7052469 10.44,21.44 Z M9.44,23.56 C8.98730492,23.5844809 8.56521866,23.3312015 8.37382614,22.9202257 C8.18243363,22.50925 8.26020534,22.0231853 8.57027452,21.6924449 C8.88034371,21.3617044 9.36038552,21.252768 9.78284191,21.4172756 C10.2052983,21.5817832 10.4852542,21.9866683 10.49,22.44 C10.4845121,23.0491272 9.98915197,23.5400247 9.38,23.54 L9.44,23.56 Z" id="Shape" fill="#FFBF00" fill-rule="nonzero"></path>
+            <path d="M17.44,21.44 C17.0306806,21.0291817 16.4148674,20.9039895 15.8776331,21.1223774 C15.3403987,21.3407654 14.9865931,21.8601116 14.98,22.44 L14.98,26.78 L17.86,26.78 L17.86,22.44 C17.8567492,22.0644466 17.7058854,21.7052469 17.44,21.44 Z M16.44,23.54 C15.9901408,23.5399817 15.5847763,23.2684441 15.4135718,22.8524366 C15.2423673,22.436429 15.3391815,21.9582239 15.658716,21.641568 C15.9782506,21.3249121 16.4573123,21.2324295 16.8717535,21.4073917 C17.2861947,21.5823538 17.5540528,21.9901591 17.55,22.44 C17.5445121,23.0491272 17.049152,23.5400247 16.44,23.54 Z" id="Shape" fill="#FFBF00" fill-rule="nonzero"></path>
+            <path d="M24.52,21.44 C24.1106806,21.0291817 23.4948674,20.9039895 22.9576331,21.1223774 C22.4203987,21.3407654 22.0665931,21.8601116 22.06,22.44 L22.06,26.78 L24.94,26.78 L24.94,22.44 C24.9367492,22.0644466 24.7858854,21.7052469 24.52,21.44 Z M23.52,23.56 C22.9069639,23.56 22.41,23.0630361 22.41,22.45 C22.41,21.8369639 22.9069639,21.34 23.52,21.34 C24.1330361,21.34 24.63,21.8369639 24.63,22.45 C24.63,23.0630361 24.1330361,23.56 23.52,23.56 Z" id="Shape" fill="#FFBF00" fill-rule="nonzero"></path>
+            <path d="M30.79,21.44 C30.3798042,21.0361719 29.7685264,20.915422 29.2355905,21.1329468 C28.7026547,21.3504717 28.3504601,21.8644757 28.34,22.44 L28.34,26.78 L30.66,26.78 L31.21,26.7 L31.21,22.44 C31.2067492,22.0644466 31.0558854,21.7052469 30.79,21.44 Z M29.79,23.56 C29.3402299,23.5680864 28.9300507,23.3039154 28.7513688,22.8910822 C28.5726868,22.478249 28.6608368,21.9983918 28.9745768,21.6760167 C29.2883169,21.3536417 29.7656044,21.2524988 30.1831357,21.4199088 C30.6006671,21.5873188 30.8758747,21.9901761 30.88,22.44 C30.8745121,23.0491272 30.379152,23.5400247 29.77,23.54 L29.79,23.56 Z" id="Shape" fill="#FFBF00" fill-rule="nonzero"></path>
+            <text id="0" fill="#414757" font-family="HelveticaNeue-CondensedBlack, Helvetica Neue" font-size="1.11" font-style="condensed" font-weight="700">
+                <tspan x="2.8" y="25.22">0</tspan>
+            </text>
+            <text id="A" fill="#414757" font-family="HelveticaNeue-CondensedBlack, Helvetica Neue" font-size="1.11" font-style="condensed" font-weight="700">
+                <tspan x="3.46" y="18.54">A</tspan>
+            </text>
+            <text id="B" fill="#414757" font-family="HelveticaNeue-CondensedBlack, Helvetica Neue" font-size="1.11" font-style="condensed" font-weight="700">
+                <tspan x="28.57" y="8.27">B</tspan>
+            </text>
+            <text id="1" fill="#414757" font-family="HelveticaNeue-CondensedBlack, Helvetica Neue" font-size="1.11" font-style="condensed" font-weight="700">
+                <tspan x="9.02" y="25.22">1</tspan>
+            </text>
+            <text id="2" fill="#414757" font-family="HelveticaNeue-CondensedBlack, Helvetica Neue" font-size="1.11" font-style="condensed" font-weight="700">
+                <tspan x="16.14" y="25.22">2</tspan>
+            </text>
+            <text id="3v" fill="#414757" font-family="HelveticaNeue-CondensedBlack, Helvetica Neue" font-size="1.11" font-style="condensed" font-weight="700">
+                <tspan x="22.96" y="25.22">3v</tspan>
+            </text>
+            <text id="GND" fill="#414757" font-family="HelveticaNeue-CondensedBlack, Helvetica Neue" font-size="1.11" font-style="condensed" font-weight="700">
+                <tspan x="28.53" y="25.22">GND</tspan>
+            </text>
+            <g id="Group" opacity="0.5" transform="translate(11.000000, 9.000000)" fill="#FF4E00" fill-rule="nonzero" stroke="#FF4E00" stroke-width="1.78">
+                <rect id="Rectangle-path" x="2.67" y="0" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="7.78" y="0" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="0.11" y="5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="10.33" y="5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="2.67" y="7.5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="5.22" y="7.5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="5.22" y="10" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="7.78" y="7.5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="2.67" y="5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="5.22" y="5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="7.78" y="5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="0.11" y="2.5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="10.33" y="2.5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="2.67" y="2.5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="5.22" y="2.5" width="1" height="1" rx="0.04"></rect>
+                <rect id="Rectangle-path" x="7.78" y="2.5" width="1" height="1" rx="0.04"></rect>
+            </g>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="13.67" y="9" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="18.78" y="9" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="11.11" y="14" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="21.33" y="14" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="13.67" y="16.5" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="16.22" y="16.5" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="16.22" y="19" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="18.78" y="16.5" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="13.67" y="14" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="16.22" y="14" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="18.78" y="14" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="11.11" y="11.5" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="21.33" y="11.5" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="13.67" y="11.5" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="16.22" y="11.5" width="1" height="1" rx="0.04"></rect>
+            <rect id="Rectangle-path" stroke="#FF4E00" stroke-width="0.44" fill="#FF4E00" fill-rule="nonzero" x="18.78" y="11.5" width="1" height="1" rx="0.04"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/static/svgs/project/extension-music.svg b/static/svgs/project/extension-music.svg
new file mode 100644
index 000000000..248e6383d
--- /dev/null
+++ b/static/svgs/project/extension-music.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>music-block-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="music-block-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M32.179206,25.8739208 C32.6367303,28.1567449 30.5131455,29.9998773 27.4339971,29.9998773 C24.3647303,29.9998773 21.5108854,28.1567449 21.0622546,25.8739208 C20.6037421,23.5891115 22.7273269,21.7380389 25.8054872,21.7380389 C26.4517526,21.7380389 27.0881363,21.8224042 27.695863,21.9722765 C28.0328302,22.0576343 28.3322467,22.1519249 28.6326515,22.2740063 C29.5022441,22.2541557 28.5288932,19.9802643 26.7976133,10.0450167 C24.6641469,-2.25841293 29.8579865,8.17508593 35.5656764,7.29173224 C41.2743545,6.40738602 35.6417658,12.1124613 31.9163518,11.1358096 C28.1919261,10.1492325 27.2660076,3.98262977 32.179206,25.8739208 Z M15.1819287,31.8640908 C15.6303634,34.1479226 13.5067189,36 10.4387935,36 C7.37086801,36 4.51827022,34.1479226 4.05995811,31.8640908 C3.61152342,29.580259 5.73418015,27.7291742 8.81099529,27.7291742 C9.81256529,27.7291742 10.784503,27.9256968 11.6645808,28.2730854 C12.4873696,28.2175032 11.5154318,25.895955 9.80268788,16.0450074 C7.67015372,3.74248891 12.8617237,14.1740717 18.5669193,13.2917047 C24.2731026,12.3984198 18.6429754,18.1134582 14.9191895,17.1258821 C11.1963913,16.1392986 10.2708774,9.97364751 15.1819287,31.8640908 Z" id="music" fill="#575E75"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/static/svgs/project/extension-pen.svg b/static/svgs/project/extension-pen.svg
new file mode 100644
index 000000000..00628df25
--- /dev/null
+++ b/static/svgs/project/extension-pen.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>pen-block-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="pen-block-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="pen-icon" transform="translate(4.000000, 4.000000)" stroke="#575E75">
+            <path d="M4.7529,30.6025 L0.5019,32.3805 L2.2859,28.1445 C3.5039,25.2535 5.1929,22.7225 7.3159,20.6075 L27.0669,0.9295 C27.9119,0.0875 29.7169,0.5205 31.0979,1.8965 C32.4789,3.2725 32.9139,5.0705 32.0679,5.9125 L12.3179,25.5905 C10.1949,27.7055 7.6539,29.3885 4.7529,30.6025" id="Fill-1" fill="#FFFFFF"></path>
+            <path d="M25.4092,2.1113 C25.4092,2.1113 20.9602,-0.2677 17.2082,7.8823 C15.4742,11.6483 12.8582,9.4283 12.8582,9.4283" id="Stroke-5"></path>
+            <path d="M32.4209,4.8251 C32.4209,5.2881 32.2799,5.6981 31.9879,5.9891 L22.6529,15.2901 C22.9349,14.9991 23.0639,14.6221 23.0639,14.1691 C23.0639,13.2961 22.5559,12.2071 21.6569,11.3021 C20.2949,9.9441 18.5099,9.5021 17.6549,10.3111 L26.9899,1.0101 C27.8339,0.1691 29.6409,0.6001 31.0249,1.9691 C31.9229,2.8741 32.4209,3.9521 32.4209,4.8251" id="Fill-7" fill="#4C97FF"></path>
+            <path d="M6.5146,29.7739 C5.9416,30.0759 5.3576,30.3449 4.7506,30.6039 L0.4996,32.3819 L2.2856,28.1469 C2.5436,27.5429 2.8146,26.9609 3.1186,26.3899 C3.8096,26.5729 4.5676,27.0149 5.2276,27.6719 C5.8866,28.3299 6.3296,29.0839 6.5146,29.7739" id="Fill-11" fill="#4C97FF"></path>
+            <path d="M32.498,4.7485 C32.498,5.2115 32.357,5.6215 32.065,5.9125 L12.323,25.5925 C10.192,27.7045 7.65,29.3855 4.751,30.6035 L0.5,32.3815 L1.474,30.0645 L3.399,29.2565 C6.298,28.0385 8.84,26.3575 10.971,24.2455 L30.713,4.5655 C31.005,4.2745 31.145,3.8645 31.145,3.4015 C31.145,2.7545 30.875,2.0005 30.366,1.2785 C30.615,1.4505 30.864,1.6555 31.102,1.8925 C32,2.7975 32.498,3.8755 32.498,4.7485" id="Fill-15" fill="#575E75" opacity="0.15"></path>
+            <path d="M14.4502,8.831 C14.4502,9.33 14.0462,9.735 13.5462,9.735 C13.0472,9.735 12.6412,9.33 12.6412,8.831 C12.6412,8.331 13.0472,7.927 13.5462,7.927 C14.0462,7.927 14.4502,8.331 14.4502,8.831 Z" id="Stroke-22" fill="#575E75"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/static/svgs/project/extension-translate.svg b/static/svgs/project/extension-translate.svg
new file mode 100644
index 000000000..50d1d8a07
--- /dev/null
+++ b/static/svgs/project/extension-translate.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>translation-block-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="translation-block-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group" transform="translate(4.000000, 4.000000)">
+            <path d="M29.8647,32 C31.0357,32 31.9937,31.058 31.9937,29.904 L31.9937,8.52 C31.9937,7.366 31.0357,6.424 29.8647,6.424 L9.0907,6.424 L17.4277,32 L29.8647,32 Z" id="Fill-1" fill="#D9D9D9"></path>
+            <polygon id="Fill-3" fill="#4352B8" points="22.8998 25.9575 17.4658 31.9995 15.4888 25.9575"></polygon>
+            <path d="M29.9741,15.2837 L29.9741,14.0337 L23.9481,14.0337 L23.9481,12.0137 L21.9931,12.0137 L21.9931,14.0337 L18.1461,14.0337 L18.1461,15.2837 L25.8001,15.2837 C25.3901,16.7257 24.4871,18.0887 23.6051,19.1457 C22.0401,17.2967 22.0351,16.6937 22.0351,16.6937 L20.4091,16.6937 C20.4091,16.6937 20.4761,17.5947 22.6691,20.1657 C21.9571,20.8927 21.4151,21.3257 21.4151,21.3257 L21.9151,22.8867 C21.9151,22.8867 22.6691,22.2397 23.6151,21.2367 C24.5601,22.2617 25.7821,23.4957 27.3621,24.9677 L28.3871,23.9417 C26.6951,22.4067 25.4541,21.1877 24.5441,20.2107 C25.7651,18.7647 27.0061,16.9477 27.2691,15.2807 L29.9741,15.2807 L29.9741,15.2837 Z" id="Fill-5" fill="#617D8B"></path>
+            <path d="M2.1284,0 C0.9584,0 0.0004,0.958 0.0004,2.132 L0.0004,23.833 C0.0004,25.002 0.9584,25.961 2.1284,25.961 L22.9024,25.961 L14.5664,0 L2.1284,0 Z" id="Fill-7" fill="#4F8BF5"></path>
+            <path d="M13.5268,12.0942 L12.9718,12.0942 L11.1518,12.0942 L8.9788,12.0942 L8.9788,13.9792 L11.5968,13.9792 C11.3538,15.1772 10.3318,15.8642 8.9788,15.8642 C7.3818,15.8642 6.0928,14.5752 6.0928,12.9792 C6.0928,11.3822 7.3818,10.0942 8.9788,10.0942 C9.6678,10.0942 10.2868,10.3372 10.7768,10.7382 L12.1968,9.3182 C11.3318,8.5652 10.2218,8.0972 8.9788,8.0972 C6.2698,8.0972 4.0958,10.2702 4.0958,12.9792 C4.0958,15.6872 6.2728,17.8642 8.9788,17.8642 C11.4218,17.8642 13.6388,16.0882 13.6388,12.9822 C13.6388,12.6932 13.5938,12.3832 13.5268,12.0942" id="Fill-9" fill="#FFFFFF"></path>
+            <path d="M17.1264,6.4238 L29.8644,6.4238 C31.0354,6.4238 31.9934,7.3658 31.9934,8.5198 L31.9934,21.3478 L17.1264,6.4238 Z" id="Fill-11" fill="#FFFFFF" opacity="0.2"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/static/svgs/project/extension-videosensing.svg b/static/svgs/project/extension-videosensing.svg
new file mode 100644
index 000000000..97ca0b6bf
--- /dev/null
+++ b/static/svgs/project/extension-videosensing.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>videomotion-block-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="videomotion-block-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="video" transform="translate(4.000000, 4.000000)">
+            <rect id="Rectangle-path" fill="#FFFFFF" fill-rule="nonzero" x="0" y="0" width="32" height="32" rx="3.05"></rect>
+            <g id="Group" opacity="0.1" transform="translate(5.000000, 5.000000)" fill="#414757" fill-rule="nonzero">
+                <path d="M11,1.56090652 C16.2130674,1.56090652 20.4390935,5.78693262 20.4390935,11 C20.4390935,16.2130674 16.2130674,20.4390935 11,20.4390935 C5.78693262,20.4390935 1.56090652,16.2130674 1.56090652,11 C1.56090652,5.78693262 5.78693262,1.56090652 11,1.56090652 Z M11,0.5 C5.20101013,0.5 0.5,5.20101013 0.5,11 C0.5,16.7989899 5.20101013,21.5 11,21.5 C16.7989899,21.5 21.5,16.7989899 21.5,11 C21.494534,5.20327574 16.7967243,0.505466033 11,0.5 Z" id="Shape"></path>
+            </g>
+            <circle id="Oval" fill="#414757" fill-rule="nonzero" cx="16" cy="16" r="10"></circle>
+            <circle id="Oval" stroke="#FFFFFF" stroke-width="1.5" opacity="0.1" cx="16" cy="16" r="8"></circle>
+            <circle id="Oval" stroke="#FFFFFF" stroke-width="0.5" opacity="0.1" cx="16" cy="16" r="6.75"></circle>
+            <circle id="Oval" fill="#E6E7E8" fill-rule="nonzero" opacity="0.2" cx="16" cy="16" r="6"></circle>
+            <path d="M21.9886164,15.9943081 C22.0037945,16.2505067 22.0037945,16.5073791 21.9886164,16.7635776 C21.5676878,13.8095327 19.0381351,11.6148707 16.0542513,11.6148707 C13.0703675,11.6148707 10.5408148,13.8095327 10.1198862,16.7635776 C10.0645983,16.5097785 10.0245646,16.2528952 10,15.9943081 C10.0000001,12.6837431 12.6837433,10 15.9943082,10 C19.3048732,10 21.9886164,12.6837431 21.9886164,15.9943081 Z" id="Shape" fill="#E6E7E8" fill-rule="nonzero" opacity="0.2"></path>
+            <circle id="Oval" fill="#414757" fill-rule="nonzero" cx="16" cy="16" r="3"></circle>
+            <circle id="Oval" fill="#E6E7E8" fill-rule="nonzero" opacity="0.2" cx="16" cy="16" r="2"></circle>
+            <circle id="Oval" fill="#414757" fill-rule="nonzero" cx="16" cy="16" r="1"></circle>
+            <path d="M14.6084924,16.39 C14.4383483,16.1563806 14.3632869,15.8668582 14.3984924,15.58 C14.4617702,14.9563903 14.9548827,14.4632779 15.5784924,14.4 C15.8653505,14.3647946 16.154873,14.4398559 16.3884924,14.61 C16.4736591,14.6957849 16.4736591,14.8342151 16.3884924,14.92 C16.3519423,14.9613974 16.302714,14.9895279 16.2484924,15 C15.5681475,15.0107161 15.0192084,15.5596551 15.0084924,16.24 C14.9928881,16.3577302 14.8866619,16.441826 14.7684924,16.43 C14.7123527,16.4330323 14.6566004,16.4190942 14.6084924,16.39 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero" opacity="0.5"></path>
+            <path d="M17.13,16.25 C17.238165,16.5018964 17.1819645,16.7942753 16.9881199,16.9881199 C16.7942753,17.1819645 16.5018964,17.238165 16.25,17.13 C16.2288562,17.1129132 16.2165685,17.0871849 16.2165685,17.06 C16.2165685,17.0328151 16.2288562,17.0070868 16.25,16.99 C16.25,16.99 16.25,16.99 16.31,16.94 C16.6197545,16.8616201 16.8616201,16.6197545 16.94,16.31 C16.9586027,16.2556575 17.0131051,16.2221176 17.07,16.23 C17.091637,16.23 17.1126904,16.2370178 17.13,16.25 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero" opacity="0.5"></path>
+            <path d="M25.41,15.89 C25.4072923,16.4125891 25.3638271,16.9341709 25.28,17.45 C24.5137287,12.860866 20.5426683,9.49789668 15.89,9.49789668 C11.2373317,9.49789668 7.26627135,12.860866 6.5,17.45 C6.41617288,16.9341709 6.37270773,16.4125891 6.37,15.89 C6.69511761,10.8822361 10.8516935,6.98676576 15.87,6.98676576 C20.8883065,6.98676576 25.0448824,10.8822361 25.37,15.89 L25.41,15.89 Z" id="Shape" fill="#414757" fill-rule="nonzero" opacity="0.75"></path>
+            <path d="M11.511852,19.9821248 C11.1581427,19.58376 10.8566633,19.1379766 10.6181504,18.6555112 L18.6555112,10.6181504 C19.069995,10.8230557 19.4574058,11.0744331 19.8109361,11.3654751 L19.9697189,11.5242579 L11.511852,19.9821248 Z" id="Combined-Shape" fill="#FFFFFF" fill-rule="nonzero" opacity="0.1"></path>
+            <path d="M11.8063413,20.291067 L20.2775364,11.8198719 L20.5719033,12.1142388 C20.6530913,12.2096696 20.7313445,12.3076744 20.8065233,12.4081138 L12.4081138,20.8065233 C12.1962546,20.6479469 11.9952272,20.4756916 11.8063413,20.291067 Z" id="Combined-Shape" fill="#FFFFFF" fill-rule="nonzero" opacity="0.1"></path>
+            <rect id="Rectangle-path" stroke="#414757" stroke-width="2" opacity="0.1" x="0" y="0" width="32" height="32" rx="3.05"></rect>
+            <circle id="Oval" fill="#FF661A" fill-rule="nonzero" cx="4" cy="4" r="2"></circle>
+            <circle id="Oval" stroke="#231F20" stroke-width="0.71" opacity="0.1" stroke-linecap="round" stroke-linejoin="round" cx="4" cy="4" r="2"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/static/svgs/project/extension-wedo2.svg b/static/svgs/project/extension-wedo2.svg
new file mode 100644
index 000000000..51cb7710d
--- /dev/null
+++ b/static/svgs/project/extension-wedo2.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
+    <title>wedo2-block-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="wedo2-block-icon">
+            <g transform="translate(1.000000, 8.000000)">
+                <path d="M34.3129805,2.46697115 L31.0885415,2.46697115 L31.0885415,0.864527244 C31.0885415,0.641530449 31.2711268,0.460921474 31.4954195,0.460921474 L33.9070293,0.460921474 C34.131322,0.460921474 34.3129805,0.641530449 34.3129805,0.864527244 L34.3129805,2.46697115 Z" id="Stroke-3" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M29.4774341,2.46697115 L26.2529951,2.46697115 L26.2529951,0.864527244 C26.2529951,0.641530449 26.4355805,0.460921474 26.6598732,0.460921474 L29.0714829,0.460921474 C29.2957756,0.460921474 29.4774341,0.641530449 29.4774341,0.864527244 L29.4774341,2.46697115 Z" id="Stroke-7" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M24.6414244,2.46697115 L21.4179122,2.46697115 L21.4179122,0.864527244 C21.4179122,0.641530449 21.5995707,0.460921474 21.8238634,0.460921474 L24.2354732,0.460921474 C24.4597659,0.460921474 24.6414244,0.641530449 24.6414244,0.864527244 L24.6414244,2.46697115 Z" id="Stroke-11" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M19.805878,2.46697115 L16.5823659,2.46697115 L16.5823659,0.864527244 C16.5823659,0.641530449 16.7640244,0.460921474 16.9883171,0.460921474 L19.3999268,0.460921474 C19.6242195,0.460921474 19.805878,0.641530449 19.805878,0.864527244 L19.805878,2.46697115 Z" id="Stroke-15" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M14.9703317,2.46697115 L11.7458927,2.46697115 L11.7458927,0.864527244 C11.7458927,0.641530449 11.928478,0.460921474 12.1527707,0.460921474 L14.5643805,0.460921474 C14.7886732,0.460921474 14.9703317,0.641530449 14.9703317,0.864527244 L14.9703317,2.46697115 Z" id="Stroke-19" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M10.1347854,2.46697115 L6.91034634,2.46697115 L6.91034634,0.864527244 C6.91034634,0.641530449 7.09293171,0.460921474 7.31722439,0.460921474 L9.72883415,0.460921474 C9.95312683,0.460921474 10.1347854,0.641530449 10.1347854,0.864527244 L10.1347854,2.46697115 Z" id="Stroke-23" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M36.7304293,2.46697115 L5.29886829,2.46697115 C2.62867317,2.46697115 0.4636,4.61953526 0.4636,7.27522436 L0.4636,10.4801122 L37.5367707,10.4801122 L37.5367707,3.26865385 C37.5367707,2.82634615 37.1753073,2.46697115 36.7304293,2.46697115 Z" id="Stroke-27" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M37.1336927,22.9801883 L0.866863415,22.9801883 C0.643497561,22.9801883 0.463692683,22.8005008 0.463692683,22.579347 L0.463692683,8.23659856 L33.1733512,8.23659856 C33.9027659,8.23659856 34.602522,8.52409856 35.1187659,9.03828125 C35.6350098,9.55062099 36.3347659,9.83904247 37.0641805,9.83904247 L37.5368634,9.83904247 L37.5368634,22.579347 C37.5368634,22.8005008 37.3561317,22.9801883 37.1336927,22.9801883 Z" id="Stroke-31" stroke="#6F7893" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round"></path>
+                <polyline id="Stroke-33" stroke="#6F7893" stroke-linecap="round" stroke-linejoin="round" points="33.8291756 8.23659856 34.3129805 5.67213542 37.5364927 5.67213542"></polyline>
+                <path d="M37.5364927,3.2683774 L37.5364927,22.5797155 C37.5364927,22.8008694 37.3566878,22.9805569 37.133322,22.9805569 L0.866492683,22.9805569 C0.644980488,22.9805569 0.463321951,22.7999479 0.463321951,22.5797155 L0.463321951,21.3771915 L34.7448829,21.3771915 C35.3964439,21.3771915 35.9247366,20.8528726 35.9247366,20.2041546 L35.9247366,2.46669471 L36.7301512,2.46669471 C37.1759561,2.46669471 37.5364927,2.82606971 37.5364927,3.2683774 Z" id="Stroke-37" stroke="#6F7893" fill="#6F7893" opacity="0.15" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M10.5375854,8.27889423 L30.6859268,8.27889423 C30.9083659,8.27889423 31.0890976,8.45858173 31.0890976,8.67973558 L31.0890976,15.2074599 C31.0890976,15.4286138 30.9083659,15.6083013 30.6859268,15.6083013 L10.5375854,15.6083013 C10.3151463,15.6083013 10.1344146,15.4286138 10.1344146,15.2074599 L10.1344146,8.67973558 C10.1344146,8.45858173 10.3151463,8.27889423 10.5375854,8.27889423" id="Fill-40" fill="#E6E7E8"></path>
+                <path d="M10.5375854,8.27889423 L30.6859268,8.27889423 C30.9083659,8.27889423 31.0890976,8.45858173 31.0890976,8.67973558 L31.0890976,15.2074599 C31.0890976,15.4286138 30.9083659,15.6083013 30.6859268,15.6083013 L10.5375854,15.6083013 C10.3151463,15.6083013 10.1344146,15.4286138 10.1344146,15.2074599 L10.1344146,8.67973558 C10.1344146,8.45858173 10.3151463,8.27889423 10.5375854,8.27889423 Z" id="Stroke-42" stroke="#6F7893" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M31.0889122,8.27889423 L31.0889122,15.2074599 C31.0889122,15.4286138 30.9091073,15.6083013 30.6857415,15.6083013 L10.5374,15.6083013 C10.3158878,15.6083013 10.1351561,15.4276923 10.1351561,15.2074599 L10.1351561,14.0058574 L28.2973024,14.0058574 C28.9488634,14.0058574 29.4771561,13.480617 29.4771561,12.8328205 L29.4771561,8.27889423 L31.0889122,8.27889423 Z" id="Stroke-46" stroke="#6F7893" fill="#6E7792" opacity="0.15" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M29.4774341,8.27889423 L26.2529951,8.27889423 L26.2529951,6.67552885 C26.2529951,6.45253205 26.4355805,6.27192308 26.6598732,6.27192308 L29.0714829,6.27192308 C29.2957756,6.27192308 29.4774341,6.45253205 29.4774341,6.67552885 L29.4774341,8.27889423 Z" id="Stroke-51" stroke="#6F7893" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M14.9703317,8.27889423 L11.7458927,8.27889423 L11.7458927,6.67552885 C11.7458927,6.45253205 11.928478,6.27192308 12.1527707,6.27192308 L14.5643805,6.27192308 C14.7886732,6.27192308 14.9703317,6.45253205 14.9703317,6.67552885 L14.9703317,8.27889423 Z" id="Stroke-55" stroke="#6F7893" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M24.6414244,8.27889423 L21.4179122,8.27889423 L21.4179122,6.67552885 C21.4179122,6.45253205 21.5995707,6.27192308 21.8238634,6.27192308 L24.2354732,6.27192308 C24.4597659,6.27192308 24.6414244,6.45253205 24.6414244,6.67552885 L24.6414244,8.27889423 Z" id="Stroke-59" stroke="#6F7893" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M19.805878,8.27889423 L16.5823659,8.27889423 L16.5823659,6.67552885 C16.5823659,6.45253205 16.7640244,6.27192308 16.9883171,6.27192308 L19.3999268,6.27192308 C19.6242195,6.27192308 19.805878,6.45253205 19.805878,6.67552885 L19.805878,8.27889423 Z" id="Stroke-63" stroke="#6F7893" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M17.5566488,11.9094111 C17.5566488,12.935012 16.719722,13.7671034 15.688161,13.7671034 C14.6566,13.7671034 13.8196732,12.935012 13.8196732,11.9094111 C13.8196732,10.8828886 14.6566,10.0517187 15.688161,10.0517187 C16.719722,10.0517187 17.5566488,10.8828886 17.5566488,11.9094111 Z" id="Stroke-65" stroke="#6F7893" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M22.4804293,11.9094111 C22.4804293,12.935012 21.6435024,13.7671034 20.6119415,13.7671034 C19.5803805,13.7671034 18.7434537,12.935012 18.7434537,11.9094111 C18.7434537,10.8828886 19.5803805,10.0517187 20.6119415,10.0517187 C21.6435024,10.0517187 22.4804293,10.8828886 22.4804293,11.9094111 Z" id="Stroke-67" stroke="#6F7893" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M27.4042098,11.9094111 C27.4042098,12.935012 26.5672829,13.7671034 25.535722,13.7671034 C24.504161,13.7671034 23.6672341,12.935012 23.6672341,11.9094111 C23.6672341,10.8828886 24.504161,10.0517187 25.535722,10.0517187 C26.5672829,10.0517187 27.4042098,10.8828886 27.4042098,11.9094111 Z" id="Stroke-69" stroke="#6F7893" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M17.5566488,11.922496 C17.5566488,12.948097 16.719722,13.7801883 15.688161,13.7801883 C14.6566,13.7801883 13.8196732,12.948097 13.8196732,11.922496 C13.8196732,10.896895 14.6566,10.0648037 15.688161,10.0648037 C16.719722,10.0648037 17.5566488,10.896895 17.5566488,11.922496" id="Fill-71" fill="#6F7893" opacity="0.5"></path>
+                <path d="M22.4804293,11.922496 C22.4804293,12.948097 21.6435024,13.7801883 20.6119415,13.7801883 C19.5803805,13.7801883 18.7434537,12.948097 18.7434537,11.922496 C18.7434537,10.896895 19.5803805,10.0648037 20.6119415,10.0648037 C21.6435024,10.0648037 22.4804293,10.896895 22.4804293,11.922496" id="Fill-73" fill="#6F7893" opacity="0.5"></path>
+                <path d="M27.4042098,11.922496 C27.4042098,12.948097 26.5672829,13.7801883 25.535722,13.7801883 C24.504161,13.7801883 23.6672341,12.948097 23.6672341,11.922496 C23.6672341,10.896895 24.504161,10.0648037 25.535722,10.0648037 C26.5672829,10.0648037 27.4042098,10.896895 27.4042098,11.922496" id="Fill-75" fill="#6F7893" opacity="0.5"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file