diff --git a/Gemfile.lock b/Gemfile.lock
index 17e34a19..23e9846e 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,6 +1,6 @@
 GIT
   remote: git://github.com/bterkuile/cmtool.git
-  revision: 35296aa6532effd401b959655d57b9e0daea5c7b
+  revision: 8ba2fa731ec13659dc9f2d1e28e15c1dc9ad0911
   specs:
     cmtool (1.0.0)
       bourbon
diff --git a/app/assets/images/svg_sources/bell.svg b/app/assets/images/svg_sources/bell.svg
new file mode 100644
index 00000000..928a696f
--- /dev/null
+++ b/app/assets/images/svg_sources/bell.svg
@@ -0,0 +1,245 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+    xmlns:cc="http://creativecommons.org/ns#"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    id="svg548"
+    viewBox="0 0 390.41 398.71"
+    sodipodi:version="0.32"
+    version="1.1"
+    inkscape:version="0.48.3.1 r9886"
+    sodipodi:docname="_svgclean2.svg"
+  >
+  <defs
+      id="defs550"
+    >
+    <linearGradient
+        id="linearGradient556"
+      >
+      <stop
+          id="stop557"
+          style="stop-color:#cc955d"
+          offset="0"
+      />
+      <stop
+          id="stop558"
+          style="stop-color:#ffdf32"
+          offset="1"
+      />
+    </linearGradient
+    >
+    <radialGradient
+        id="radialGradient559"
+        xlink:href="#linearGradient556"
+        gradientUnits="userSpaceOnUse"
+        cy="299.07"
+        cx="122.41"
+        gradientTransform="scale(1.0384 .96304)"
+        r="105.42"
+    />
+    <radialGradient
+        id="radialGradient560"
+        xlink:href="#linearGradient556"
+        gradientUnits="userSpaceOnUse"
+        cy="47.873"
+        cx="215.95"
+        gradientTransform="scale(1.0667 .93751)"
+        r="44.682"
+    />
+    <linearGradient
+        id="linearGradient561"
+        y2="263.85"
+        xlink:href="#linearGradient556"
+        spreadMethod="reflect"
+        gradientUnits="userSpaceOnUse"
+        x2="68.627"
+        gradientTransform="scale(1.1364 .87994)"
+        y1="261.13"
+        x1="226.29"
+    />
+    <linearGradient
+        id="linearGradient562"
+        y2="813.3"
+        spreadMethod="reflect"
+        gradientUnits="userSpaceOnUse"
+        x2="26.955"
+        gradientTransform="scale(2.1038 .47533)"
+        y1="813.3"
+        x1="120.97"
+      >
+      <stop
+          id="stop564"
+          style="stop-color:#cc5a5d"
+          offset="0"
+      />
+      <stop
+          id="stop565"
+          style="stop-color:#ffb712"
+          offset="1"
+      />
+    </linearGradient
+    >
+  </defs
+  >
+  <sodipodi:namedview
+      id="base"
+      inkscape:window-x="0"
+      inkscape:window-y="0"
+      inkscape:window-height="645"
+      inkscape:window-maximized="0"
+      inkscape:zoom="0.7725"
+      showgrid="true"
+      inkscape:current-layer="svg548"
+      inkscape:cx="122.56279"
+      inkscape:cy="-407.00423"
+      inkscape:window-width="674"
+  />
+  <g
+      id="g840"
+      style="stroke-linejoin:round;stroke:#000000;stroke-width:10"
+      transform="translate(-77.437 -46.652)"
+    >
+    <path
+        id="path553"
+        style="stroke-linejoin:round;fill-rule:evenodd;stroke:#000000;stroke-width:10;fill:url(#linearGradient562)"
+        d="m71.202 379.75c3.956 64.08 393.2 47.47 384.5 3.95 20.57-16.61-258.71-80.69-384.5-3.95z"
+        sodipodi:nodetypes="ccc"
+        inkscape:connector-curvature="0"
+        transform="matrix(.8094 -.58726 .58726 .8094 -133.76 168.14)"
+    />
+    <path
+        id="path555"
+        style="stroke-linejoin:round;fill-rule:evenodd;stroke:#000000;stroke-width:10;fill:url(#radialGradient559)"
+        d="m170.1 371.84c-70.416 0-65.67-92.57-3.96-93.36 62.5 0 79.11 94.15 3.96 93.36z"
+        sodipodi:nodetypes="ccc"
+        inkscape:connector-curvature="0"
+        transform="matrix(.8094 -.58726 .58726 .8094 -112.63 202.66)"
+    />
+    <path
+        id="path552"
+        style="stroke-linejoin:round;fill-rule:evenodd;stroke:#000000;stroke-width:10;fill:url(#linearGradient561)"
+        d="m71.203 378.96c114.72-66.46 359.18-24.53 386.08 3.95-42.72-60.92-75.16-90.19-85.44-162.97-17.41-94.15-50.64-127.38-113.93-133.71-59.33 4.751-90.98 21.37-103.64 113.14s-40.35 132.12-83.067 179.59z"
+        sodipodi:nodetypes="cccccc"
+        inkscape:connector-curvature="0"
+        transform="matrix(.8094 -.58726 .58726 .8094 -133.76 168.14)"
+    />
+    <path
+        id="path554"
+        style="stroke-linejoin:round;fill-rule:evenodd;stroke:#000000;stroke-width:10;fill:url(#radialGradient560)"
+        d="m255.54 87.025c-32.44 0-36.39-37.975-3.96-41.139 33.23 0.791 34.02 39.557 3.96 41.139z"
+        sodipodi:nodetypes="ccc"
+        inkscape:connector-curvature="0"
+        transform="matrix(.8094 -.58726 .58726 .8094 -133.76 168.14)"
+    />
+    <path
+        id="path566"
+        inkscape:connector-curvature="0"
+        sodipodi:nodetypes="cc"
+        style="stroke-linejoin:round;stroke:#000000;stroke-width:10;fill:none"
+        d="m354.43 174.05c-31.65 0-153.48 36.39-185.92 126.58"
+    />
+  </g
+  >
+  <metadata
+      id="metadata20"
+    >
+    <rdf:RDF
+      >
+      <cc:Work
+        >
+        <dc:format
+          >image/svg+xml</dc:format
+        >
+        <dc:type
+            rdf:resource="http://purl.org/dc/dcmitype/StillImage"
+        />
+        <cc:license
+            rdf:resource="http://creativecommons.org/licenses/publicdomain/"
+        />
+        <dc:publisher
+          >
+          <cc:Agent
+              rdf:about="http://openclipart.org/"
+            >
+            <dc:title
+              >Openclipart</dc:title
+            >
+          </cc:Agent
+          >
+        </dc:publisher
+        >
+      </cc:Work
+      >
+      <cc:License
+          rdf:about="http://creativecommons.org/licenses/publicdomain/"
+        >
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#Reproduction"
+        />
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#Distribution"
+        />
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#DerivativeWorks"
+        />
+      </cc:License
+      >
+    </rdf:RDF
+    >
+  </metadata
+  >
+  <metadata
+      id="metadata22"
+    >
+    <rdf:RDF
+      >
+      <cc:Work
+          rdf:about=""
+        >
+        <dc:title
+          >Clipart by Nicu Buculei - piggybank</dc:title
+        >
+        <dc:rights
+          >
+          <cc:Agent
+            >
+            <dc:title
+              >Nicu Buculei</dc:title
+            >
+          </cc:Agent
+          >
+        </dc:rights
+        >
+        <dc:type
+            rdf:resource="http://purl.org/dc/dcmitype/StillImage"
+        />
+        <cc:license
+            rdf:resource="http://web.resource.org/cc/PublicDomain"
+        />
+      </cc:Work
+      >
+      <cc:License
+          rdf:about="http://web.resource.org/cc/PublicDomain"
+        >
+        <cc:permits
+            rdf:resource="http://web.resource.org/cc/Reproduction"
+        />
+        <cc:permits
+            rdf:resource="http://web.resource.org/cc/Distribution"
+        />
+        <cc:permits
+            rdf:resource="http://web.resource.org/cc/DerivativeWorks"
+        />
+      </cc:License
+      >
+    </rdf:RDF
+    >
+  </metadata
+  >
+</svg
+>
diff --git a/app/assets/images/svg_sources/check.svg b/app/assets/images/svg_sources/check.svg
new file mode 100644
index 00000000..9c977f59
--- /dev/null
+++ b/app/assets/images/svg_sources/check.svg
@@ -0,0 +1,284 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+    xmlns:cc="http://creativecommons.org/ns#"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns:ns1="http://sozi.baierouge.fr"
+    id="svg2"
+    sodipodi:docname="New document 1"
+    viewBox="0 0 128 128"
+    version="1.1"
+    inkscape:version="0.48.0 r9654"
+  >
+  <defs
+      id="defs4"
+    >
+    <filter
+        id="filter3895"
+        inkscape:collect="always"
+        color-interpolation-filters="sRGB"
+      >
+      <feGaussianBlur
+          id="feGaussianBlur3897"
+          stdDeviation="1.1"
+          inkscape:collect="always"
+      />
+    </filter
+    >
+    <filter
+        id="filter3973"
+        inkscape:collect="always"
+        color-interpolation-filters="sRGB"
+      >
+      <feGaussianBlur
+          id="feGaussianBlur3975"
+          stdDeviation="0.44890625"
+          inkscape:collect="always"
+      />
+    </filter
+    >
+    <linearGradient
+        id="linearGradient3982"
+        y2="2.4637"
+        gradientUnits="userSpaceOnUse"
+        x2="86.244"
+        y1="73.737"
+        x1="8"
+        inkscape:collect="always"
+      >
+      <stop
+          id="stop3873"
+          style="stop-color:#00aa00"
+          offset="0"
+      />
+      <stop
+          id="stop3879"
+          style="stop-color:#00ff00"
+          offset=".29524"
+      />
+      <stop
+          id="stop3875"
+          style="stop-color:#d5ffd5"
+          offset="1"
+      />
+    </linearGradient
+    >
+    <linearGradient
+        id="linearGradient3984"
+        y2="79.832"
+        gradientUnits="userSpaceOnUse"
+        x2="47.125"
+        y1="4.5156"
+        x1="47.125"
+        inkscape:collect="always"
+      >
+      <stop
+          id="stop3929"
+          style="stop-color:#ffffff"
+          offset="0"
+      />
+      <stop
+          id="stop3931"
+          style="stop-color:#ffffff;stop-opacity:0"
+          offset="1"
+      />
+    </linearGradient
+    >
+    <linearGradient
+        id="linearGradient3986"
+        y2="59.766"
+        gradientUnits="userSpaceOnUse"
+        x2="60.753"
+        y1="4.5156"
+        x1="47.125"
+        inkscape:collect="always"
+      >
+      <stop
+          id="stop3955"
+          style="stop-color:#ffffff"
+          offset="0"
+      />
+      <stop
+          id="stop3957"
+          style="stop-color:#ffffff;stop-opacity:0"
+          offset="1"
+      />
+    </linearGradient
+    >
+  </defs
+  >
+  <sodipodi:namedview
+      id="base"
+      bordercolor="#666666"
+      inkscape:pageshadow="2"
+      inkscape:window-y="-4"
+      pagecolor="#ffffff"
+      inkscape:window-height="965"
+      inkscape:window-maximized="1"
+      inkscape:zoom="1"
+      inkscape:window-x="-4"
+      showgrid="false"
+      borderopacity="1.0"
+      inkscape:current-layer="layer1"
+      inkscape:cx="63.389495"
+      inkscape:cy="78.026004"
+      inkscape:window-width="1280"
+      inkscape:pageopacity="0.0"
+      inkscape:document-units="px"
+    >
+    <inkscape:grid
+        id="grid2994"
+        enabled="true"
+        visible="true"
+        snapvisiblegridlinesonly="true"
+        type="xygrid"
+        empspacing="5"
+    />
+  </sodipodi:namedview
+  >
+  <g
+      id="layer1"
+      inkscape:label="Layer 1"
+      inkscape:groupmode="layer"
+      transform="translate(0 -924.36)"
+    >
+    <g
+        id="g3977"
+        transform="matrix(1.8813 0 0 1.8813 -10.225 899.05)"
+      >
+      <path
+          id="path3881"
+          sodipodi:nodetypes="ccccccc"
+          style="opacity:.65158;filter:url(#filter3895);fill:#000000"
+          inkscape:connector-curvature="0"
+          d="m20 42.362 10 10 30-30 10 10-40 40-20-20z"
+      />
+      <path
+          id="path2996"
+          d="m20 42.362 10 10 30-30 10 10-40 40-20-20z"
+          sodipodi:nodetypes="ccccccc"
+          style="fill:url(#linearGradient3982)"
+          inkscape:connector-curvature="0"
+      />
+      <path
+          id="path3949"
+          style="filter:url(#filter3973);stroke:url(#linearGradient3986);stroke-width:.26578;fill:url(#linearGradient3984)"
+          sodipodi:type="inkscape:offset"
+          d="m60 23.5-27.344 27.344c0.66374-0.12971 1.3313-0.25542 2-0.375 3.3646-0.60167 7.5261-1.2467 10.906-1.6875 2.6453-0.34494 5.1032-0.59175 7.6562-0.75l15.657-15.657-8.875-8.875zm-40 20-8.875 8.875 3.1562 3.1562c4.597-1.352 9.218-2.781 13.969-3.781l-8.25-8.25z"
+          inkscape:original="M 60 22.375 L 30.25 52.125 C 31.759428 51.832546 33.268641 51.520491 34.78125 51.25 C 38.131586 50.650878 42.292564 50.001114 45.65625 49.5625 C 48.40866 49.203595 50.940177 48.935357 53.59375 48.78125 L 70 32.375 L 60 22.375 z M 20 42.375 L 10 52.375 L 14.03125 56.40625 C 19.237958 54.881463 24.442107 53.235169 29.78125 52.21875 C 29.80132 52.21495 29.82368 52.22255 29.84375 52.21875 L 20 42.375 z "
+          inkscape:radius="-0.79549515"
+      />
+    </g
+    >
+  </g
+  >
+  <metadata
+    >
+    <rdf:RDF
+      >
+      <cc:Work
+        >
+        <dc:format
+          >image/svg+xml</dc:format
+        >
+        <dc:type
+            rdf:resource="http://purl.org/dc/dcmitype/StillImage"
+        />
+        <cc:license
+            rdf:resource="http://creativecommons.org/licenses/publicdomain/"
+        />
+        <dc:publisher
+          >
+          <cc:Agent
+              rdf:about="http://openclipart.org/"
+            >
+            <dc:title
+              >Openclipart</dc:title
+            >
+          </cc:Agent
+          >
+        </dc:publisher
+        >
+        <dc:title
+          >Check mark</dc:title
+        >
+        <dc:date
+          >2010-09-10T21:09:32</dc:date
+        >
+        <dc:description
+          >Check mark icon.</dc:description
+        >
+        <dc:source
+          >https://openclipart.org/detail/84289/check-mark-by-jhnri4</dc:source
+        >
+        <dc:creator
+          >
+          <cc:Agent
+            >
+            <dc:title
+              >jhnri4</dc:title
+            >
+          </cc:Agent
+          >
+        </dc:creator
+        >
+        <dc:subject
+          >
+          <rdf:Bag
+            >
+            <rdf:li
+              >accepted</rdf:li
+            >
+            <rdf:li
+              >approval</rdf:li
+            >
+            <rdf:li
+              >approved</rdf:li
+            >
+            <rdf:li
+              >certified</rdf:li
+            >
+            <rdf:li
+              >check</rdf:li
+            >
+            <rdf:li
+              >good</rdf:li
+            >
+            <rdf:li
+              >how i did it</rdf:li
+            >
+            <rdf:li
+              >ok</rdf:li
+            >
+          </rdf:Bag
+          >
+        </dc:subject
+        >
+      </cc:Work
+      >
+      <cc:License
+          rdf:about="http://creativecommons.org/licenses/publicdomain/"
+        >
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#Reproduction"
+        />
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#Distribution"
+        />
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#DerivativeWorks"
+        />
+      </cc:License
+      >
+    </rdf:RDF
+    >
+  </metadata
+  >
+</svg
+>
diff --git a/app/assets/images/svg_sources/phone-base.svg b/app/assets/images/svg_sources/phone-base.svg
new file mode 100644
index 00000000..ecf3c56d
--- /dev/null
+++ b/app/assets/images/svg_sources/phone-base.svg
@@ -0,0 +1,589 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="108.624mm"
+   height="213.14101mm"
+   viewBox="0 0 391.753 768.694"
+   id="svg2"
+   xml:space="preserve"
+   style="fill-rule:evenodd"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="phone-order.svg"
+   inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+   inkscape:export-xdpi="82.529999"
+   inkscape:export-ydpi="82.529999"><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1449"
+     inkscape:window-height="859"
+     id="namedview176"
+     showgrid="false"
+     inkscape:zoom="0.86648836"
+     inkscape:cx="389.67356"
+     inkscape:cy="252.04354"
+     inkscape:window-x="61"
+     inkscape:window-y="34"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" /><metadata
+     id="metadata475"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs4"><style
+       type="text/css"
+       id="style153" /><linearGradient
+       x1="223.79601"
+       y1="-97.232697"
+       x2="429.052"
+       y2="-97.232697"
+       id="id0"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop156"
+         style="stop-color:#838281;stop-opacity:1"
+         offset="0" /><stop
+         id="stop158"
+         style="stop-color:#838281;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="225.41499"
+       y1="-95.070999"
+       x2="430.673"
+       y2="-95.070999"
+       id="id1"
+       xlink:href="#id0"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       x1="148.355"
+       y1="179.55"
+       x2="148.355"
+       y2="163.17999"
+       id="id2"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop162"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0" /><stop
+         id="stop164"
+         style="stop-color:#d894b3;stop-opacity:1"
+         offset="0.0901961" /><stop
+         id="stop166"
+         style="stop-color:#b12967;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="195.82001"
+       y1="646.19397"
+       x2="195.82001"
+       y2="555.20001"
+       id="id3"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop169"
+         style="stop-color:#1f1a17;stop-opacity:1"
+         offset="0" /><stop
+         id="stop171"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="236.436"
+       y1="218.17101"
+       x2="236.436"
+       y2="156.86301"
+       id="id4"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop174"
+         style="stop-color:#00923f;stop-opacity:1"
+         offset="0" /><stop
+         id="stop176"
+         style="stop-color:#7fc99f;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop178"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="235.814"
+       y1="323.40399"
+       x2="235.814"
+       y2="262.09"
+       id="id5"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop181"
+         style="stop-color:#3300cc;stop-opacity:1"
+         offset="0" /><stop
+         id="stop183"
+         style="stop-color:#997fe5;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop185"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="150.621"
+       y1="640.53198"
+       x2="150.621"
+       y2="579.22498"
+       id="id6"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop188"
+         style="stop-color:#974578;stop-opacity:1"
+         offset="0" /><stop
+         id="stop190"
+         style="stop-color:#cba2bb;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop192"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="149.259"
+       y1="323.40399"
+       x2="149.259"
+       y2="262.09"
+       id="id7"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop195"
+         style="stop-color:#ff6600;stop-opacity:1"
+         offset="0" /><stop
+         id="stop197"
+         style="stop-color:#ffb37f;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop199"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="322.371"
+       y1="218.17101"
+       x2="322.371"
+       y2="156.86301"
+       id="id8"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop202"
+         style="stop-color:#fff500;stop-opacity:1"
+         offset="0" /><stop
+         id="stop204"
+         style="stop-color:#fffa7f;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop206"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="431.172"
+       x2="62.7033"
+       y2="369.85699"
+       id="id9"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop209"
+         style="stop-color:#006633;stop-opacity:1"
+         offset="0" /><stop
+         id="stop211"
+         style="stop-color:#7fb399;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop213"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="238.53799"
+       y1="639.698"
+       x2="238.53799"
+       y2="578.38898"
+       id="id10"
+       xlink:href="#id9"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       x1="326.45599"
+       y1="639.867"
+       x2="326.45599"
+       y2="578.55798"
+       id="id11"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop217"
+         style="stop-color:#00ccff;stop-opacity:1"
+         offset="0" /><stop
+         id="stop219"
+         style="stop-color:#7fe5ff;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop221"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="323.40399"
+       x2="62.7033"
+       y2="262.09"
+       id="id12"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop224"
+         style="stop-color:#990000;stop-opacity:1"
+         offset="0" /><stop
+         id="stop226"
+         style="stop-color:#cc7f7f;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop228"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="640.70203"
+       x2="62.7033"
+       y2="579.39398"
+       id="id13"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop231"
+         style="stop-color:#ff0000;stop-opacity:1"
+         offset="0" /><stop
+         id="stop233"
+         style="stop-color:#ff7f7f;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop235"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="322.371"
+       y1="323.40399"
+       x2="322.371"
+       y2="262.09"
+       id="id14"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop238"
+         style="stop-color:#003333;stop-opacity:1"
+         offset="0" /><stop
+         id="stop240"
+         style="stop-color:#7f9999;stop-opacity:1"
+         offset="0.74901998" /><stop
+         id="stop242"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="218.17101"
+       x2="62.7033"
+       y2="156.86301"
+       id="id15"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop245"
+         style="stop-color:#000000;stop-opacity:1"
+         offset="0" /><stop
+         id="stop247"
+         style="stop-color:#7f7f7f;stop-opacity:1"
+         offset="0.85882401" /><stop
+         id="stop249"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="173.216"
+       y1="757.45697"
+       x2="210.65601"
+       y2="716.98297"
+       id="id16"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop252"
+         style="stop-color:#1f1a17;stop-opacity:1"
+         offset="0" /><stop
+         id="stop254"
+         style="stop-color:#4d4948;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="167.96001"
+       y1="299.25299"
+       x2="373.21799"
+       y2="299.25299"
+       id="id17"
+       xlink:href="#id0"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id9"
+       id="linearGradient3153"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="431.172"
+       x2="62.7033"
+       y2="369.85699" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id0"
+       id="linearGradient3156"
+       gradientUnits="userSpaceOnUse"
+       x1="167.96001"
+       y1="299.25299"
+       x2="373.21799"
+       y2="299.25299"
+       gradientTransform="translate(-497.67221,17.988152)" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id9"
+       id="linearGradient3167"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="431.172"
+       x2="62.7033"
+       y2="369.85699" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id11"
+       id="linearGradient3173"
+       gradientUnits="userSpaceOnUse"
+       x1="326.45599"
+       y1="639.867"
+       x2="326.45599"
+       y2="578.55798" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id9"
+       id="linearGradient3179"
+       gradientUnits="userSpaceOnUse"
+       x1="238.53799"
+       y1="639.698"
+       x2="238.53799"
+       y2="578.38898" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id13"
+       id="linearGradient3184"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="640.70203"
+       x2="62.7033"
+       y2="579.39398" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id6"
+       id="linearGradient3190"
+       gradientUnits="userSpaceOnUse"
+       x1="150.621"
+       y1="640.53198"
+       x2="150.621"
+       y2="579.22498" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id14"
+       id="linearGradient3195"
+       gradientUnits="userSpaceOnUse"
+       x1="322.371"
+       y1="323.40399"
+       x2="322.371"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id5"
+       id="linearGradient3200"
+       gradientUnits="userSpaceOnUse"
+       x1="235.814"
+       y1="323.40399"
+       x2="235.814"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id7"
+       id="linearGradient3205"
+       gradientUnits="userSpaceOnUse"
+       x1="149.259"
+       y1="323.40399"
+       x2="149.259"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id12"
+       id="linearGradient3210"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="323.40399"
+       x2="62.7033"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id4"
+       id="linearGradient3222"
+       gradientUnits="userSpaceOnUse"
+       x1="236.436"
+       y1="218.17101"
+       x2="236.436"
+       y2="156.86301" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id8"
+       id="linearGradient3227"
+       gradientUnits="userSpaceOnUse"
+       x1="322.371"
+       y1="218.17101"
+       x2="322.371"
+       y2="156.86301" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id15"
+       id="linearGradient3232"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="218.17101"
+       x2="62.7033"
+       y2="156.86301" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id2"
+       id="linearGradient3279"
+       gradientUnits="userSpaceOnUse"
+       x1="148.355"
+       y1="179.55"
+       x2="148.355"
+       y2="163.17999" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id16"
+       id="linearGradient3284"
+       gradientUnits="userSpaceOnUse"
+       x1="173.216"
+       y1="757.45697"
+       x2="210.65601"
+       y2="716.98297" /></defs><symbol
+     viewBox="223.796 -277.071 205.256 359.676"
+     id="x24-24-0"><path
+       d="m 429.052,82.6051 -205.256,-359.676 205.256,0 0,359.676 z m 0,0 z"
+       id="path258"
+       style="fill:url(#id0);fill-rule:nonzero" /></symbol><symbol
+     viewBox="225.415 -274.909 205.258 359.676"
+     id="Symbol1"><path
+       d="m 430.673,84.7668 -205.258,-359.676 205.258,0 0,359.676 z m 0,0 z"
+       id="path261"
+       style="fill:url(#id1);fill-rule:nonzero" /></symbol><path
+     inkscape:connector-curvature="0"
+     style="fill:#dededd;fill-rule:nonzero;stroke:#1f1a17;stroke-width:0.72130001"
+     id="path265"
+     d="m 28.2317,0.36065 335.29,0 c 15.4405,0 27.871,12.4302 27.871,27.8707 l 0,712.231 c 0,15.4416 -12.4305,27.8707 -27.871,27.8707 l -335.29,0 c -15.4405,0 -27.871,-12.4291 -27.871,-27.8707 l 0,-712.231 c 0,-15.4405 12.4305,-27.8707 27.871,-27.8707 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#1f1a17;fill-rule:nonzero;stroke:#1f1a17;stroke-width:0.72130001"
+     id="path267"
+     d="m 33.0878,6.02105 326.845,0 c 15.442,0 27.8721,12.4302 27.8721,27.8721 l 0,702.733 c 0,15.4405 -12.4302,27.871 -27.8721,27.871 l -326.845,0 c -15.4416,0 -27.8707,-12.4305 -27.8707,-27.871 l 0,-702.733 c 0,-15.442 12.4291,-27.8721 27.8707,-27.8721 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#1f1a17;fill-rule:nonzero;stroke:#4d4948;stroke-width:0.72130001"
+     id="path269"
+     d="m 229.264,715.017 c 0,20.4914 -16.6137,37.1051 -37.1051,37.1051 -20.4954,0 -37.1102,-16.6137 -37.1102,-37.1051 0,-20.4954 16.6148,-37.1102 37.1102,-37.1102 20.4914,0 37.1051,16.6148 37.1051,37.1102 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:url(#linearGradient3284);fill-rule:nonzero;stroke:#1f1a17;stroke-width:0.72130001"
+     id="path271"
+     d="m 228.028,723.664 c -22.2067,8.79157 -46.2707,9.67732 -72.1834,2.66448 4.47314,14.4466 19.0892,24.447 35.7437,24.447 17.7865,0 33.0846,-11.3771 36.4397,-27.1115 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:none;stroke:#c2c1c1;stroke-width:0.72130001"
+     id="path273"
+     d="m 180.689,701.975 22.9355,0 c 0.86917,0 1.57532,0.7011 1.57532,1.57135 l 0,22.9355 c 0,0.87025 -0.70615,1.57532 -1.57532,1.57532 l -22.9355,0 c -0.87025,0 -1.57135,-0.70507 -1.57135,-1.57532 l 0,-22.9355 c 0,-0.87025 0.7011,-1.57135 1.57135,-1.57135 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#1f1a17;fill-rule:nonzero;stroke:#383431;stroke-width:0.72130001"
+     id="path281"
+     d="m 160.769,53.8415 71.4671,0 c 1.55584,0 2.80802,1.25326 2.80802,2.80802 l 0,5.39316 c 0,1.55476 -1.25218,2.80802 -2.80802,2.80802 l -71.4671,0 c -1.55476,0 -2.80802,-1.25326 -2.80802,-2.80802 l 0,-5.39316 c 0,-1.55476 1.25326,-2.80802 2.80802,-2.80802 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#72706f;fill-rule:nonzero;stroke:#383431;stroke-width:0.72130001"
+     id="path283"
+     d="m 160.372,62.2103 74.9063,0 -2.05751,1.65538 c -0.75051,0.606974 -1.65502,1.09421 -2.65402,1.42637 -0.95897,0.313044 -2.00738,0.487238 -3.09654,0.487238 l -61.92,0 c -1.08772,0 -2.13757,-0.174194 -3.09185,-0.487238 -1.00369,-0.332159 -1.9082,-0.819397 -2.65763,-1.42637 l -2.05859,-1.65538 2.62986,0 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#ffffff;fill-rule:nonzero;stroke:#ffffff;stroke-width:0.27481499"
+     id="path285"
+     d="m 134.468,132.898 c 0,1.0293 -0.8295,1.86384 -1.85879,1.86384 -1.02785,0 -1.85735,-0.83454 -1.85735,-1.86384 0,-1.02425 0.82949,-1.85879 1.85735,-1.85879 1.0293,0 1.85879,0.83454 1.85879,1.85879 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:none;stroke:#ffffff;stroke-width:0.72130001"
+     id="path287"
+     d="m 125.066,127.202 c 4.50777,-2.32547 9.30802,-2.32547 14.3972,0"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:none;stroke:#ffffff;stroke-width:0.72130001"
+     id="path289"
+     d="m 123.908,124.135 c 5.39208,-2.78242 11.1376,-2.78242 17.2254,0"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:none;stroke:#ffffff;stroke-width:0.72130001"
+     id="path291"
+     d="m 127.452,129.583 c 2.98582,-1.54575 6.1718,-1.54575 9.54713,0"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon293"
+     points="45.5425,134.762 45.5425,124.732 49.2652,124.732 49.2652,134.762 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon295"
+     points="41.0791,134.762 41.0791,126.218 44.8364,126.218 44.8364,134.762 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon297"
+     points="36.6518,134.761 36.6518,127.311 40.3744,127.311 40.3744,134.761 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon299"
+     points="32.1884,134.762 32.1884,128.693 35.9456,128.693 35.9456,134.762 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon301"
+     points="27.7596,134.762 27.7596,132.097 31.4822,132.097 31.4822,134.762 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><g
+     id="g303"
+     transform="translate(-9.1012059,-240.62682)"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999"><text
+       style="font-size:14.24960041px;font-weight:normal;fill:#ffffff;font-family:Arial"
+       id="text305"
+       y="375.46399"
+       x="54.312099" />
+<text
+       style="font-size:14.24960041px;font-weight:normal;fill:#ffffff;font-family:Arial"
+       id="text307"
+       y="375.46399"
+       x="63.885601">Mozo</text>
+</g><g
+     id="g309"
+     transform="translate(123.043,-240.887)"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999"><text
+       style="font-size:15.82499981px;font-weight:normal;fill:#ffffff;font-family:Arial"
+       id="text311"
+       y="375.46399"
+       x="54.312099">11:45</text>
+</g><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon313"
+     points="348.288,134.762 348.288,124.583 367.894,124.583 367.894,134.762 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon315"
+     points="368.332,132.754 368.332,126.492 371.07,126.492 371.07,132.754 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><text
+     style="font-size:15.90359974px;font-weight:normal;fill:#ffffff;font-family:Arial"
+     id="text469"
+     y="133.63699"
+     x="220.118"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999">pm</text>
+<path
+     inkscape:connector-curvature="0"
+     id="path7608"
+     sodipodi:nodetypes="csc"
+     style="fill:none;stroke:#000000;stroke-width:2.99652648"
+     d="m 156.73972,589.26862 c 2.32231,11.31938 3.57336,22.27168 5.10908,33.32137 2.12005,15.31225 4.77197,30.7968 11.53663,47.65227" /><rect
+     style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-opacity:1"
+     id="rect3103"
+     width="338.14224"
+     height="514.87164"
+     x="24.742115"
+     y="147.27493"
+     transform="matrix(1.0178359,0,0,1.0178359,0,-6.9891364e-5)" /></svg>
\ No newline at end of file
diff --git a/app/assets/images/svg_sources/phone-order.svg b/app/assets/images/svg_sources/phone-order.svg
new file mode 100644
index 00000000..477cac92
--- /dev/null
+++ b/app/assets/images/svg_sources/phone-order.svg
@@ -0,0 +1,637 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="108.624mm"
+   height="213.14101mm"
+   viewBox="0 0 391.753 768.694"
+   id="svg2"
+   xml:space="preserve"
+   style="fill-rule:evenodd"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="phone-order.svg"
+   inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+   inkscape:export-xdpi="82.529999"
+   inkscape:export-ydpi="82.529999"><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1449"
+     inkscape:window-height="859"
+     id="namedview176"
+     showgrid="false"
+     inkscape:zoom="0.86648836"
+     inkscape:cx="8.2995329"
+     inkscape:cy="344.37023"
+     inkscape:window-x="61"
+     inkscape:window-y="34"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" /><metadata
+     id="metadata475"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs4"><style
+       type="text/css"
+       id="style153" /><linearGradient
+       x1="223.79601"
+       y1="-97.232697"
+       x2="429.052"
+       y2="-97.232697"
+       id="id0"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop156"
+         style="stop-color:#838281;stop-opacity:1"
+         offset="0" /><stop
+         id="stop158"
+         style="stop-color:#838281;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="225.41499"
+       y1="-95.070999"
+       x2="430.673"
+       y2="-95.070999"
+       id="id1"
+       xlink:href="#id0"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       x1="148.355"
+       y1="179.55"
+       x2="148.355"
+       y2="163.17999"
+       id="id2"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop162"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0" /><stop
+         id="stop164"
+         style="stop-color:#d894b3;stop-opacity:1"
+         offset="0.0901961" /><stop
+         id="stop166"
+         style="stop-color:#b12967;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="195.82001"
+       y1="646.19397"
+       x2="195.82001"
+       y2="555.20001"
+       id="id3"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop169"
+         style="stop-color:#1f1a17;stop-opacity:1"
+         offset="0" /><stop
+         id="stop171"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="236.436"
+       y1="218.17101"
+       x2="236.436"
+       y2="156.86301"
+       id="id4"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop174"
+         style="stop-color:#00923f;stop-opacity:1"
+         offset="0" /><stop
+         id="stop176"
+         style="stop-color:#7fc99f;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop178"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="235.814"
+       y1="323.40399"
+       x2="235.814"
+       y2="262.09"
+       id="id5"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop181"
+         style="stop-color:#3300cc;stop-opacity:1"
+         offset="0" /><stop
+         id="stop183"
+         style="stop-color:#997fe5;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop185"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="150.621"
+       y1="640.53198"
+       x2="150.621"
+       y2="579.22498"
+       id="id6"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop188"
+         style="stop-color:#974578;stop-opacity:1"
+         offset="0" /><stop
+         id="stop190"
+         style="stop-color:#cba2bb;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop192"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="149.259"
+       y1="323.40399"
+       x2="149.259"
+       y2="262.09"
+       id="id7"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop195"
+         style="stop-color:#ff6600;stop-opacity:1"
+         offset="0" /><stop
+         id="stop197"
+         style="stop-color:#ffb37f;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop199"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="322.371"
+       y1="218.17101"
+       x2="322.371"
+       y2="156.86301"
+       id="id8"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop202"
+         style="stop-color:#fff500;stop-opacity:1"
+         offset="0" /><stop
+         id="stop204"
+         style="stop-color:#fffa7f;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop206"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="431.172"
+       x2="62.7033"
+       y2="369.85699"
+       id="id9"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop209"
+         style="stop-color:#006633;stop-opacity:1"
+         offset="0" /><stop
+         id="stop211"
+         style="stop-color:#7fb399;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop213"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="238.53799"
+       y1="639.698"
+       x2="238.53799"
+       y2="578.38898"
+       id="id10"
+       xlink:href="#id9"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       x1="326.45599"
+       y1="639.867"
+       x2="326.45599"
+       y2="578.55798"
+       id="id11"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop217"
+         style="stop-color:#00ccff;stop-opacity:1"
+         offset="0" /><stop
+         id="stop219"
+         style="stop-color:#7fe5ff;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop221"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="323.40399"
+       x2="62.7033"
+       y2="262.09"
+       id="id12"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop224"
+         style="stop-color:#990000;stop-opacity:1"
+         offset="0" /><stop
+         id="stop226"
+         style="stop-color:#cc7f7f;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop228"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="640.70203"
+       x2="62.7033"
+       y2="579.39398"
+       id="id13"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop231"
+         style="stop-color:#ff0000;stop-opacity:1"
+         offset="0" /><stop
+         id="stop233"
+         style="stop-color:#ff7f7f;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop235"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="322.371"
+       y1="323.40399"
+       x2="322.371"
+       y2="262.09"
+       id="id14"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop238"
+         style="stop-color:#003333;stop-opacity:1"
+         offset="0" /><stop
+         id="stop240"
+         style="stop-color:#7f9999;stop-opacity:1"
+         offset="0.74901998" /><stop
+         id="stop242"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="218.17101"
+       x2="62.7033"
+       y2="156.86301"
+       id="id15"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop245"
+         style="stop-color:#000000;stop-opacity:1"
+         offset="0" /><stop
+         id="stop247"
+         style="stop-color:#7f7f7f;stop-opacity:1"
+         offset="0.85882401" /><stop
+         id="stop249"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="173.216"
+       y1="757.45697"
+       x2="210.65601"
+       y2="716.98297"
+       id="id16"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop252"
+         style="stop-color:#1f1a17;stop-opacity:1"
+         offset="0" /><stop
+         id="stop254"
+         style="stop-color:#4d4948;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="167.96001"
+       y1="299.25299"
+       x2="373.21799"
+       y2="299.25299"
+       id="id17"
+       xlink:href="#id0"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id9"
+       id="linearGradient3153"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="431.172"
+       x2="62.7033"
+       y2="369.85699" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id0"
+       id="linearGradient3156"
+       gradientUnits="userSpaceOnUse"
+       x1="167.96001"
+       y1="299.25299"
+       x2="373.21799"
+       y2="299.25299"
+       gradientTransform="translate(-497.67221,17.988152)" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id9"
+       id="linearGradient3167"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="431.172"
+       x2="62.7033"
+       y2="369.85699" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id11"
+       id="linearGradient3173"
+       gradientUnits="userSpaceOnUse"
+       x1="326.45599"
+       y1="639.867"
+       x2="326.45599"
+       y2="578.55798" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id9"
+       id="linearGradient3179"
+       gradientUnits="userSpaceOnUse"
+       x1="238.53799"
+       y1="639.698"
+       x2="238.53799"
+       y2="578.38898" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id13"
+       id="linearGradient3184"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="640.70203"
+       x2="62.7033"
+       y2="579.39398" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id6"
+       id="linearGradient3190"
+       gradientUnits="userSpaceOnUse"
+       x1="150.621"
+       y1="640.53198"
+       x2="150.621"
+       y2="579.22498" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id14"
+       id="linearGradient3195"
+       gradientUnits="userSpaceOnUse"
+       x1="322.371"
+       y1="323.40399"
+       x2="322.371"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id5"
+       id="linearGradient3200"
+       gradientUnits="userSpaceOnUse"
+       x1="235.814"
+       y1="323.40399"
+       x2="235.814"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id7"
+       id="linearGradient3205"
+       gradientUnits="userSpaceOnUse"
+       x1="149.259"
+       y1="323.40399"
+       x2="149.259"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id12"
+       id="linearGradient3210"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="323.40399"
+       x2="62.7033"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id4"
+       id="linearGradient3222"
+       gradientUnits="userSpaceOnUse"
+       x1="236.436"
+       y1="218.17101"
+       x2="236.436"
+       y2="156.86301" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id8"
+       id="linearGradient3227"
+       gradientUnits="userSpaceOnUse"
+       x1="322.371"
+       y1="218.17101"
+       x2="322.371"
+       y2="156.86301" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id15"
+       id="linearGradient3232"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="218.17101"
+       x2="62.7033"
+       y2="156.86301" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id2"
+       id="linearGradient3279"
+       gradientUnits="userSpaceOnUse"
+       x1="148.355"
+       y1="179.55"
+       x2="148.355"
+       y2="163.17999" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id16"
+       id="linearGradient3284"
+       gradientUnits="userSpaceOnUse"
+       x1="173.216"
+       y1="757.45697"
+       x2="210.65601"
+       y2="716.98297" /></defs><symbol
+     viewBox="223.796 -277.071 205.256 359.676"
+     id="x24-24-0"><path
+       d="m 429.052,82.6051 -205.256,-359.676 205.256,0 0,359.676 z m 0,0 z"
+       id="path258"
+       style="fill:url(#id0);fill-rule:nonzero" /></symbol><symbol
+     viewBox="225.415 -274.909 205.258 359.676"
+     id="Symbol1"><path
+       d="m 430.673,84.7668 -205.258,-359.676 205.258,0 0,359.676 z m 0,0 z"
+       id="path261"
+       style="fill:url(#id1);fill-rule:nonzero" /></symbol><path
+     inkscape:connector-curvature="0"
+     style="fill:#dededd;fill-rule:nonzero;stroke:#1f1a17;stroke-width:0.72130001"
+     id="path265"
+     d="m 28.2317,0.36065 335.29,0 c 15.4405,0 27.871,12.4302 27.871,27.8707 l 0,712.231 c 0,15.4416 -12.4305,27.8707 -27.871,27.8707 l -335.29,0 c -15.4405,0 -27.871,-12.4291 -27.871,-27.8707 l 0,-712.231 c 0,-15.4405 12.4305,-27.8707 27.871,-27.8707 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#1f1a17;fill-rule:nonzero;stroke:#1f1a17;stroke-width:0.72130001"
+     id="path267"
+     d="m 33.0878,6.02105 326.845,0 c 15.442,0 27.8721,12.4302 27.8721,27.8721 l 0,702.733 c 0,15.4405 -12.4302,27.871 -27.8721,27.871 l -326.845,0 c -15.4416,0 -27.8707,-12.4305 -27.8707,-27.871 l 0,-702.733 c 0,-15.442 12.4291,-27.8721 27.8707,-27.8721 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#1f1a17;fill-rule:nonzero;stroke:#4d4948;stroke-width:0.72130001"
+     id="path269"
+     d="m 229.264,715.017 c 0,20.4914 -16.6137,37.1051 -37.1051,37.1051 -20.4954,0 -37.1102,-16.6137 -37.1102,-37.1051 0,-20.4954 16.6148,-37.1102 37.1102,-37.1102 20.4914,0 37.1051,16.6148 37.1051,37.1102 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:url(#linearGradient3284);fill-rule:nonzero;stroke:#1f1a17;stroke-width:0.72130001"
+     id="path271"
+     d="m 228.028,723.664 c -22.2067,8.79157 -46.2707,9.67732 -72.1834,2.66448 4.47314,14.4466 19.0892,24.447 35.7437,24.447 17.7865,0 33.0846,-11.3771 36.4397,-27.1115 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:none;stroke:#c2c1c1;stroke-width:0.72130001"
+     id="path273"
+     d="m 180.689,701.975 22.9355,0 c 0.86917,0 1.57532,0.7011 1.57532,1.57135 l 0,22.9355 c 0,0.87025 -0.70615,1.57532 -1.57532,1.57532 l -22.9355,0 c -0.87025,0 -1.57135,-0.70507 -1.57135,-1.57532 l 0,-22.9355 c 0,-0.87025 0.7011,-1.57135 1.57135,-1.57135 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#1f1a17;fill-rule:nonzero;stroke:#383431;stroke-width:0.72130001"
+     id="path281"
+     d="m 160.769,53.8415 71.4671,0 c 1.55584,0 2.80802,1.25326 2.80802,2.80802 l 0,5.39316 c 0,1.55476 -1.25218,2.80802 -2.80802,2.80802 l -71.4671,0 c -1.55476,0 -2.80802,-1.25326 -2.80802,-2.80802 l 0,-5.39316 c 0,-1.55476 1.25326,-2.80802 2.80802,-2.80802 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#72706f;fill-rule:nonzero;stroke:#383431;stroke-width:0.72130001"
+     id="path283"
+     d="m 160.372,62.2103 74.9063,0 -2.05751,1.65538 c -0.75051,0.606974 -1.65502,1.09421 -2.65402,1.42637 -0.95897,0.313044 -2.00738,0.487238 -3.09654,0.487238 l -61.92,0 c -1.08772,0 -2.13757,-0.174194 -3.09185,-0.487238 -1.00369,-0.332159 -1.9082,-0.819397 -2.65763,-1.42637 l -2.05859,-1.65538 2.62986,0 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:#ffffff;fill-rule:nonzero;stroke:#ffffff;stroke-width:0.27481499"
+     id="path285"
+     d="m 134.468,132.898 c 0,1.0293 -0.8295,1.86384 -1.85879,1.86384 -1.02785,0 -1.85735,-0.83454 -1.85735,-1.86384 0,-1.02425 0.82949,-1.85879 1.85735,-1.85879 1.0293,0 1.85879,0.83454 1.85879,1.85879 z m 0,0 z"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:none;stroke:#ffffff;stroke-width:0.72130001"
+     id="path287"
+     d="m 125.066,127.202 c 4.50777,-2.32547 9.30802,-2.32547 14.3972,0"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:none;stroke:#ffffff;stroke-width:0.72130001"
+     id="path289"
+     d="m 123.908,124.135 c 5.39208,-2.78242 11.1376,-2.78242 17.2254,0"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><path
+     inkscape:connector-curvature="0"
+     style="fill:none;stroke:#ffffff;stroke-width:0.72130001"
+     id="path291"
+     d="m 127.452,129.583 c 2.98582,-1.54575 6.1718,-1.54575 9.54713,0"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon293"
+     points="45.5425,134.762 45.5425,124.732 49.2652,124.732 49.2652,134.762 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon295"
+     points="41.0791,134.762 41.0791,126.218 44.8364,126.218 44.8364,134.762 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon297"
+     points="36.6518,134.761 36.6518,127.311 40.3744,127.311 40.3744,134.761 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon299"
+     points="32.1884,134.762 32.1884,128.693 35.9456,128.693 35.9456,134.762 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon301"
+     points="27.7596,134.762 27.7596,132.097 31.4822,132.097 31.4822,134.762 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><g
+     id="g303"
+     transform="translate(-9.1012059,-240.62682)"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999"><text
+       style="font-size:14.24960041px;font-weight:normal;fill:#ffffff;font-family:Arial"
+       id="text305"
+       y="375.46399"
+       x="54.312099" />
+<text
+       style="font-size:14.24960041px;font-weight:normal;fill:#ffffff;font-family:Arial"
+       id="text307"
+       y="375.46399"
+       x="63.885601">Mozo</text>
+</g><g
+     id="g309"
+     transform="translate(123.043,-240.887)"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999"><text
+       style="font-size:15.82499981px;font-weight:normal;fill:#ffffff;font-family:Arial"
+       id="text311"
+       y="375.46399"
+       x="54.312099">11:45</text>
+</g><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon313"
+     points="348.288,134.762 348.288,124.583 367.894,124.583 367.894,134.762 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><polygon
+     style="fill:#ffffff;fill-rule:nonzero"
+     id="polygon315"
+     points="368.332,132.754 368.332,126.492 371.07,126.492 371.07,132.754 "
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999" /><text
+     style="font-size:15.90359974px;font-weight:normal;fill:#ffffff;font-family:Arial"
+     id="text469"
+     y="133.63699"
+     x="220.118"
+     inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+     inkscape:export-xdpi="82.529999"
+     inkscape:export-ydpi="82.529999">pm</text>
+<path
+     inkscape:connector-curvature="0"
+     id="path3728"
+     sodipodi:nodetypes="cccc"
+     style="fill:none;stroke:#000000;stroke-width:2.2473948"
+     d="m 167.33245,499.22299 c 5.29636,-3.57335 41.62175,-5.74584 44.64824,-2.26987 -1.67056,-19.5748 0.45697,-45.712 -22.70618,-46.91811 -16.20372,1.23607 -19.29014,29.16369 -21.94206,49.18798 z" /><path
+     inkscape:connector-curvature="0"
+     id="path5668"
+     sodipodi:nodetypes="cccc"
+     style="fill:none;stroke:#000000;stroke-width:2.2473948"
+     d="m 143.11302,635.43011 c 6.05298,0 13.6267,-6.05299 13.6267,-6.05299 -2.42718,-17.60459 -9.18435,-26.53424 -19.67968,-27.99505 0.55435,11.34935 1.95524,22.69869 6.05298,34.04804 z" /><path
+     inkscape:connector-curvature="0"
+     id="path7608"
+     sodipodi:nodetypes="csc"
+     style="fill:none;stroke:#000000;stroke-width:2.99652648"
+     d="m 156.73972,589.26862 c 2.32231,11.31938 3.57336,22.27168 5.10908,33.32137 2.12005,15.31225 4.77197,30.7968 11.53663,47.65227" /><path
+     inkscape:connector-curvature="0"
+     id="path8579"
+     style="fill:none;stroke:#000000;stroke-width:2.99652648"
+     d="m 227.11316,577.91927 6.8096,28.00254" /><path
+     inkscape:connector-curvature="0"
+     id="path8581"
+     sodipodi:nodetypes="cc"
+     style="fill:none;stroke:#000000;stroke-width:2.99652648"
+     d="m 297.48658,585.48551 c 4.38242,4.03781 10.00091,8.07563 10.60021,12.11345" /><rect
+     style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-opacity:1"
+     id="rect3103"
+     width="338.14224"
+     height="514.87164"
+     x="24.742115"
+     y="147.27493"
+     transform="matrix(1.0178359,0,0,1.0178359,0,-6.9891364e-5)" /><path
+     inkscape:connector-curvature="0"
+     id="path3726"
+     sodipodi:nodetypes="csccccccccccccc"
+     style="fill:#dbdbdb;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:3.75225735"
+     d="M 240.90629,834.48726 C 235.428,810.27581 156.0959,704.74358 119.36129,666.38614 c -6.01299,-6.28504 -7.18557,-7.93602 -11.91342,-17.11031 1.43525,-24.70861 9.08985,-38.18859 13.1892,-57.39077 -0.62851,-22.99195 -21.91319,-83.02807 -13.97717,-95.10096 9.38064,-5.70342 14.97152,-7.24185 24.35215,-5.36572 -0.89116,-68.9102 -22.70115,-187.49092 40.20544,-188.95429 59.38885,-3.4896 36.3969,85.69217 40.20544,144.73393 l 8.03921,29.48336 c 30.79665,-11.42561 54.63286,-5.61901 87.95291,10.72207 15.18726,-12.23235 38.9109,-6.21936 54.09817,6.69779 3.57402,2.42021 21.9976,12.72953 40.19605,14.73699 49.63298,7.8985 15.82514,121.23542 12.06351,186.27143 -0.4878,25.90934 0.80674,51.81867 5.36573,77.72801 l -178.23222,61.64959 z" /><path
+     inkscape:connector-curvature="0"
+     id="path3728-5"
+     sodipodi:nodetypes="cccc"
+     style="fill:none;stroke:#000000;stroke-width:2.81419277"
+     d="m 144.51079,379.6574 c 6.63212,-4.47456 52.11886,-7.19496 55.90864,-2.84234 -2.09188,-24.51162 0.57222,-57.24068 -28.43273,-58.75097 -20.29032,1.54781 -24.15516,36.51885 -27.47591,61.59331 z" /><path
+     inkscape:connector-curvature="0"
+     id="path5668-6"
+     sodipodi:nodetypes="cccc"
+     style="fill:none;stroke:#000000;stroke-width:2.81419277"
+     d="m 114.18318,550.21625 c 7.57956,0 17.06338,-7.57956 17.06338,-7.57956 -3.03931,-22.04452 -11.50065,-33.22625 -24.64295,-35.05547 0.69418,14.21168 2.44836,28.42336 7.57957,42.63503 z" /><path
+     inkscape:connector-curvature="0"
+     id="path7608-8"
+     sodipodi:nodetypes="csc"
+     style="fill:none;stroke:#000000;stroke-width:3.75225735"
+     d="m 131.24656,492.41273 c 2.908,14.17415 4.47457,27.88864 6.3976,41.7251 2.65474,19.17403 5.97548,38.56382 14.4462,59.67027" /><path
+     inkscape:connector-curvature="0"
+     id="path8579-2"
+     style="fill:none;stroke:#000000;stroke-width:3.75225735"
+     d="m 219.36833,478.20105 8.52701,35.06484" /><path
+     inkscape:connector-curvature="0"
+     id="path8581-3"
+     sodipodi:nodetypes="cc"
+     style="fill:none;stroke:#000000;stroke-width:3.75225735"
+     d="m 307.4901,487.6755 c 5.48767,5.05616 12.52315,10.11234 13.2736,15.1685" /></svg>
\ No newline at end of file
diff --git a/app/assets/images/svg_sources/phone-qr-scan.svg b/app/assets/images/svg_sources/phone-qr-scan.svg
new file mode 100644
index 00000000..a6b41e66
--- /dev/null
+++ b/app/assets/images/svg_sources/phone-qr-scan.svg
@@ -0,0 +1,680 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="108.624mm"
+   height="213.14101mm"
+   viewBox="0 0 391.753 768.694"
+   id="svg2"
+   xml:space="preserve"
+   style="fill-rule:evenodd"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="phone-qr-scan.svg"
+   inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+   inkscape:export-xdpi="82.529999"
+   inkscape:export-ydpi="82.529999"><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1449"
+     inkscape:window-height="859"
+     id="namedview176"
+     showgrid="false"
+     inkscape:zoom="0.86648836"
+     inkscape:cx="297.34688"
+     inkscape:cy="390.53358"
+     inkscape:window-x="61"
+     inkscape:window-y="34"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2"
+     showguides="true"
+     inkscape:guide-bbox="true"><sodipodi:guide
+       orientation="0,1"
+       position="-110.79202,811.32077"
+       id="guide3981" /></sodipodi:namedview><metadata
+     id="metadata475"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs4"><style
+       type="text/css"
+       id="style153" /><linearGradient
+       x1="223.79601"
+       y1="-97.232697"
+       x2="429.052"
+       y2="-97.232697"
+       id="id0"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop156"
+         style="stop-color:#838281;stop-opacity:1"
+         offset="0" /><stop
+         id="stop158"
+         style="stop-color:#838281;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="225.41499"
+       y1="-95.070999"
+       x2="430.673"
+       y2="-95.070999"
+       id="id1"
+       xlink:href="#id0"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       x1="148.355"
+       y1="179.55"
+       x2="148.355"
+       y2="163.17999"
+       id="id2"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop162"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0" /><stop
+         id="stop164"
+         style="stop-color:#d894b3;stop-opacity:1"
+         offset="0.0901961" /><stop
+         id="stop166"
+         style="stop-color:#b12967;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="195.82001"
+       y1="646.19397"
+       x2="195.82001"
+       y2="555.20001"
+       id="id3"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop169"
+         style="stop-color:#1f1a17;stop-opacity:1"
+         offset="0" /><stop
+         id="stop171"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="236.436"
+       y1="218.17101"
+       x2="236.436"
+       y2="156.86301"
+       id="id4"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop174"
+         style="stop-color:#00923f;stop-opacity:1"
+         offset="0" /><stop
+         id="stop176"
+         style="stop-color:#7fc99f;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop178"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="235.814"
+       y1="323.40399"
+       x2="235.814"
+       y2="262.09"
+       id="id5"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop181"
+         style="stop-color:#3300cc;stop-opacity:1"
+         offset="0" /><stop
+         id="stop183"
+         style="stop-color:#997fe5;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop185"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="150.621"
+       y1="640.53198"
+       x2="150.621"
+       y2="579.22498"
+       id="id6"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop188"
+         style="stop-color:#974578;stop-opacity:1"
+         offset="0" /><stop
+         id="stop190"
+         style="stop-color:#cba2bb;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop192"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="149.259"
+       y1="323.40399"
+       x2="149.259"
+       y2="262.09"
+       id="id7"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop195"
+         style="stop-color:#ff6600;stop-opacity:1"
+         offset="0" /><stop
+         id="stop197"
+         style="stop-color:#ffb37f;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop199"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="322.371"
+       y1="218.17101"
+       x2="322.371"
+       y2="156.86301"
+       id="id8"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop202"
+         style="stop-color:#fff500;stop-opacity:1"
+         offset="0" /><stop
+         id="stop204"
+         style="stop-color:#fffa7f;stop-opacity:1"
+         offset="0.721569" /><stop
+         id="stop206"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="431.172"
+       x2="62.7033"
+       y2="369.85699"
+       id="id9"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop209"
+         style="stop-color:#006633;stop-opacity:1"
+         offset="0" /><stop
+         id="stop211"
+         style="stop-color:#7fb399;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop213"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="238.53799"
+       y1="639.698"
+       x2="238.53799"
+       y2="578.38898"
+       id="id10"
+       xlink:href="#id9"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       x1="326.45599"
+       y1="639.867"
+       x2="326.45599"
+       y2="578.55798"
+       id="id11"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop217"
+         style="stop-color:#00ccff;stop-opacity:1"
+         offset="0" /><stop
+         id="stop219"
+         style="stop-color:#7fe5ff;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop221"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="323.40399"
+       x2="62.7033"
+       y2="262.09"
+       id="id12"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop224"
+         style="stop-color:#990000;stop-opacity:1"
+         offset="0" /><stop
+         id="stop226"
+         style="stop-color:#cc7f7f;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop228"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="640.70203"
+       x2="62.7033"
+       y2="579.39398"
+       id="id13"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop231"
+         style="stop-color:#ff0000;stop-opacity:1"
+         offset="0" /><stop
+         id="stop233"
+         style="stop-color:#ff7f7f;stop-opacity:1"
+         offset="0.72941202" /><stop
+         id="stop235"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="322.371"
+       y1="323.40399"
+       x2="322.371"
+       y2="262.09"
+       id="id14"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop238"
+         style="stop-color:#003333;stop-opacity:1"
+         offset="0" /><stop
+         id="stop240"
+         style="stop-color:#7f9999;stop-opacity:1"
+         offset="0.74901998" /><stop
+         id="stop242"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="62.7033"
+       y1="218.17101"
+       x2="62.7033"
+       y2="156.86301"
+       id="id15"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop245"
+         style="stop-color:#000000;stop-opacity:1"
+         offset="0" /><stop
+         id="stop247"
+         style="stop-color:#7f7f7f;stop-opacity:1"
+         offset="0.85882401" /><stop
+         id="stop249"
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="173.216"
+       y1="757.45697"
+       x2="210.65601"
+       y2="716.98297"
+       id="id16"
+       gradientUnits="userSpaceOnUse"><stop
+         id="stop252"
+         style="stop-color:#1f1a17;stop-opacity:1"
+         offset="0" /><stop
+         id="stop254"
+         style="stop-color:#4d4948;stop-opacity:1"
+         offset="1" /></linearGradient><linearGradient
+       x1="167.96001"
+       y1="299.25299"
+       x2="373.21799"
+       y2="299.25299"
+       id="id17"
+       xlink:href="#id0"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id9"
+       id="linearGradient3153"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="431.172"
+       x2="62.7033"
+       y2="369.85699" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id0"
+       id="linearGradient3156"
+       gradientUnits="userSpaceOnUse"
+       x1="167.96001"
+       y1="299.25299"
+       x2="373.21799"
+       y2="299.25299"
+       gradientTransform="translate(-497.67221,17.988152)" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id9"
+       id="linearGradient3167"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="431.172"
+       x2="62.7033"
+       y2="369.85699" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id11"
+       id="linearGradient3173"
+       gradientUnits="userSpaceOnUse"
+       x1="326.45599"
+       y1="639.867"
+       x2="326.45599"
+       y2="578.55798" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id9"
+       id="linearGradient3179"
+       gradientUnits="userSpaceOnUse"
+       x1="238.53799"
+       y1="639.698"
+       x2="238.53799"
+       y2="578.38898" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id13"
+       id="linearGradient3184"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="640.70203"
+       x2="62.7033"
+       y2="579.39398" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id6"
+       id="linearGradient3190"
+       gradientUnits="userSpaceOnUse"
+       x1="150.621"
+       y1="640.53198"
+       x2="150.621"
+       y2="579.22498" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id14"
+       id="linearGradient3195"
+       gradientUnits="userSpaceOnUse"
+       x1="322.371"
+       y1="323.40399"
+       x2="322.371"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id5"
+       id="linearGradient3200"
+       gradientUnits="userSpaceOnUse"
+       x1="235.814"
+       y1="323.40399"
+       x2="235.814"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id7"
+       id="linearGradient3205"
+       gradientUnits="userSpaceOnUse"
+       x1="149.259"
+       y1="323.40399"
+       x2="149.259"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id12"
+       id="linearGradient3210"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="323.40399"
+       x2="62.7033"
+       y2="262.09" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id4"
+       id="linearGradient3222"
+       gradientUnits="userSpaceOnUse"
+       x1="236.436"
+       y1="218.17101"
+       x2="236.436"
+       y2="156.86301" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id8"
+       id="linearGradient3227"
+       gradientUnits="userSpaceOnUse"
+       x1="322.371"
+       y1="218.17101"
+       x2="322.371"
+       y2="156.86301" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id15"
+       id="linearGradient3232"
+       gradientUnits="userSpaceOnUse"
+       x1="62.7033"
+       y1="218.17101"
+       x2="62.7033"
+       y2="156.86301" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id2"
+       id="linearGradient3279"
+       gradientUnits="userSpaceOnUse"
+       x1="148.355"
+       y1="179.55"
+       x2="148.355"
+       y2="163.17999" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#id16"
+       id="linearGradient3284"
+       gradientUnits="userSpaceOnUse"
+       x1="173.216"
+       y1="757.45697"
+       x2="210.65601"
+       y2="716.98297" /></defs><g
+     id="g3983"><path
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       d="m 28.2317,0.36065 335.29,0 c 15.4405,0 27.871,12.4302 27.871,27.8707 l 0,712.231 c 0,15.4416 -12.4305,27.8707 -27.871,27.8707 l -335.29,0 c -15.4405,0 -27.871,-12.4291 -27.871,-27.8707 l 0,-712.231 c 0,-15.4405 12.4305,-27.8707 27.871,-27.8707 z m 0,0 z"
+       id="path265"
+       style="fill:#dededd;fill-rule:nonzero;stroke:#1f1a17;stroke-width:0.72130001"
+       inkscape:connector-curvature="0" /><path
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       d="m 33.0878,6.02105 326.845,0 c 15.442,0 27.8721,12.4302 27.8721,27.8721 l 0,702.733 c 0,15.4405 -12.4302,27.871 -27.8721,27.871 l -326.845,0 c -15.4416,0 -27.8707,-12.4305 -27.8707,-27.871 l 0,-702.733 c 0,-15.442 12.4291,-27.8721 27.8707,-27.8721 z m 0,0 z"
+       id="path267"
+       style="fill:#1f1a17;fill-rule:nonzero;stroke:#1f1a17;stroke-width:0.72130001"
+       inkscape:connector-curvature="0" /><path
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       d="m 229.264,715.017 c 0,20.4914 -16.6137,37.1051 -37.1051,37.1051 -20.4954,0 -37.1102,-16.6137 -37.1102,-37.1051 0,-20.4954 16.6148,-37.1102 37.1102,-37.1102 20.4914,0 37.1051,16.6148 37.1051,37.1102 z m 0,0 z"
+       id="path269"
+       style="fill:#1f1a17;fill-rule:nonzero;stroke:#4d4948;stroke-width:0.72130001"
+       inkscape:connector-curvature="0" /><path
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       d="m 228.028,723.664 c -22.2067,8.79157 -46.2707,9.67732 -72.1834,2.66448 4.47314,14.4466 19.0892,24.447 35.7437,24.447 17.7865,0 33.0846,-11.3771 36.4397,-27.1115 z m 0,0 z"
+       id="path271"
+       style="fill:url(#linearGradient3284);fill-rule:nonzero;stroke:#1f1a17;stroke-width:0.72130001"
+       inkscape:connector-curvature="0" /><path
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       d="m 180.689,701.975 22.9355,0 c 0.86917,0 1.57532,0.7011 1.57532,1.57135 l 0,22.9355 c 0,0.87025 -0.70615,1.57532 -1.57532,1.57532 l -22.9355,0 c -0.87025,0 -1.57135,-0.70507 -1.57135,-1.57532 l 0,-22.9355 c 0,-0.87025 0.7011,-1.57135 1.57135,-1.57135 z m 0,0 z"
+       id="path273"
+       style="fill:none;stroke:#c2c1c1;stroke-width:0.72130001"
+       inkscape:connector-curvature="0" /><path
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       d="m 160.769,53.8415 71.4671,0 c 1.55584,0 2.80802,1.25326 2.80802,2.80802 l 0,5.39316 c 0,1.55476 -1.25218,2.80802 -2.80802,2.80802 l -71.4671,0 c -1.55476,0 -2.80802,-1.25326 -2.80802,-2.80802 l 0,-5.39316 c 0,-1.55476 1.25326,-2.80802 2.80802,-2.80802 z m 0,0 z"
+       id="path281"
+       style="fill:#1f1a17;fill-rule:nonzero;stroke:#383431;stroke-width:0.72130001"
+       inkscape:connector-curvature="0" /><path
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       d="m 160.372,62.2103 74.9063,0 -2.05751,1.65538 c -0.75051,0.606974 -1.65502,1.09421 -2.65402,1.42637 -0.95897,0.313044 -2.00738,0.487238 -3.09654,0.487238 l -61.92,0 c -1.08772,0 -2.13757,-0.174194 -3.09185,-0.487238 -1.00369,-0.332159 -1.9082,-0.819397 -2.65763,-1.42637 l -2.05859,-1.65538 2.62986,0 z m 0,0 z"
+       id="path283"
+       style="fill:#72706f;fill-rule:nonzero;stroke:#383431;stroke-width:0.72130001"
+       inkscape:connector-curvature="0" /><path
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       d="m 134.468,132.898 c 0,1.0293 -0.8295,1.86384 -1.85879,1.86384 -1.02785,0 -1.85735,-0.83454 -1.85735,-1.86384 0,-1.02425 0.82949,-1.85879 1.85735,-1.85879 1.0293,0 1.85879,0.83454 1.85879,1.85879 z m 0,0 z"
+       id="path285"
+       style="fill:#ffffff;fill-rule:nonzero;stroke:#ffffff;stroke-width:0.27481499"
+       inkscape:connector-curvature="0" /><path
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       d="m 125.066,127.202 c 4.50777,-2.32547 9.30802,-2.32547 14.3972,0"
+       id="path287"
+       style="fill:none;stroke:#ffffff;stroke-width:0.72130001"
+       inkscape:connector-curvature="0" /><path
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       d="m 123.908,124.135 c 5.39208,-2.78242 11.1376,-2.78242 17.2254,0"
+       id="path289"
+       style="fill:none;stroke:#ffffff;stroke-width:0.72130001"
+       inkscape:connector-curvature="0" /><path
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       d="m 127.452,129.583 c 2.98582,-1.54575 6.1718,-1.54575 9.54713,0"
+       id="path291"
+       style="fill:none;stroke:#ffffff;stroke-width:0.72130001"
+       inkscape:connector-curvature="0" /><polygon
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       points="45.5425,134.762 45.5425,124.732 49.2652,124.732 49.2652,134.762 "
+       id="polygon293"
+       style="fill:#ffffff;fill-rule:nonzero" /><polygon
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       points="41.0791,134.762 41.0791,126.218 44.8364,126.218 44.8364,134.762 "
+       id="polygon295"
+       style="fill:#ffffff;fill-rule:nonzero" /><polygon
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       points="36.6518,134.761 36.6518,127.311 40.3744,127.311 40.3744,134.761 "
+       id="polygon297"
+       style="fill:#ffffff;fill-rule:nonzero" /><polygon
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       points="32.1884,134.762 32.1884,128.693 35.9456,128.693 35.9456,134.762 "
+       id="polygon299"
+       style="fill:#ffffff;fill-rule:nonzero" /><polygon
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       points="27.7596,134.762 27.7596,132.097 31.4822,132.097 31.4822,134.762 "
+       id="polygon301"
+       style="fill:#ffffff;fill-rule:nonzero" /><g
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       transform="translate(-9.1012059,-240.62682)"
+       id="g303"><text
+         x="54.312099"
+         y="375.46399"
+         id="text305"
+         style="font-size:14.24960041px;font-weight:normal;fill:#ffffff;font-family:Arial" />
+<text
+         x="63.885601"
+         y="375.46399"
+         id="text307"
+         style="font-size:14.24960041px;font-weight:normal;fill:#ffffff;font-family:Arial">Mozo</text>
+</g><g
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       transform="translate(123.043,-240.887)"
+       id="g309"><text
+         x="54.312099"
+         y="375.46399"
+         id="text311"
+         style="font-size:15.82499981px;font-weight:normal;fill:#ffffff;font-family:Arial">11:45</text>
+</g><polygon
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       points="348.288,134.762 348.288,124.583 367.894,124.583 367.894,134.762 "
+       id="polygon313"
+       style="fill:#ffffff;fill-rule:nonzero" /><polygon
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       points="368.332,132.754 368.332,126.492 371.07,126.492 371.07,132.754 "
+       id="polygon315"
+       style="fill:#ffffff;fill-rule:nonzero" /><text
+       inkscape:export-ydpi="82.529999"
+       inkscape:export-xdpi="82.529999"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/smartphone.png"
+       x="220.118"
+       y="133.63699"
+       id="text469"
+       style="font-size:15.90359974px;font-weight:normal;fill:#ffffff;font-family:Arial">pm</text>
+<path
+       d="m 156.73972,589.26862 c 2.32231,11.31938 3.57336,22.27168 5.10908,33.32137 2.12005,15.31225 4.77197,30.7968 11.53663,47.65227"
+       style="fill:none;stroke:#000000;stroke-width:2.99652648"
+       sodipodi:nodetypes="csc"
+       id="path7608"
+       inkscape:connector-curvature="0" /><rect
+       transform="matrix(1.0178359,0,0,1.0178359,0,-6.9891364e-5)"
+       y="147.27493"
+       x="24.742115"
+       height="514.87164"
+       width="338.14224"
+       id="rect3103"
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-opacity:1" /></g><symbol
+     viewBox="223.796 -277.071 205.256 359.676"
+     id="x24-24-0"><path
+       d="m 429.052,82.6051 -205.256,-359.676 205.256,0 0,359.676 z m 0,0 z"
+       id="path258"
+       style="fill:url(#id0);fill-rule:nonzero" /></symbol><symbol
+     viewBox="225.415 -274.909 205.258 359.676"
+     id="Symbol1"><path
+       d="m 430.673,84.7668 -205.258,-359.676 205.258,0 0,359.676 z m 0,0 z"
+       id="path261"
+       style="fill:url(#id1);fill-rule:nonzero" /></symbol><image
+     y="235.72116"
+     x="40.264893"
+     id="image3978"
+     xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAB8CAYAAACrHtS+AAAABHNCSVQICAgIfAhkiAAAESlJREFU
+eJztXVtsVFUXXjNzZnqbMnOmlzNtpVdotRSm3BUotcjtpUITIg881EuwPiA0gVgTG6JCAkETimlS
+5UHQRINpoEQjYEJtH2pSiQYF0goEWpu0RXqjF1p6/x9qzL/3t0jPzwzo79lf4oNf1tl7n73CnK9r
+r7U2EdH0f/8XFhY2LXNxcXHAJSUlAZeWlgZcZmYmcIFAALhNmzZNy6ipqQG71atXA5eXlwfcnj17
+YLxDhw6B3aFDh8Au1Ni0aZOpPeD2ittTbu85H3G+tJOCpaAcbjEoh1sMWlhYmECEh4eDUVhYGMl2
+LpfrkTmn0wmcpmkwr91uBzuHw2Gak6Fpmql5zWJ8fJwmJycFzuVykd0u/jvi5uX2IJg95XzE+ZKI
++dA/btTV1f0toi3UKC4uhnlramrAjhNtdXV1j319SrQpqG+41aAcbjFocXFxAiF/+ImIpqam6O7d
+u7MOZrPZaHp6WuCcTifFxMSAnTyv2+2G8RwOB9hFRESQYRgCFxUVBXYOh4Pu3LkDc8jzDA0N0dDQ
+kMDNmTOHIiMjBW5gYICGh4fh3bh5ZbjdbrCz2Wxg19PTQ+Pj42An7ymH+Ph4EItxcXE0OjoKtrOK
+ts7OzkeOtAUCARgvGNFWXFwMdlVVVWC3du1a4MrKyuDZsrIysDt69CjYlZSUmBKQwYg2LvpmNtLW
+2dkJ4ynRpqC+4VaDcrjFoCUlJQmEy+ViDWU7WYgREem6TmNjY7Pa2e12GM/j8YCdw+EAO5fLRa2t
+rQJns9koJSVF4KKjo+FZLvKk6zo863A4YA5N09jxZI4TbR6PB+xkgUU0s1eyndk95ZCYmAjPau3t
+7QLBqXQiItmO41wuF3CxsbHw3NTUFNj19/eD3eTkJNg1NTVRWlqawJWUlICDKioq6NtvvxW4Bw8e
+wBxlZWVUVlYmcKWlpTBHXl4erCU1NRU4OdRKNPNust3U1BTY9fT0mNpTIt4fMjo6OkClq590i0E5
+3GJQDrcYNPlbxYk2m80G3zRd18E2Pj4enpWjYkQzgkUez+fzgV10dDRlZWXBeDLn9/vhWZ/PB3bc
++rq6uqinp0fgHA4Huz55PI/HA3bccavP5wM7TrQZhgF2coSOiN97LnKXmpoKoo3oHxxpexLgIm1c
+lK6qqgqeDfXxqIq0KYQcyuEWg3K4xaBlZmYKBCfanE4nBQIBgYuJiYGgimEYNGfOHIGThQ7RjGCR
+5+XESX9/P7W0tAicz+ej5ORk5lVEdHV1QXDC4XCwgRF5LVFRUcANDw/TL7/8AmuW94WLGMbFxcF4
+nGjj9orbU27vnU4nPDt//vxHE22hRqiPRzkcPXoUns3PzzfFcaKNy5s7ceKEqbWonDaFvw3K4RaD
+crjFoMmiw+l0Un19vcBxeVV2ux1OfMxyt2/fBrGTkJAAi3uYWJTR0dFBN27cEDhN0yg/P1/g/H4/
+jOf3+8EuPj4e7JKSksBufHwc9ionJwcEVUJCAox3+/ZteI9g9pTzUU5ODk1MTMA8INpk7p9UPWo2
+py2Y6tE9e/Y89kibqh5VeCJQDrcYlMMtBm3Tpk0ioWnwoXe73ZCs7/F4IC3J5/OxETT5yC8hIQGO
+NJctWwaLMwyD5PUlJyfThQsXwFa2e+aZZ8DG7XbT0qVLgZOh6zrYRUREgN3ChQthXu44mHs3bg+4
+veL2lNt7zkecL8lUyOYfhBMnToAQKSkpMfVsqEXb/yPUT7rFoBxuMSiHWwza2bNnBYKL4oSHh9Pm
+zZtnHWxoaIguXrwoTsAIB6fTCVWShmHQc889N+scycnJtGXLFoHLzc0Fu1u3btHVq1cFLjIyEp6N
+jIwkeQ+IiFasWCH8f3d3N9i5XC44fly5ciUbNZTR0NBA3d3dAldQUADHq7W1tTQ4OChw3DEvx3G+
+JDIRnTEMw5QgaG5uDmmkLRhwx6Nmq0fNHo+arR7lwB3LXr58GeyysrJUpE3h0aEcbjEoh1sMtj9P
+fP4C9/GPioqi5cuXC5zb7aZt27YJ3PXr1+m1114TOF3X4UgzJiYGkv8XLlxIe/fuFbi2tjb6/vvv
+BS48PByKAiMiImhkZETgBgcH6eeff4Y55LX09PSAuEtISKDOzk6B8/v90EKE43bv3k1Lliyh2XD4
+8GH67bffBC4vLw+qT69cuUK9vb0CFxUVRffv3xc4bg/YHD4zAoMrREhJSQE7TrRxhQhm8W9prmsW
+nJhtbm4O6RzqJ91iUA63GJTDLQZTnWUjIyOppKRE4B7WyiMvL0/gnnrqKbDr6Oigr7/+WuA40dHd
+3Q3jpaSkUE5OjsAZhkHZ2dkCN3fuXPr4448Frre3F8br7e0FO04UcVxBQQFbPCDj3Llz1NbWJnCc
++MzIyICiA65g4YsvvoDoW3FxMXuECwilIDAr2rhChKVLlwK3YsUK4P4thQhmc9o40ZaSkgJ2XPUo
+B/WTbjEoh1sMyuEWg1ZRUSEQ3JFaVFQU7dy5U+AGBgbo008/FQfTNNqzZ4/Aeb1ekufg7Gw2G0VF
+RQlcUlISHJnKx5ZERFevXqXa2lqB6+jooLVr1wpcZmYmHKUODw+zCfyLFy8WuIGBAWircfPmTXi3
+wsJCysjIELi0tDRYy5IlS+j5558XOC4vjWuFkpubC73lOHFXWVn5aIUI3PFoS0sL2GVlZYHd5cuX
+WaEk4/z582C3ZcsWU0Lk39Jc1yzMijZ1PKqgvuFWg3K4xaDJfUa5I7Xo6Gh40GazsVWXMgzDgF6m
+Xq+XDh8+LHARERFgt2DBgtnfgGZEpbyWrKwsEHx+vx/mvX//PjzLve/mzZvJ6/UKnK7rtGbNGoFr
+a2uDOWJjY2GOuro6amxsFLhXX32V3UMZixcvptTUVIE7ceIEiMo1a9aErhDBrGjjEOo+bcFUj3KR
+Nk60mcWWLVtMRRG5SBuX08aBE20qp02BhXK4xaAcbjHY/gw8/AWn00kHDhyY9cH+/n6qqqoSuJiY
+GIjIdXZ20rFjxwROFj9EROnp6fTSSy8JXFNTE33++ecCp+s69fX1CZxhGNAIfvny5fTCCy8IXGNj
+I7ToaG9vh5y2QCAAR41FRUW0cuVKgauuroa8ucTERLjuiougccetk5OTcOy5d+9e6GFXVFQEe8AV
+RTyseAQ+9KGE2UgbB7M5bWarRzk8iea6ZmE2p82saBsZGYFn1U+6xaAcbjEoh1sM2tGjR0XC5AXq
+vb299P777wscJ0S8Xi9xc5SWlgocJ8aICI4VdV0HbmxsDMbLz8+noqKiWd+jsLAQWm+43W54dvXq
+1fBsQkICrIVrTvzJJ59Qc3OzwO3atYvmzZsncNnZ2VA9yh17csejL774IhQxcA13QxppC+ZGBLM5
+bf/mC+ODEW0qp02BhXK4xaAcbjGYU2gMbDYbJPVHRkZC4YHP56M33nhD4Px+P0Tp+vr64JL29PR0
+euWVVwSuo6MDhExMTAyshbsC87vvvqOamhqBKyoqgl5r1dXVkCO3Y8cOmKO4uJieffZZgePaj+ze
+vZu2bt0qcPX19XTq1CmBS01NNVWIEAgE4FYI7horFv+zUvkTZkUbl1wfTE4b16ct1NWjT6JPG3cs
+qwoRFEIO5XCLQTncYjDV8oOr7PR4PJCsz/VfGxwcpK+++krgDMOAvLHk5GRKT08Hbt26dQJ36tQp
+qqysFLhFixZBgUIwLT+mp6fp1q1bApednQ3Hj1zLj/j4eLp7967AxcbGQk+2wcFB+uOPPwQuOjoa
+jkcXLFgAR7937tyB49bTp09DY9+dO3eCP4ikj7/ZGxG4lh8cuOPRYPq0mW2u+3f1aeOig2Zz2oK5
+EUEVIiiwUA63GJTDLQbbn2lEf4GrHuWEXGRkJG3cuHHWCfr7+6murk7gzDbX/fHHH+nQoUMC5/V6
+4ahxw4YNdPDgQYHjmutyfd/WrVsHUSsuP6y2tpYuXbokcJxA2759O4hPbjxuD06ePAn94Tgh9+ab
+b8JNDmfOnKGBgQGBe/nllwlgSin9TQh1TlswfdqCqR41C7MXxre0tMCzhmGAncppU1DfcKtBOdxi
+0ORk9WCvsZIbwcbFxVFXV5fAcc1rly1bBsJr1apVdP78eYG7cuUK9DfjesadPXsW+q/FxsbC9VTX
+rl2DhP20tDS4qN7j8cCzXq8XOC6nrby8nH766SeBO3LkCC1atEjgMjIyIKdwzpw50PZj37594I/j
+x4/D3NxaiB4x0vYk7h7lEEykLdR92kLd8sOsaDMbaeOgftItBuVwi0E53GJgL4z/4IMPBO5xXBj/
+0UcfCRx39VNDQwOVl5eDnbzm7u5u6HnG2a1YsYLeffddgTt37hzdu3dP4DZs2EDvvfeewJ0+fRoi
+WR6PB+bgkv+PHDlCb7/9tsBxuW9yGw8ionfeeQeqRw8cOMDm7MnYuHEjRPiIGNH2uGG25UcwNyL8
+k/q0mUWoCxHU8aiC+oZbDcrhFoMmX0bORWd6enqgfQZ3FZVhGJCnlZWVBTltdrudvVgeFqdpYOd2
+u4HLzc0FEciJxfr6ehBL6enpMF5YWBispby8HAoqqqqqIIp48uRJEIYZGRmQI5eamkqtra0C5/F4
+YC1cIUJycjKskStEuHTpEuyBduPGDYHgXnZ8fJx+/fVXgUtKSqL29naB40KSHKampkieNy0tDewm
+JibALi4uDriCggJW9cq4cOECvIfX64Xx5KRBopmrPOSqmtHRUXjW6/XCHJqmAUdEwGVmZsJ43GWx
+bW1t9PvvvwvctPRXFBFB6JZI/aRbDsrhFoNyuMWgyd9OTrTZbDb4xuq6Drac8JKT44lmhIg8Htf5
+f/369ZC/dvHiRero6BA4rhkuh9dffx2qOD/77DO4Yqq+vh6OVhcuXAg5cm+99RZE0DixuH//fjg2
+9ng8sAfHjh2DaFtpaSmIuy+//BL2i9v7QCAAekSTRRYn2qanp0GMjY2NgWgjIrCTy1+JZoSIbCer
+U6IZRf70008LXGNjIzwrJ/k9DD6fDzaKe7e5c+fS9evXBS4+Ph44u90O6+MwMDDA7ovM+f1+GK+1
+tRXmTUxMZMOwMq5fvw4OVz/pFoNyuMWgHG4xaElJSQLxsDwo2Y7LI9N1HY7jHnZHqTye3J/sYdi2
+bRschZoVbRzKysoggsYdB3/44Yd0+/ZtgauuroaoWnZ2NjU1NQlcRUUFiEBujsTERFhfbW0tFCzs
+2LED9BPX5+7q1atwXKvJD3KijYhYgSZzLpcLOO7cdmpqCuzkhMiHwe12Q9VFMNB1nXRdn9VuYmIC
+1pyamgoRL8MwgAsPDzclsjjI/zCIZvZdnmN4eBjCvHPnzqXw8HCBUz/pFoNyuMWgHG4xaHKEhvuG
+x8fHQ+EAB06IcDleNpsNIkPcd/nChQtQAbl9+3a4YcEsKisrodihvLycdu3aJXD79++n48ePC1wg
+EIA1h4WFAVdaWkoFBQXAye9x5swZWrVqlcCtX7+erl27JnANDQ3QhFfXdbh1gdMh3JGpJn/oOYfb
+7XboOBwMpqenQWDIlRRERA8ePIDzdbPijsPQ0BCMx807MDAAdiMjI7Dm0dFR4CIiImCv7t27B+Nx
+yYXd3d1gx10W29fXB/MSEXDckan6SbcYlMMtBuVwi0GTv9nh4eHwxzpXAZqYmAjHlFye1vz58+nm
+zZsCl5OTA1qBu4nBbreDXUtLC6xv9erV9MMPPwjcmjVrqKGhQeD27dsH/eYOHjzIjifP63A4THFc
+Dto333wDLVMKCwuhanXevHkw3tatW2FPExISwM7lcgHn9/uh0lbj8rdkbnR0FLixsbFH5iYmJlhO
+xtTUFNhNTk4CNz4+boqbmJgA5z5sLWbm5TguB83pdMJfK2bXzO2fWTsi9KX6SbcYlMMtBuVwi+E/
+Fm5WGFFu3HoAAAAASUVORK5CYII=
+"
+     height="315.33316"
+     width="315.33316" /></svg>
\ No newline at end of file
diff --git a/app/assets/images/svg_sources/pointing-hand.svg b/app/assets/images/svg_sources/pointing-hand.svg
new file mode 100644
index 00000000..3b8fcb6d
--- /dev/null
+++ b/app/assets/images/svg_sources/pointing-hand.svg
@@ -0,0 +1,118 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg3657"
+   sodipodi:docname="pointing-hand.svg"
+   viewBox="0 0 348.98 571.25"
+   sodipodi:version="0.32"
+   version="1.0"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   inkscape:version="0.48.5 r10040"
+   width="100%"
+   height="100%">
+  <defs
+     id="defs13" />
+  <sodipodi:namedview
+     id="base"
+     bordercolor="#666666"
+     inkscape:pageshadow="2"
+     inkscape:window-y="34"
+     pagecolor="#ffffff"
+     inkscape:window-height="994"
+     inkscape:zoom="0.98994949"
+     inkscape:window-x="61"
+     borderopacity="1.0"
+     inkscape:current-layer="layer1"
+     inkscape:cx="253.02536"
+     inkscape:cy="396.27768"
+     inkscape:window-width="1400"
+     inkscape:pageopacity="0.0"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:window-maximized="0" />
+  <g
+     id="layer1"
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     transform="translate(-207.3 -200.26)">
+    <path
+       id="path3726"
+       sodipodi:nodetypes="csccccccccccccc"
+       style="fill-rule:evenodd;stroke:#000000;stroke-width:4;fill:#dbdbdb;fill-opacity:1"
+       d="m354.29 769.51c-5.84-25.81-90.41-138.31-129.57-179.2-6.41-6.7-7.66-8.46-12.7-18.24 1.53-26.34 9.69-40.71 14.06-61.18-0.67-24.51-23.36-88.51-14.9-101.38 10-6.08 15.96-7.72 25.96-5.72-0.95-73.46-24.2-199.87 42.86-201.43 63.31-3.72 38.8 91.35 42.86 154.29l8.57 31.43c32.83-12.18 58.24-5.99 93.76 11.43 16.19-13.04 41.48-6.63 57.67 7.14 3.81 2.58 23.45 13.57 42.85 15.71 52.91 8.42 16.87 129.24 12.86 198.57-0.52 27.62 0.86 55.24 5.72 82.86l-190 65.72z" />
+    <path
+       id="path3728"
+       sodipodi:nodetypes="cccc"
+       style="stroke:#000000;stroke-width:3;fill:none"
+       d="m251.53 284.65c7.07-4.77 55.56-7.67 59.6-3.03-2.23-26.13 0.61-61.02-30.31-62.63-21.63 1.65-25.75 38.93-29.29 65.66z" />
+    <path
+       id="path5668"
+       sodipodi:nodetypes="cccc"
+       style="stroke:#000000;stroke-width:3;fill:none"
+       d="m219.2 466.47c8.08 0 18.19-8.08 18.19-8.08-3.24-23.5-12.26-35.42-26.27-37.37 0.74 15.15 2.61 30.3 8.08 45.45z" />
+    <path
+       id="path7608"
+       sodipodi:nodetypes="csc"
+       style="stroke:#000000;stroke-width:4;fill:none"
+       d="m237.39 404.85c3.1 15.11 4.77 29.73 6.82 44.48 2.83 20.44 6.37 41.11 15.4 63.61" />
+    <path
+       id="path8579"
+       style="stroke:#000000;stroke-width:4;fill:none"
+       d="m331.33 389.7l9.09 37.38" />
+    <path
+       id="path8581"
+       sodipodi:nodetypes="cc"
+       style="stroke:#000000;stroke-width:4;fill:none"
+       d="m425.27 399.8c5.85 5.39 13.35 10.78 14.15 16.17" />
+  </g>
+  <metadata
+     id="metadata11">
+    <rdf:RDF>
+      <cc:Work>
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
+        <dc:publisher>
+          <cc:Agent
+             rdf:about="http://openclipart.org/">
+            <dc:title>Openclipart</dc:title>
+          </cc:Agent>
+        </dc:publisher>
+        <dc:title>Pointing Hand</dc:title>
+        <dc:date>2007-10-19T08:28:37</dc:date>
+        <dc:description />
+        <dc:source>https://openclipart.org/detail/7196/pointing-hand-by-thegemini</dc:source>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>thegemini</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>finger</rdf:li>
+            <rdf:li>hand</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/app/assets/images/svg_sources/supplier-base.svg b/app/assets/images/svg_sources/supplier-base.svg
new file mode 100644
index 00000000..bcce788b
--- /dev/null
+++ b/app/assets/images/svg_sources/supplier-base.svg
@@ -0,0 +1,635 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1244"
+   height="890"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="tablet.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5049">
+      <stop
+         style="stop-color:#1d1b1c;stop-opacity:1;"
+         offset="0"
+         id="stop5051" />
+      <stop
+         style="stop-color:#1d1b1c;stop-opacity:0;"
+         offset="1"
+         id="stop5053" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5034">
+      <stop
+         style="stop-color:#e9e9e9;stop-opacity:1;"
+         offset="0"
+         id="stop5036" />
+      <stop
+         style="stop-color:#e9e9e9;stop-opacity:0;"
+         offset="1"
+         id="stop5038" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5019">
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1;"
+         offset="0"
+         id="stop5021" />
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:0;"
+         offset="1"
+         id="stop5023" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5004">
+      <stop
+         style="stop-color:#2d2c2a;stop-opacity:1;"
+         offset="0"
+         id="stop5006" />
+      <stop
+         style="stop-color:#2d2c2a;stop-opacity:0;"
+         offset="1"
+         id="stop5008" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4964">
+      <stop
+         style="stop-color:#666465;stop-opacity:0.15602838;"
+         offset="0"
+         id="stop4966" />
+      <stop
+         id="stop4972"
+         offset="0.86107171"
+         style="stop-color:#666465;stop-opacity:1;" />
+      <stop
+         style="stop-color:#666465;stop-opacity:1;"
+         offset="1"
+         id="stop4968" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4867">
+      <stop
+         style="stop-color:#5f5e5c;stop-opacity:1;"
+         offset="0"
+         id="stop4869" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="1"
+         id="stop4871" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4807">
+      <stop
+         style="stop-color:#1d1d1d;stop-opacity:1;"
+         offset="0"
+         id="stop4809" />
+      <stop
+         style="stop-color:#737270;stop-opacity:1"
+         offset="1"
+         id="stop4811" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4797">
+      <stop
+         id="stop4799"
+         offset="0"
+         style="stop-color:#676767;stop-opacity:1;" />
+      <stop
+         id="stop4801"
+         offset="1"
+         style="stop-color:#8f8f8f;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4754">
+      <stop
+         style="stop-color:#4b4b4b;stop-opacity:1;"
+         offset="0"
+         id="stop4756" />
+      <stop
+         style="stop-color:#1e1818;stop-opacity:1"
+         offset="1"
+         id="stop4758" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4754"
+       id="linearGradient4760"
+       x1="187.5"
+       y1="-1612.5"
+       x2="325.5"
+       y2="-834.5"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-0.5,860.5)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4797"
+       id="linearGradient4803"
+       gradientUnits="userSpaceOnUse"
+       x1="785.5"
+       y1="-1158.5"
+       x2="1183.5"
+       y2="-1590.5"
+       gradientTransform="translate(-0.5,860.5)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4807"
+       id="linearGradient4880"
+       gradientUnits="userSpaceOnUse"
+       x1="1216.0392"
+       y1="290.82339"
+       x2="1229.7705"
+       y2="317.86127" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4867"
+       id="linearGradient4882"
+       gradientUnits="userSpaceOnUse"
+       x1="1217.2399"
+       y1="306.93759"
+       x2="1198.2317"
+       y2="271.81259" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4964"
+       id="radialGradient4970"
+       cx="561.10303"
+       cy="-1825.7366"
+       fx="561.10303"
+       fy="-1825.7366"
+       r="619"
+       gradientTransform="matrix(1.100423,0,0,1.9244617,-56.84766,2750.4087)"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       id="filter4982"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.032"
+         id="feGaussianBlur4984" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5004"
+       id="radialGradient5010"
+       cx="3034.168"
+       cy="-3586.9634"
+       fx="3034.168"
+       fy="-3586.9634"
+       r="619"
+       gradientTransform="matrix(0.05380913,0,0,0.04908983,1063.9853,-577.0674)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5019"
+       id="radialGradient5025"
+       cx="8652.0986"
+       cy="4158.9136"
+       fx="8652.0986"
+       fy="4158.9136"
+       r="619"
+       gradientTransform="matrix(0.07583194,0.00105325,-0.00100421,0.07230108,573.57098,-270.5567)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5034"
+       id="radialGradient5040"
+       cx="-2.5823901"
+       cy="-1199.4236"
+       fx="-2.5823901"
+       fy="-1199.4236"
+       r="619"
+       gradientTransform="matrix(0.09542631,0,0,1.1745452,-2.835967,1063.5051)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5049"
+       id="linearGradient5055"
+       x1="449.5"
+       y1="-812.5"
+       x2="449.5"
+       y2="-880.5"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-0.5,860.5)" />
+    <radialGradient
+       r="4.125"
+       fy="-10.375"
+       fx="684.125"
+       cy="-10.375"
+       cx="684.125"
+       gradientTransform="matrix(1.2302326,0,0,1.2302326,-157.50785,2.3886627)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4639"
+       xlink:href="#linearGradient4348-4-9"
+       inkscape:collect="always" />
+    <radialGradient
+       r="4.125"
+       fy="-10.375"
+       fx="684.125"
+       cy="-10.375"
+       cx="684.125"
+       gradientTransform="matrix(1.2302326,0,0,1.2302326,-157.50785,2.3886627)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4637"
+       xlink:href="#linearGradient4348-4"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4348-4-9"
+       inkscape:collect="always">
+      <stop
+         id="stop4350-8-6"
+         offset="0"
+         style="stop-color:#454545;stop-opacity:1;" />
+      <stop
+         id="stop4352-6-3"
+         offset="1"
+         style="stop-color:#454545;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4348-4"
+       inkscape:collect="always">
+      <stop
+         id="stop4350-8"
+         offset="0"
+         style="stop-color:#454545;stop-opacity:1;" />
+      <stop
+         id="stop4352-6"
+         offset="1"
+         style="stop-color:#454545;stop-opacity:0;" />
+    </linearGradient>
+    <radialGradient
+       r="4.125"
+       fy="-10.375"
+       fx="684.125"
+       cy="-10.375"
+       cx="684.125"
+       gradientTransform="matrix(1.2302326,0,0,1.2302326,-157.50785,2.3886627)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4363"
+       xlink:href="#linearGradient4348"
+       inkscape:collect="always" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4118-0"
+       id="radialGradient4261"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3599416,0,0,2.3333334,-190.95156,-31.3125)"
+       cx="529.8125"
+       cy="28.964285"
+       fx="529.8125"
+       fy="28.964285"
+       r="2.4375" />
+    <linearGradient
+       id="linearGradient4253">
+      <stop
+         id="stop4255"
+         offset="0"
+         style="stop-color:#aaaaaa;stop-opacity:1;" />
+      <stop
+         id="stop4257"
+         offset="1"
+         style="stop-color:#dcdcdc;stop-opacity:1;" />
+    </linearGradient>
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3599416,0,0,2.3333334,-190.70156,-38.4375)"
+       r="2.4375"
+       fy="28.964285"
+       fx="529.8125"
+       cy="28.964285"
+       cx="529.8125"
+       id="radialGradient4124-2"
+       xlink:href="#linearGradient4118-0"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4118-0">
+      <stop
+         id="stop4120-1"
+         offset="0"
+         style="stop-color:#959595;stop-opacity:1;" />
+      <stop
+         id="stop4122-0"
+         offset="1"
+         style="stop-color:#d4d4d4;stop-opacity:1;" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4118-0"
+       id="radialGradient4141-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3599416,0,0,2.3333334,-182.95156,-31.3125)"
+       cx="529.8125"
+       cy="28.964285"
+       fx="529.8125"
+       fy="28.964285"
+       r="2.4375" />
+    <radialGradient
+       r="619"
+       fy="636.77783"
+       fx="623"
+       cy="636.77783"
+       cx="623"
+       gradientTransform="matrix(0.99838449,0,0,0.03073715,0.00646204,-60.572735)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4022"
+       xlink:href="#linearGradient3899"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="-22"
+       x2="1244"
+       y1="-22"
+       x1="0"
+       id="linearGradient3883"
+       xlink:href="#linearGradient3877"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient3877">
+      <stop
+         id="stop3879"
+         offset="0"
+         style="stop-color:#a3a3a3;stop-opacity:1" />
+      <stop
+         style="stop-color:#b4b4b4;stop-opacity:1"
+         offset="0.00409657"
+         id="stop3897" />
+      <stop
+         style="stop-color:#d7d7d7;stop-opacity:1"
+         offset="0.01563698"
+         id="stop3895" />
+      <stop
+         style="stop-color:#d4d4d4;stop-opacity:1"
+         offset="0.02174701"
+         id="stop3893" />
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0.58460319"
+         id="stop3889" />
+      <stop
+         style="stop-color:#e8e8e8;stop-opacity:1"
+         offset="0.9540211"
+         id="stop3887" />
+      <stop
+         style="stop-color:#7b7b7b;stop-opacity:1"
+         offset="0.98477578"
+         id="stop3885" />
+      <stop
+         id="stop3891"
+         offset="0.99279392"
+         style="stop-color:#898989;stop-opacity:1" />
+      <stop
+         id="stop3881"
+         offset="1"
+         style="stop-color:#7a7a7a;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3899">
+      <stop
+         id="stop3901"
+         offset="0"
+         style="stop-color:#bababa;stop-opacity:1;" />
+      <stop
+         style="stop-color:#dfdfdf;stop-opacity:1;"
+         offset="0.25"
+         id="stop3909" />
+      <stop
+         style="stop-color:#c7c7c7;stop-opacity:1"
+         offset="0.68395591"
+         id="stop3907" />
+      <stop
+         id="stop3903"
+         offset="1"
+         style="stop-color:#bababa;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4118">
+      <stop
+         id="stop4120"
+         offset="0"
+         style="stop-color:#aaaaaa;stop-opacity:1;" />
+      <stop
+         id="stop4122"
+         offset="1"
+         style="stop-color:#dcdcdc;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4348"
+       inkscape:collect="always">
+      <stop
+         id="stop4350"
+         offset="0"
+         style="stop-color:#454545;stop-opacity:1;" />
+      <stop
+         id="stop4352"
+         offset="1"
+         style="stop-color:#454545;stop-opacity:0;" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.70710678"
+     inkscape:cx="639.48949"
+     inkscape:cy="425.72075"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:window-width="1436"
+     inkscape:window-height="856"
+     inkscape:window-x="4"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:showpageshadow="false"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="draw"
+     transform="translate(0,832)">
+    <rect
+       style="color:#000000;fill:#131313;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678"
+       width="1244"
+       height="832"
+       x="0"
+       y="-774"
+       rx="61"
+       ry="61"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#e9e9e9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678-9"
+       width="1238"
+       height="826"
+       x="3"
+       y="-771"
+       rx="59"
+       ry="59"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#131313;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678-9-1"
+       width="1220"
+       height="812"
+       x="12"
+       y="-764"
+       rx="52"
+       ry="52"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:url(#linearGradient4760);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678-9-1-4"
+       width="1214"
+       height="806"
+       x="15"
+       y="-761"
+       rx="49"
+       ry="49"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#424242;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4734"
+       width="1024"
+       height="600"
+       x="93"
+       y="-657"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4734-2"
+       width="1020"
+       height="596"
+       x="95"
+       y="-655"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <g
+       id="g4875"
+       transform="translate(-1.4377202,81.437725)"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959">
+      <path
+         transform="matrix(1.1245554,0,0,1.1245554,-178.91576,-768.16833)"
+         d="m 1244.8615,292.70975 c 0,16.20675 -13.1381,29.34493 -29.3449,29.34493 -16.2068,0 -29.3449,-13.13818 -29.3449,-29.34493 0,-16.20676 13.1381,-29.34493 29.3449,-29.34493 16.2068,0 29.3449,13.13817 29.3449,29.34493 z"
+         sodipodi:ry="29.344931"
+         sodipodi:rx="29.344931"
+         sodipodi:cy="292.70975"
+         sodipodi:cx="1215.5166"
+         id="path4805"
+         style="color:#000000;fill:url(#linearGradient4880);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         sodipodi:type="arc" />
+      <rect
+         ry="4"
+         rx="4"
+         y="-451.5"
+         x="1175.5"
+         height="25"
+         width="25"
+         id="rect4831"
+         style="color:#000000;fill:none;stroke:#ada7a7;stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+      <path
+         transform="matrix(1.1245554,0,0,1.1245554,-178.91576,-768.16833)"
+         d="m 1244.8615,292.70975 c 0,16.20675 -13.1381,29.34493 -29.3449,29.34493 -16.2068,0 -29.3449,-13.13818 -29.3449,-29.34493 0,-16.20676 13.1381,-29.34493 29.3449,-29.34493 16.2068,0 29.3449,13.13817 29.3449,29.34493 z"
+         sodipodi:ry="29.344931"
+         sodipodi:rx="29.344931"
+         sodipodi:cy="292.70975"
+         sodipodi:cx="1215.5166"
+         id="path4805-2"
+         style="color:#000000;fill:none;stroke:url(#linearGradient4882);stroke-width:1;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         sodipodi:type="arc" />
+    </g>
+    <path
+       style="color:#000000;fill:url(#radialGradient4970);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter4982);enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m 2,5 1118,0 c 28.808,0 54,23.192 54,52 l 0,710 c 0,28.808 -25.192,56 -54,56 L 64,52 C 35.192,52 8,24.808 8,-4 l 0,-708 c 0,-28.808 27.192,-54 56,-54 z"
+       id="rect4678-9-16"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#radialGradient5010);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52,23.192 52,52 l 0,716 c 0,28.808 -23.192,52 -52,52 L 60,52 C 31.192,52 8,28.808 8,0 l 0,-716 c 0,-28.808 23.192,-52 52,-52 z"
+       id="rect4678-9-16-0"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#linearGradient5055);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,61 59,61 l 1120,0 c 32.686,0 59,-28.314 59,-61 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52,23.192 52,52 l 0,716 c 0,28.808 -23.192,52 -52,52 L 60,52 C 31.192,52 8,28.808 8,0 l 0,-716 c 0,-28.808 23.192,-52 52,-52 z"
+       id="rect4678-9-16-0-9"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#radialGradient5025);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52.1618,23.1924 52,52 l -4,712 c -0.1618,28.80755 -23.1921,51.89711 -52,52 L 60,52 C 31.192184,52.10289 8,28.808 8,0 l 0,-716 c 0,-28.808 23.192,-52 52,-52 z"
+       id="rect4678-9-16-0-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#radialGradient5040);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52,23.192 52,52 l 0,716 c 0,28.808 -23.192,52 -52,52 L 60,52 C 31.192,52 10,28.808 10,0 l 0,-716 c 0,-28.808 21.192,-52 50,-52 z"
+       id="rect4678-9-16-0-42"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+  </g>
+</svg>
diff --git a/app/assets/images/svg_sources/supplier-bell.svg b/app/assets/images/svg_sources/supplier-bell.svg
new file mode 100644
index 00000000..4e0f8914
--- /dev/null
+++ b/app/assets/images/svg_sources/supplier-bell.svg
@@ -0,0 +1,729 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1244"
+   height="890"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="tablet-base.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5049">
+      <stop
+         style="stop-color:#1d1b1c;stop-opacity:1;"
+         offset="0"
+         id="stop5051" />
+      <stop
+         style="stop-color:#1d1b1c;stop-opacity:0;"
+         offset="1"
+         id="stop5053" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5034">
+      <stop
+         style="stop-color:#e9e9e9;stop-opacity:1;"
+         offset="0"
+         id="stop5036" />
+      <stop
+         style="stop-color:#e9e9e9;stop-opacity:0;"
+         offset="1"
+         id="stop5038" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5019">
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1;"
+         offset="0"
+         id="stop5021" />
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:0;"
+         offset="1"
+         id="stop5023" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5004">
+      <stop
+         style="stop-color:#2d2c2a;stop-opacity:1;"
+         offset="0"
+         id="stop5006" />
+      <stop
+         style="stop-color:#2d2c2a;stop-opacity:0;"
+         offset="1"
+         id="stop5008" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4964">
+      <stop
+         style="stop-color:#666465;stop-opacity:0.15602838;"
+         offset="0"
+         id="stop4966" />
+      <stop
+         id="stop4972"
+         offset="0.86107171"
+         style="stop-color:#666465;stop-opacity:1;" />
+      <stop
+         style="stop-color:#666465;stop-opacity:1;"
+         offset="1"
+         id="stop4968" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4867">
+      <stop
+         style="stop-color:#5f5e5c;stop-opacity:1;"
+         offset="0"
+         id="stop4869" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="1"
+         id="stop4871" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4807">
+      <stop
+         style="stop-color:#1d1d1d;stop-opacity:1;"
+         offset="0"
+         id="stop4809" />
+      <stop
+         style="stop-color:#737270;stop-opacity:1"
+         offset="1"
+         id="stop4811" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4797">
+      <stop
+         id="stop4799"
+         offset="0"
+         style="stop-color:#676767;stop-opacity:1;" />
+      <stop
+         id="stop4801"
+         offset="1"
+         style="stop-color:#8f8f8f;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4754">
+      <stop
+         style="stop-color:#4b4b4b;stop-opacity:1;"
+         offset="0"
+         id="stop4756" />
+      <stop
+         style="stop-color:#1e1818;stop-opacity:1"
+         offset="1"
+         id="stop4758" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4754"
+       id="linearGradient4760"
+       x1="187.5"
+       y1="-1612.5"
+       x2="325.5"
+       y2="-834.5"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-0.5,860.5)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4797"
+       id="linearGradient4803"
+       gradientUnits="userSpaceOnUse"
+       x1="785.5"
+       y1="-1158.5"
+       x2="1183.5"
+       y2="-1590.5"
+       gradientTransform="translate(-0.5,860.5)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4807"
+       id="linearGradient4880"
+       gradientUnits="userSpaceOnUse"
+       x1="1216.0392"
+       y1="290.82339"
+       x2="1229.7705"
+       y2="317.86127" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4867"
+       id="linearGradient4882"
+       gradientUnits="userSpaceOnUse"
+       x1="1217.2399"
+       y1="306.93759"
+       x2="1198.2317"
+       y2="271.81259" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4964"
+       id="radialGradient4970"
+       cx="561.10303"
+       cy="-1825.7366"
+       fx="561.10303"
+       fy="-1825.7366"
+       r="619"
+       gradientTransform="matrix(1.100423,0,0,1.9244617,-56.84766,2750.4087)"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       id="filter4982"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.032"
+         id="feGaussianBlur4984" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5004"
+       id="radialGradient5010"
+       cx="3034.168"
+       cy="-3586.9634"
+       fx="3034.168"
+       fy="-3586.9634"
+       r="619"
+       gradientTransform="matrix(0.05380913,0,0,0.04908983,1063.9853,-577.0674)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5019"
+       id="radialGradient5025"
+       cx="8652.0986"
+       cy="4158.9136"
+       fx="8652.0986"
+       fy="4158.9136"
+       r="619"
+       gradientTransform="matrix(0.07583194,0.00105325,-0.00100421,0.07230108,573.57098,-270.5567)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5034"
+       id="radialGradient5040"
+       cx="-2.5823901"
+       cy="-1199.4236"
+       fx="-2.5823901"
+       fy="-1199.4236"
+       r="619"
+       gradientTransform="matrix(0.09542631,0,0,1.1745452,-2.835967,1063.5051)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5049"
+       id="linearGradient5055"
+       x1="449.5"
+       y1="-812.5"
+       x2="449.5"
+       y2="-880.5"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-0.5,860.5)" />
+    <radialGradient
+       r="4.125"
+       fy="-10.375"
+       fx="684.125"
+       cy="-10.375"
+       cx="684.125"
+       gradientTransform="matrix(1.2302326,0,0,1.2302326,-157.50785,2.3886627)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4639"
+       xlink:href="#linearGradient4348-4-9"
+       inkscape:collect="always" />
+    <radialGradient
+       r="4.125"
+       fy="-10.375"
+       fx="684.125"
+       cy="-10.375"
+       cx="684.125"
+       gradientTransform="matrix(1.2302326,0,0,1.2302326,-157.50785,2.3886627)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4637"
+       xlink:href="#linearGradient4348-4"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4348-4-9"
+       inkscape:collect="always">
+      <stop
+         id="stop4350-8-6"
+         offset="0"
+         style="stop-color:#454545;stop-opacity:1;" />
+      <stop
+         id="stop4352-6-3"
+         offset="1"
+         style="stop-color:#454545;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4348-4"
+       inkscape:collect="always">
+      <stop
+         id="stop4350-8"
+         offset="0"
+         style="stop-color:#454545;stop-opacity:1;" />
+      <stop
+         id="stop4352-6"
+         offset="1"
+         style="stop-color:#454545;stop-opacity:0;" />
+    </linearGradient>
+    <radialGradient
+       r="4.125"
+       fy="-10.375"
+       fx="684.125"
+       cy="-10.375"
+       cx="684.125"
+       gradientTransform="matrix(1.2302326,0,0,1.2302326,-157.50785,2.3886627)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4363"
+       xlink:href="#linearGradient4348"
+       inkscape:collect="always" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4118-0"
+       id="radialGradient4261"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3599416,0,0,2.3333334,-190.95156,-31.3125)"
+       cx="529.8125"
+       cy="28.964285"
+       fx="529.8125"
+       fy="28.964285"
+       r="2.4375" />
+    <linearGradient
+       id="linearGradient4253">
+      <stop
+         id="stop4255"
+         offset="0"
+         style="stop-color:#aaaaaa;stop-opacity:1;" />
+      <stop
+         id="stop4257"
+         offset="1"
+         style="stop-color:#dcdcdc;stop-opacity:1;" />
+    </linearGradient>
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3599416,0,0,2.3333334,-190.70156,-38.4375)"
+       r="2.4375"
+       fy="28.964285"
+       fx="529.8125"
+       cy="28.964285"
+       cx="529.8125"
+       id="radialGradient4124-2"
+       xlink:href="#linearGradient4118-0"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4118-0">
+      <stop
+         id="stop4120-1"
+         offset="0"
+         style="stop-color:#959595;stop-opacity:1;" />
+      <stop
+         id="stop4122-0"
+         offset="1"
+         style="stop-color:#d4d4d4;stop-opacity:1;" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4118-0"
+       id="radialGradient4141-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3599416,0,0,2.3333334,-182.95156,-31.3125)"
+       cx="529.8125"
+       cy="28.964285"
+       fx="529.8125"
+       fy="28.964285"
+       r="2.4375" />
+    <radialGradient
+       r="619"
+       fy="636.77783"
+       fx="623"
+       cy="636.77783"
+       cx="623"
+       gradientTransform="matrix(0.99838449,0,0,0.03073715,0.00646204,-60.572735)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4022"
+       xlink:href="#linearGradient3899"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="-22"
+       x2="1244"
+       y1="-22"
+       x1="0"
+       id="linearGradient3883"
+       xlink:href="#linearGradient3877"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient3877">
+      <stop
+         id="stop3879"
+         offset="0"
+         style="stop-color:#a3a3a3;stop-opacity:1" />
+      <stop
+         style="stop-color:#b4b4b4;stop-opacity:1"
+         offset="0.00409657"
+         id="stop3897" />
+      <stop
+         style="stop-color:#d7d7d7;stop-opacity:1"
+         offset="0.01563698"
+         id="stop3895" />
+      <stop
+         style="stop-color:#d4d4d4;stop-opacity:1"
+         offset="0.02174701"
+         id="stop3893" />
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0.58460319"
+         id="stop3889" />
+      <stop
+         style="stop-color:#e8e8e8;stop-opacity:1"
+         offset="0.9540211"
+         id="stop3887" />
+      <stop
+         style="stop-color:#7b7b7b;stop-opacity:1"
+         offset="0.98477578"
+         id="stop3885" />
+      <stop
+         id="stop3891"
+         offset="0.99279392"
+         style="stop-color:#898989;stop-opacity:1" />
+      <stop
+         id="stop3881"
+         offset="1"
+         style="stop-color:#7a7a7a;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3899">
+      <stop
+         id="stop3901"
+         offset="0"
+         style="stop-color:#bababa;stop-opacity:1;" />
+      <stop
+         style="stop-color:#dfdfdf;stop-opacity:1;"
+         offset="0.25"
+         id="stop3909" />
+      <stop
+         style="stop-color:#c7c7c7;stop-opacity:1"
+         offset="0.68395591"
+         id="stop3907" />
+      <stop
+         id="stop3903"
+         offset="1"
+         style="stop-color:#bababa;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4118">
+      <stop
+         id="stop4120"
+         offset="0"
+         style="stop-color:#aaaaaa;stop-opacity:1;" />
+      <stop
+         id="stop4122"
+         offset="1"
+         style="stop-color:#dcdcdc;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4348"
+       inkscape:collect="always">
+      <stop
+         id="stop4350"
+         offset="0"
+         style="stop-color:#454545;stop-opacity:1;" />
+      <stop
+         id="stop4352"
+         offset="1"
+         style="stop-color:#454545;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       x1="120.97"
+       y1="813.3"
+       gradientTransform="scale(2.1038,0.47533)"
+       x2="26.955"
+       gradientUnits="userSpaceOnUse"
+       spreadMethod="reflect"
+       y2="813.3"
+       id="linearGradient562">
+      <stop
+         offset="0"
+         style="stop-color:#cc5a5d"
+         id="stop564" />
+      <stop
+         offset="1"
+         style="stop-color:#ffb712"
+         id="stop565" />
+    </linearGradient>
+    <linearGradient
+       x1="226.29"
+       y1="261.13"
+       gradientTransform="scale(1.1364,0.87994)"
+       x2="68.627"
+       gradientUnits="userSpaceOnUse"
+       spreadMethod="reflect"
+       xlink:href="#linearGradient556"
+       y2="263.85"
+       id="linearGradient561" />
+    <radialGradient
+       r="44.682"
+       gradientTransform="scale(1.0667,0.93751)"
+       cx="215.95"
+       cy="47.873"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient556"
+       id="radialGradient560" />
+    <radialGradient
+       r="105.42"
+       gradientTransform="scale(1.0384,0.96304)"
+       cx="122.41"
+       cy="299.07"
+       gradientUnits="userSpaceOnUse"
+       xlink:href="#linearGradient556"
+       id="radialGradient559" />
+    <linearGradient
+       id="linearGradient556">
+      <stop
+         offset="0"
+         style="stop-color:#cc955d"
+         id="stop557" />
+      <stop
+         offset="1"
+         style="stop-color:#ffdf32"
+         id="stop558" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.70710678"
+     inkscape:cx="639.48949"
+     inkscape:cy="425.72075"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:window-width="1436"
+     inkscape:window-height="856"
+     inkscape:window-x="61"
+     inkscape:window-y="34"
+     inkscape:window-maximized="0"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:showpageshadow="false"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="draw"
+     transform="translate(0,832)">
+    <rect
+       style="color:#000000;fill:#131313;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678"
+       width="1244"
+       height="832"
+       x="0"
+       y="-774"
+       rx="61"
+       ry="61"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#e9e9e9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678-9"
+       width="1238"
+       height="826"
+       x="3"
+       y="-771"
+       rx="59"
+       ry="59"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#131313;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678-9-1"
+       width="1220"
+       height="812"
+       x="12"
+       y="-764"
+       rx="52"
+       ry="52"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:url(#linearGradient4760);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678-9-1-4"
+       width="1214"
+       height="806"
+       x="15"
+       y="-761"
+       rx="49"
+       ry="49"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#424242;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4734"
+       width="1024"
+       height="600"
+       x="93"
+       y="-657"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4734-2"
+       width="1020"
+       height="596"
+       x="95"
+       y="-655"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <g
+       id="g4875"
+       transform="translate(-1.4377202,81.437725)"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959">
+      <path
+         transform="matrix(1.1245554,0,0,1.1245554,-178.91576,-768.16833)"
+         d="m 1244.8615,292.70975 c 0,16.20675 -13.1381,29.34493 -29.3449,29.34493 -16.2068,0 -29.3449,-13.13818 -29.3449,-29.34493 0,-16.20676 13.1381,-29.34493 29.3449,-29.34493 16.2068,0 29.3449,13.13817 29.3449,29.34493 z"
+         sodipodi:ry="29.344931"
+         sodipodi:rx="29.344931"
+         sodipodi:cy="292.70975"
+         sodipodi:cx="1215.5166"
+         id="path4805"
+         style="color:#000000;fill:url(#linearGradient4880);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         sodipodi:type="arc" />
+      <rect
+         ry="4"
+         rx="4"
+         y="-451.5"
+         x="1175.5"
+         height="25"
+         width="25"
+         id="rect4831"
+         style="color:#000000;fill:none;stroke:#ada7a7;stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+      <path
+         transform="matrix(1.1245554,0,0,1.1245554,-178.91576,-768.16833)"
+         d="m 1244.8615,292.70975 c 0,16.20675 -13.1381,29.34493 -29.3449,29.34493 -16.2068,0 -29.3449,-13.13818 -29.3449,-29.34493 0,-16.20676 13.1381,-29.34493 29.3449,-29.34493 16.2068,0 29.3449,13.13817 29.3449,29.34493 z"
+         sodipodi:ry="29.344931"
+         sodipodi:rx="29.344931"
+         sodipodi:cy="292.70975"
+         sodipodi:cx="1215.5166"
+         id="path4805-2"
+         style="color:#000000;fill:none;stroke:url(#linearGradient4882);stroke-width:1;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         sodipodi:type="arc" />
+    </g>
+    <path
+       style="color:#000000;fill:url(#radialGradient4970);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter4982);enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m 2,5 1118,0 c 28.808,0 54,23.192 54,52 l 0,710 c 0,28.808 -25.192,56 -54,56 L 64,52 C 35.192,52 8,24.808 8,-4 l 0,-708 c 0,-28.808 27.192,-54 56,-54 z"
+       id="rect4678-9-16"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#radialGradient5010);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52,23.192 52,52 l 0,716 c 0,28.808 -23.192,52 -52,52 L 60,52 C 31.192,52 8,28.808 8,0 l 0,-716 c 0,-28.808 23.192,-52 52,-52 z"
+       id="rect4678-9-16-0"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#linearGradient5055);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,61 59,61 l 1120,0 c 32.686,0 59,-28.314 59,-61 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52,23.192 52,52 l 0,716 c 0,28.808 -23.192,52 -52,52 L 60,52 C 31.192,52 8,28.808 8,0 l 0,-716 c 0,-28.808 23.192,-52 52,-52 z"
+       id="rect4678-9-16-0-9"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#radialGradient5025);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52.1618,23.1924 52,52 l -4,712 c -0.1618,28.80755 -23.1921,51.89711 -52,52 L 60,52 C 31.192184,52.10289 8,28.808 8,0 l 0,-716 c 0,-28.808 23.192,-52 52,-52 z"
+       id="rect4678-9-16-0-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#radialGradient5040);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52,23.192 52,52 l 0,716 c 0,28.808 -23.192,52 -52,52 L 60,52 C 31.192,52 10,28.808 10,0 l 0,-716 c 0,-28.808 21.192,-52 50,-52 z"
+       id="rect4678-9-16-0-42"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <g
+       transform="matrix(2.0179904,0,0,2.0179904,135.01649,-852.09273)"
+       style="stroke:#000000;stroke-width:10;stroke-linejoin:round"
+       id="g840">
+      <path
+         transform="matrix(0.8094,-0.58726,0.58726,0.8094,-133.76,168.14)"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc"
+         d="m 71.202,379.75 c 3.956,64.08 393.2,47.47 384.5,3.95 20.57,-16.61 -258.71,-80.69 -384.5,-3.95 z"
+         style="fill:url(#linearGradient562);fill-rule:evenodd;stroke:#000000;stroke-width:10;stroke-linejoin:round"
+         id="path553" />
+      <path
+         transform="matrix(0.8094,-0.58726,0.58726,0.8094,-112.63,202.66)"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc"
+         d="m 170.1,371.84 c -70.416,0 -65.67,-92.57 -3.96,-93.36 62.5,0 79.11,94.15 3.96,93.36 z"
+         style="fill:url(#radialGradient559);fill-rule:evenodd;stroke:#000000;stroke-width:10;stroke-linejoin:round"
+         id="path555" />
+      <path
+         transform="matrix(0.8094,-0.58726,0.58726,0.8094,-133.76,168.14)"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc"
+         d="m 71.203,378.96 c 114.72,-66.46 359.18,-24.53 386.08,3.95 -42.72,-60.92 -75.16,-90.19 -85.44,-162.97 -17.41,-94.15 -50.64,-127.38 -113.93,-133.71 -59.33,4.751 -90.98,21.37 -103.64,113.14 -12.66,91.77 -40.35,132.12 -83.067,179.59 z"
+         style="fill:url(#linearGradient561);fill-rule:evenodd;stroke:#000000;stroke-width:10;stroke-linejoin:round"
+         id="path552" />
+      <path
+         transform="matrix(0.8094,-0.58726,0.58726,0.8094,-133.76,168.14)"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc"
+         d="m 255.54,87.025 c -32.44,0 -36.39,-37.975 -3.96,-41.139 33.23,0.791 34.02,39.557 3.96,41.139 z"
+         style="fill:url(#radialGradient560);fill-rule:evenodd;stroke:#000000;stroke-width:10;stroke-linejoin:round"
+         id="path554" />
+      <path
+         d="m 354.43,174.05 c -31.65,0 -153.48,36.39 -185.92,126.58"
+         style="fill:none;stroke:#000000;stroke-width:10;stroke-linejoin:round"
+         sodipodi:nodetypes="cc"
+         inkscape:connector-curvature="0"
+         id="path566" />
+    </g>
+  </g>
+</svg>
diff --git a/app/assets/images/svg_sources/supplier-check.png b/app/assets/images/svg_sources/supplier-check.png
new file mode 100644
index 00000000..a856c5d0
Binary files /dev/null and b/app/assets/images/svg_sources/supplier-check.png differ
diff --git a/app/assets/images/svg_sources/supplier-check.svg b/app/assets/images/svg_sources/supplier-check.svg
new file mode 100644
index 00000000..5d502264
--- /dev/null
+++ b/app/assets/images/svg_sources/supplier-check.svg
@@ -0,0 +1,736 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1244"
+   height="890"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="supplier-base.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5049">
+      <stop
+         style="stop-color:#1d1b1c;stop-opacity:1;"
+         offset="0"
+         id="stop5051" />
+      <stop
+         style="stop-color:#1d1b1c;stop-opacity:0;"
+         offset="1"
+         id="stop5053" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5034">
+      <stop
+         style="stop-color:#e9e9e9;stop-opacity:1;"
+         offset="0"
+         id="stop5036" />
+      <stop
+         style="stop-color:#e9e9e9;stop-opacity:0;"
+         offset="1"
+         id="stop5038" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5019">
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:1;"
+         offset="0"
+         id="stop5021" />
+      <stop
+         style="stop-color:#f0f0f0;stop-opacity:0;"
+         offset="1"
+         id="stop5023" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5004">
+      <stop
+         style="stop-color:#2d2c2a;stop-opacity:1;"
+         offset="0"
+         id="stop5006" />
+      <stop
+         style="stop-color:#2d2c2a;stop-opacity:0;"
+         offset="1"
+         id="stop5008" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4964">
+      <stop
+         style="stop-color:#666465;stop-opacity:0.15602838;"
+         offset="0"
+         id="stop4966" />
+      <stop
+         id="stop4972"
+         offset="0.86107171"
+         style="stop-color:#666465;stop-opacity:1;" />
+      <stop
+         style="stop-color:#666465;stop-opacity:1;"
+         offset="1"
+         id="stop4968" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4867">
+      <stop
+         style="stop-color:#5f5e5c;stop-opacity:1;"
+         offset="0"
+         id="stop4869" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="1"
+         id="stop4871" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4807">
+      <stop
+         style="stop-color:#1d1d1d;stop-opacity:1;"
+         offset="0"
+         id="stop4809" />
+      <stop
+         style="stop-color:#737270;stop-opacity:1"
+         offset="1"
+         id="stop4811" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4797">
+      <stop
+         id="stop4799"
+         offset="0"
+         style="stop-color:#676767;stop-opacity:1;" />
+      <stop
+         id="stop4801"
+         offset="1"
+         style="stop-color:#8f8f8f;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4754">
+      <stop
+         style="stop-color:#4b4b4b;stop-opacity:1;"
+         offset="0"
+         id="stop4756" />
+      <stop
+         style="stop-color:#1e1818;stop-opacity:1"
+         offset="1"
+         id="stop4758" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4754"
+       id="linearGradient4760"
+       x1="187.5"
+       y1="-1612.5"
+       x2="325.5"
+       y2="-834.5"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-0.5,860.5)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4797"
+       id="linearGradient4803"
+       gradientUnits="userSpaceOnUse"
+       x1="785.5"
+       y1="-1158.5"
+       x2="1183.5"
+       y2="-1590.5"
+       gradientTransform="translate(-0.5,860.5)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4807"
+       id="linearGradient4880"
+       gradientUnits="userSpaceOnUse"
+       x1="1216.0392"
+       y1="290.82339"
+       x2="1229.7705"
+       y2="317.86127" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4867"
+       id="linearGradient4882"
+       gradientUnits="userSpaceOnUse"
+       x1="1217.2399"
+       y1="306.93759"
+       x2="1198.2317"
+       y2="271.81259" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4964"
+       id="radialGradient4970"
+       cx="561.10303"
+       cy="-1825.7366"
+       fx="561.10303"
+       fy="-1825.7366"
+       r="619"
+       gradientTransform="matrix(1.100423,0,0,1.9244617,-56.84766,2750.4087)"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       id="filter4982"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.032"
+         id="feGaussianBlur4984" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5004"
+       id="radialGradient5010"
+       cx="3034.168"
+       cy="-3586.9634"
+       fx="3034.168"
+       fy="-3586.9634"
+       r="619"
+       gradientTransform="matrix(0.05380913,0,0,0.04908983,1063.9853,-577.0674)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5019"
+       id="radialGradient5025"
+       cx="8652.0986"
+       cy="4158.9136"
+       fx="8652.0986"
+       fy="4158.9136"
+       r="619"
+       gradientTransform="matrix(0.07583194,0.00105325,-0.00100421,0.07230108,573.57098,-270.5567)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5034"
+       id="radialGradient5040"
+       cx="-2.5823901"
+       cy="-1199.4236"
+       fx="-2.5823901"
+       fy="-1199.4236"
+       r="619"
+       gradientTransform="matrix(0.09542631,0,0,1.1745452,-2.835967,1063.5051)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5049"
+       id="linearGradient5055"
+       x1="449.5"
+       y1="-812.5"
+       x2="449.5"
+       y2="-880.5"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-0.5,860.5)" />
+    <radialGradient
+       r="4.125"
+       fy="-10.375"
+       fx="684.125"
+       cy="-10.375"
+       cx="684.125"
+       gradientTransform="matrix(1.2302326,0,0,1.2302326,-157.50785,2.3886627)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4639"
+       xlink:href="#linearGradient4348-4-9"
+       inkscape:collect="always" />
+    <radialGradient
+       r="4.125"
+       fy="-10.375"
+       fx="684.125"
+       cy="-10.375"
+       cx="684.125"
+       gradientTransform="matrix(1.2302326,0,0,1.2302326,-157.50785,2.3886627)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4637"
+       xlink:href="#linearGradient4348-4"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4348-4-9"
+       inkscape:collect="always">
+      <stop
+         id="stop4350-8-6"
+         offset="0"
+         style="stop-color:#454545;stop-opacity:1;" />
+      <stop
+         id="stop4352-6-3"
+         offset="1"
+         style="stop-color:#454545;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4348-4"
+       inkscape:collect="always">
+      <stop
+         id="stop4350-8"
+         offset="0"
+         style="stop-color:#454545;stop-opacity:1;" />
+      <stop
+         id="stop4352-6"
+         offset="1"
+         style="stop-color:#454545;stop-opacity:0;" />
+    </linearGradient>
+    <radialGradient
+       r="4.125"
+       fy="-10.375"
+       fx="684.125"
+       cy="-10.375"
+       cx="684.125"
+       gradientTransform="matrix(1.2302326,0,0,1.2302326,-157.50785,2.3886627)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4363"
+       xlink:href="#linearGradient4348"
+       inkscape:collect="always" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4118-0"
+       id="radialGradient4261"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3599416,0,0,2.3333334,-190.95156,-31.3125)"
+       cx="529.8125"
+       cy="28.964285"
+       fx="529.8125"
+       fy="28.964285"
+       r="2.4375" />
+    <linearGradient
+       id="linearGradient4253">
+      <stop
+         id="stop4255"
+         offset="0"
+         style="stop-color:#aaaaaa;stop-opacity:1;" />
+      <stop
+         id="stop4257"
+         offset="1"
+         style="stop-color:#dcdcdc;stop-opacity:1;" />
+    </linearGradient>
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3599416,0,0,2.3333334,-190.70156,-38.4375)"
+       r="2.4375"
+       fy="28.964285"
+       fx="529.8125"
+       cy="28.964285"
+       cx="529.8125"
+       id="radialGradient4124-2"
+       xlink:href="#linearGradient4118-0"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4118-0">
+      <stop
+         id="stop4120-1"
+         offset="0"
+         style="stop-color:#959595;stop-opacity:1;" />
+      <stop
+         id="stop4122-0"
+         offset="1"
+         style="stop-color:#d4d4d4;stop-opacity:1;" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4118-0"
+       id="radialGradient4141-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3599416,0,0,2.3333334,-182.95156,-31.3125)"
+       cx="529.8125"
+       cy="28.964285"
+       fx="529.8125"
+       fy="28.964285"
+       r="2.4375" />
+    <radialGradient
+       r="619"
+       fy="636.77783"
+       fx="623"
+       cy="636.77783"
+       cx="623"
+       gradientTransform="matrix(0.99838449,0,0,0.03073715,0.00646204,-60.572735)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient4022"
+       xlink:href="#linearGradient3899"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="-22"
+       x2="1244"
+       y1="-22"
+       x1="0"
+       id="linearGradient3883"
+       xlink:href="#linearGradient3877"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient3877">
+      <stop
+         id="stop3879"
+         offset="0"
+         style="stop-color:#a3a3a3;stop-opacity:1" />
+      <stop
+         style="stop-color:#b4b4b4;stop-opacity:1"
+         offset="0.00409657"
+         id="stop3897" />
+      <stop
+         style="stop-color:#d7d7d7;stop-opacity:1"
+         offset="0.01563698"
+         id="stop3895" />
+      <stop
+         style="stop-color:#d4d4d4;stop-opacity:1"
+         offset="0.02174701"
+         id="stop3893" />
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0.58460319"
+         id="stop3889" />
+      <stop
+         style="stop-color:#e8e8e8;stop-opacity:1"
+         offset="0.9540211"
+         id="stop3887" />
+      <stop
+         style="stop-color:#7b7b7b;stop-opacity:1"
+         offset="0.98477578"
+         id="stop3885" />
+      <stop
+         id="stop3891"
+         offset="0.99279392"
+         style="stop-color:#898989;stop-opacity:1" />
+      <stop
+         id="stop3881"
+         offset="1"
+         style="stop-color:#7a7a7a;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3899">
+      <stop
+         id="stop3901"
+         offset="0"
+         style="stop-color:#bababa;stop-opacity:1;" />
+      <stop
+         style="stop-color:#dfdfdf;stop-opacity:1;"
+         offset="0.25"
+         id="stop3909" />
+      <stop
+         style="stop-color:#c7c7c7;stop-opacity:1"
+         offset="0.68395591"
+         id="stop3907" />
+      <stop
+         id="stop3903"
+         offset="1"
+         style="stop-color:#bababa;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4118">
+      <stop
+         id="stop4120"
+         offset="0"
+         style="stop-color:#aaaaaa;stop-opacity:1;" />
+      <stop
+         id="stop4122"
+         offset="1"
+         style="stop-color:#dcdcdc;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4348"
+       inkscape:collect="always">
+      <stop
+         id="stop4350"
+         offset="0"
+         style="stop-color:#454545;stop-opacity:1;" />
+      <stop
+         id="stop4352"
+         offset="1"
+         style="stop-color:#454545;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       x1="47.125"
+       y1="4.5156"
+       x2="60.753"
+       gradientUnits="userSpaceOnUse"
+       y2="59.766"
+       id="linearGradient3986">
+      <stop
+         offset="0"
+         style="stop-color:#ffffff"
+         id="stop3955" />
+      <stop
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0"
+         id="stop3957" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       x1="47.125"
+       y1="4.5156"
+       x2="47.125"
+       gradientUnits="userSpaceOnUse"
+       y2="79.832"
+       id="linearGradient3984">
+      <stop
+         offset="0"
+         style="stop-color:#ffffff"
+         id="stop3929" />
+      <stop
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0"
+         id="stop3931" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       x1="8"
+       y1="73.737"
+       x2="86.244"
+       gradientUnits="userSpaceOnUse"
+       y2="2.4637"
+       id="linearGradient3982">
+      <stop
+         offset="0"
+         style="stop-color:#00aa00"
+         id="stop3873" />
+      <stop
+         offset=".29524"
+         style="stop-color:#00ff00"
+         id="stop3879-4" />
+      <stop
+         offset="1"
+         style="stop-color:#d5ffd5"
+         id="stop3875" />
+    </linearGradient>
+    <filter
+       color-interpolation-filters="sRGB"
+       inkscape:collect="always"
+       id="filter3973">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.44890625"
+         id="feGaussianBlur3975" />
+    </filter>
+    <filter
+       color-interpolation-filters="sRGB"
+       inkscape:collect="always"
+       id="filter3895">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.1"
+         id="feGaussianBlur3897" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.70710678"
+     inkscape:cx="894.0385"
+     inkscape:cy="425.72075"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:window-width="1436"
+     inkscape:window-height="856"
+     inkscape:window-x="61"
+     inkscape:window-y="34"
+     inkscape:window-maximized="0"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:showpageshadow="false"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="draw"
+     transform="translate(0,832)">
+    <rect
+       style="color:#000000;fill:#131313;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678"
+       width="1244"
+       height="832"
+       x="0"
+       y="-774"
+       rx="61"
+       ry="61"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#e9e9e9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678-9"
+       width="1238"
+       height="826"
+       x="3"
+       y="-771"
+       rx="59"
+       ry="59"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#131313;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678-9-1"
+       width="1220"
+       height="812"
+       x="12"
+       y="-764"
+       rx="52"
+       ry="52"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:url(#linearGradient4760);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4678-9-1-4"
+       width="1214"
+       height="806"
+       x="15"
+       y="-761"
+       rx="49"
+       ry="49"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#424242;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4734"
+       width="1024"
+       height="600"
+       x="93"
+       y="-657"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <rect
+       style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect4734-2"
+       width="1020"
+       height="596"
+       x="95"
+       y="-655"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <g
+       id="g4875"
+       transform="translate(-1.4377202,81.437725)"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959">
+      <path
+         transform="matrix(1.1245554,0,0,1.1245554,-178.91576,-768.16833)"
+         d="m 1244.8615,292.70975 c 0,16.20675 -13.1381,29.34493 -29.3449,29.34493 -16.2068,0 -29.3449,-13.13818 -29.3449,-29.34493 0,-16.20676 13.1381,-29.34493 29.3449,-29.34493 16.2068,0 29.3449,13.13817 29.3449,29.34493 z"
+         sodipodi:ry="29.344931"
+         sodipodi:rx="29.344931"
+         sodipodi:cy="292.70975"
+         sodipodi:cx="1215.5166"
+         id="path4805"
+         style="color:#000000;fill:url(#linearGradient4880);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         sodipodi:type="arc" />
+      <rect
+         ry="4"
+         rx="4"
+         y="-451.5"
+         x="1175.5"
+         height="25"
+         width="25"
+         id="rect4831"
+         style="color:#000000;fill:none;stroke:#ada7a7;stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+      <path
+         transform="matrix(1.1245554,0,0,1.1245554,-178.91576,-768.16833)"
+         d="m 1244.8615,292.70975 c 0,16.20675 -13.1381,29.34493 -29.3449,29.34493 -16.2068,0 -29.3449,-13.13818 -29.3449,-29.34493 0,-16.20676 13.1381,-29.34493 29.3449,-29.34493 16.2068,0 29.3449,13.13817 29.3449,29.34493 z"
+         sodipodi:ry="29.344931"
+         sodipodi:rx="29.344931"
+         sodipodi:cy="292.70975"
+         sodipodi:cx="1215.5166"
+         id="path4805-2"
+         style="color:#000000;fill:none;stroke:url(#linearGradient4882);stroke-width:1;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         sodipodi:type="arc" />
+    </g>
+    <path
+       style="color:#000000;fill:url(#radialGradient4970);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter4982);enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m 2,5 1118,0 c 28.808,0 54,23.192 54,52 l 0,710 c 0,28.808 -25.192,56 -54,56 L 64,52 C 35.192,52 8,24.808 8,-4 l 0,-708 c 0,-28.808 27.192,-54 56,-54 z"
+       id="rect4678-9-16"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#radialGradient5010);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52,23.192 52,52 l 0,716 c 0,28.808 -23.192,52 -52,52 L 60,52 C 31.192,52 8,28.808 8,0 l 0,-716 c 0,-28.808 23.192,-52 52,-52 z"
+       id="rect4678-9-16-0"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#linearGradient5055);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,61 59,61 l 1120,0 c 32.686,0 59,-28.314 59,-61 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52,23.192 52,52 l 0,716 c 0,28.808 -23.192,52 -52,52 L 60,52 C 31.192,52 8,28.808 8,0 l 0,-716 c 0,-28.808 23.192,-52 52,-52 z"
+       id="rect4678-9-16-0-9"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#radialGradient5025);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52.1618,23.1924 52,52 l -4,712 c -0.1618,28.80755 -23.1921,51.89711 -52,52 L 60,52 C 31.192184,52.10289 8,28.808 8,0 l 0,-716 c 0,-28.808 23.192,-52 52,-52 z"
+       id="rect4678-9-16-0-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <path
+       style="color:#000000;fill:url(#radialGradient5040);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 62,-771 c -32.686,0 -59,26.314 -59,59 L 3,-4 c 0,32.686 26.314,59 59,59 l 1120,0 c 32.686,0 59,-26.314 59,-59 l 0,-708 c 0,-32.686 -26.314,-59 -59,-59 z m -2,3 1124,0 c 28.808,0 52,23.192 52,52 l 0,716 c 0,28.808 -23.192,52 -52,52 L 60,52 C 31.192,52 10,28.808 10,0 l 0,-716 c 0,-28.808 21.192,-52 50,-52 z"
+       id="rect4678-9-16-0-42"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ssssssssssssssssss"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/mozo_bar/app/assets/images/frames/tablet.png"
+       inkscape:export-xdpi="72.491959"
+       inkscape:export-ydpi="72.491959" />
+    <g
+       transform="matrix(8.1527765,0,0,8.1527765,104.4966,-8428.1469)"
+       inkscape:label="Layer 1"
+       id="layer1">
+      <g
+         transform="matrix(1.8813,0,0,1.8813,-10.225,899.05)"
+         id="g3977">
+        <path
+           d="m 20,42.362 10,10 30,-30 10,10 -40,40 -20,-20 z"
+           inkscape:connector-curvature="0"
+           style="opacity:0.65157997;fill:#000000;filter:url(#filter3895)"
+           sodipodi:nodetypes="ccccccc"
+           id="path3881" />
+        <path
+           inkscape:connector-curvature="0"
+           style="fill:url(#linearGradient3982)"
+           sodipodi:nodetypes="ccccccc"
+           d="m 20,42.362 10,10 30,-30 10,10 -40,40 -20,-20 z"
+           id="path2996" />
+        <path
+           inkscape:radius="-0.79549515"
+           inkscape:original="M 60 22.375 L 30.25 52.125 C 31.759428 51.832546 33.268641 51.520491 34.78125 51.25 C 38.131586 50.650878 42.292564 50.001114 45.65625 49.5625 C 48.40866 49.203595 50.940177 48.935357 53.59375 48.78125 L 70 32.375 L 60 22.375 z M 20 42.375 L 10 52.375 L 14.03125 56.40625 C 19.237958 54.881463 24.442107 53.235169 29.78125 52.21875 C 29.80132 52.21495 29.82368 52.22255 29.84375 52.21875 L 20 42.375 z "
+           d="M 60,23.5 32.65625,50.84375 c 0.663739,-0.129711 1.331286,-0.255418 2,-0.375 3.364578,-0.601669 7.526087,-1.246737 10.90625,-1.6875 2.645343,-0.344944 5.103246,-0.59175 7.65625,-0.75 L 68.875,32.375 60,23.5 z m -40,20 -8.875,8.875 3.15625,3.15625 C 18.877656,54.179274 23.499328,52.749738 28.25,51.75 L 20,43.5 z"
+           sodipodi:type="inkscape:offset"
+           style="fill:url(#linearGradient3984);stroke:url(#linearGradient3986);stroke-width:0.26578;filter:url(#filter3973)"
+           id="path3949" />
+      </g>
+    </g>
+  </g>
+</svg>