Work done by Andreas Burburan

Andreas Burburan <andreas dot burburan at adaptcentre.ie>
as part of internship at ADAPT Centre, Trinity College Dublin.

.gitignore

@@ -0,0 +1,9 @@
+php/config.php
+php/phpmailer
+canvas/mpdf
+canvas/json
+canvas/saved-pdf
+canvas/1.7/mpdf
+canvas/1.7/json
+canvas/1.7/saved-pdf
+icon

README.md

@@ -0,0 +1,879 @@
+* {
+    font-family: 'Open Sans', sans-serif;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+}
+html, body {
+    height: 100%;
+}
+p {
+    font-size: 0.95em;
+}
+pre {
+    border: none;
+    background-color: #eceff1;
+    visibility: hidden;
+}
+
+/*-------------------------------
+           LOGO
+ --------------------------------*/
+
+a.logo {
+    display: block;
+}
+a.logo img {
+    display: block;
+    width: 60%;
+    margin: auto;
+}
+
+/* ------------------------------
+        Form header
+ ------------------------------ */
+
+.form-header {
+    width: 100%;
+    margin: 0 auto 2.14em auto;
+    /*background-color:#546e7a;*/
+    background-color: #eceff1;
+    border-radius: 0 0 5px 5px;
+    min-height: 6em;
+}
+.form-header h1 {
+    color: #444;
+    font-size: 1.9em;
+    text-align: left;
+}
+.form-header h2 {
+    font-size: 1.4em;
+    color: #444;
+}
+.form-header p {
+    font-size: 0.9em;
+    margin-top: 1em;
+    color: #444;
+}
+.form-header label {
+    font-size: 1.1em;
+    margin-top: 1.8em;
+    margin-right: 0.3em;
+    color: #444;
+}
+.form-header input {
+    width: 62%;
+    outline: none;
+    border: 1px solid #eceff1;
+    border-radius: 4px;
+    padding: 0.45em;
+}
+
+/*----------------------------------
+   DROPDOWN MENU (User DASHBORD menu)
+ -----------------------------------*/
+
+
+/*User area button and dropdown menu in the header :
+  only shown when logged in*/
+
+.form-header .user-profile {
+    font-size: 1em;
+    margin-top: 1.8em;
+    margin-right: 0.3em;
+    color: #444;
+    min-width: 80%;
+    margin-left: 3.5em;
+}
+.form-header .user-profile img {
+    width: 2.6em;
+    margin-right: 0.5em;
+}
+.form-header .user-profile button {
+    padding: 0.2em 1em;
+    width: 90%;
+    border: none;
+    border-radius: 2px;
+    outline: 0;
+    background-color: transparent;
+    transition: all 0.5s;
+}
+.form-header .user-profile button:hover {
+    padding: 0.2em;
+    background-color: #fff;
+}
+
+/*Boortstrap dropdown classes*/
+
+ul.dropdown-menu {
+    border: none;
+    border-radius: 2px;
+    width: 90%;
+    margin: 0 5%;
+    box-shadow: none;
+    background-color: #48585f;
+}
+ul.dropdown-menu a {
+    color: #fff;
+}
+
+/*The button When the drop down menu is open*/
+
+.dropdown.open button#dropdownMenu1 {
+    background-color: #fff;
+}
+
+/* ------------------------------
+        Masonry Blocks
+ ------------------------------ */
+
+.masonry-layout8-5 {
+    -webkit-column-count: 5;
+    /* Chrome, Safari, Opera */
+    -moz-column-count: 5;
+    /* Firefox */
+    column-count: 5;
+    -webkit-column-gap: 0;
+    /* Chrome, Safari, Opera */
+    -moz-column-gap: 0;
+    /* Firefox */
+    column-gap: 0;
+}
+.masonry-layout4 {
+    -webkit-column-count: 4;
+    /* Chrome, Safari, Opera */
+    -moz-column-count: 4;
+    /* Firefox */
+    column-count: 4;
+    -webkit-column-gap: 0;
+    /* Chrome, Safari, Opera */
+    -moz-column-gap: 0;
+    /* Firefox */
+    column-gap: 0;
+}
+.masonry-layout__panel {
+    break-inside: avoid;
+    padding: 0.36em;
+}
+.masonry-layout__panel-content {
+    padding: 5px 4px;
+    border-radius: 10px;
+}
+
+/* ---------------------------------
+    Field Content & Items
+ ----------------------------------- */
+
+
+/*The field introduction text*/
+
+.intro {
+    padding: 1em 1.3em 0 1.3em;
+    color: rgba(0, 0, 0, 0.6);
+    font-style: italic;
+}
+
+/*The description text toggler btn*/
+
+.intro-toggle {
+    padding: 0.25em 1.2em;
+    border: none;
+    outline: none;
+    background-color: transparent;
+}
+
+/*the show/hide text bootstrap glyphicon icon*/
+
+.intro-toggle-icon {
+    padding: 0.4em;
+    font-size: 1em;
+}
+.field-title {
+    font-size: 1.4em;
+    margin-left: 0.8em;
+    line-height: 1.5;
+}
+
+/*Item list in the field*/
+
+ul.item_list {
+    list-style-type: none;
+    padding-left: 0;
+    width: 100%;
+    /*to make a place holder for empty lists.
+   Being able to drop cards in empty fields*/
+    min-height: 4em;
+}
+li.added_item {
+    width: 100%;
+    margin: 0.5em auto;
+    height: auto;
+    overflow: visible;
+    cursor: move;
+}
+ul.item_list textarea {
+    font-size: 0.95em;
+    padding: 0.5em 0.5em 0.5em 1em;
+    border-radius: 0.35em;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    width: 87%;
+    max-width: 87%;
+    outline: none;
+    background-color: rgba(255, 255, 255, 0.6);
+    /*for auto expantion jQuery code*/
+    box-sizing: padding-box;
+    overflow: hidden;
+}
+
+/* -----------------------------------------
+   List item handles : bootstrap glyphicon
+  -----------------------------------------*/
+
+span.handle {
+    position: relative;
+    /* Neccessary for handle in sortable to work*/
+    top: -3em;
+    right: -0.18em;
+    color: #fff;
+    font-size: 1.2em;
+    cursor: move;
+}
+
+/* the remove icon for each item*/
+
+span.remove {
+    top: -50px;
+    right: 0px;
+    margin-right: -22px;
+    font-size: 1.2em;
+    font-weight: 400;
+    color: #fff;
+    border-radius: 100%;
+    cursor: auto;
+}
+span.remove:hover {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+/* Placeholder for sorting items*/
+
+.sort-placeholder {
+    border-radius: 0.35em;
+    background-color: rgba(40, 40, 40, 0.35);
+    width: 85%;
+    height: 2.5em;
+    padding: 0.5em 0.5em;
+    margin-left: 1em;
+}
+
+/* -----------------------------------
+    USER INPUT:
+    Add new items in each field
+   ----------------------------------- */
+
+.user-input {
+    width: 100%;
+    margin-left: 1em;
+    margin-top: 2em;
+    padding-bottom: 1.5em;
+    display: none;
+    /* Shown (slide up and down) by jQuery when adding ideas*/
+}
+
+/*The div containing all the user input things*/
+
+.add_box {
+    /*make room for the absolutely positioned div at the buttom each card
+  always keeping a distance from the buttom of the card (as high as the height of the absolutely positined icon div + some distance)*/
+    padding-bottom: 5.3em;
+}
+
+/*Ad an idea link*/
+
+a.add-idea {
+    color: #fff;
+    margin-left: 1em;
+    margin-top: 2em;
+    padding: 1em 1em 1em 2em;
+    background-image: url('../icons/lamp.svg');
+    background-size: 1.4em;
+    background-position: left;
+    background-repeat: no-repeat;
+}
+
+/*textarea of a new item input*/
+
+textarea.new_item {
+    width: 90%;
+    border: 1px solid #fff;
+    border-radius: 0.35em;
+    outline: none;
+    padding-left: 0.5em;
+    /*for auto expantion jQuery code*/
+    box-sizing: border-box;
+    overflow: hidden;
+}
+
+/*The add button*/
+
+.add_btn {
+    background-color: transparent;
+    color: #fff;
+    padding: 0.25em 1.2em;
+    border: 0.12em solid #fff;
+    border-radius: 0.5em;
+}
+.add_btn:hover {
+    color: #222;
+    border-color: #222;
+}
+textarea.expandable {
+    box-sizing: border-box;
+    /*remove the user resizing for the text fields*/
+    resize: none;
+}
+span.chars {
+    font-size: 1.1em;
+    color: rgba(255, 255, 255, 0.7);
+}
+
+/* ----------------------------------------
+           FIELD ID ICONS
+  -----------------------------------------*/
+
+
+/*  Background images for each field (field icons)*/
+
+.field_01 {
+    background-image: url('../icons/field1.svg');
+}
+.field_02 {
+    background-image: url('../icons/field2.svg');
+}
+.field_03 {
+    background-image: url('../icons/field3.svg');
+}
+.field_04 {
+    background-image: url('../icons/field4.svg');
+}
+.field_05 {
+    background-image: url('../icons/field5.svg');
+}
+.field_06 {
+    background-image: url('../icons/field6.svg');
+}
+.field_07 {
+    background-image: url('../icons/field7.svg');
+}
+.field_08 {
+    background-image: url('../icons/field8.svg');
+}
+.field_09 {
+    background-image: url('../icons/field9.svg');
+}
+.field_10 {
+    background-image: url('../icons/field10.svg');
+}
+.field_11 {
+    background-image: url('../icons/field11.svg');
+}
+.field_12 {
+    background-image: url('../icons/field12.svg');
+}
+
+/*general background options for all fields*/
+
+.field_01, .field_02, .field_03, .field_04, .field_05, .field_06, .field_07, .field_08, .field_09, .field_10, .field_11, .field_12 {
+    /*make the svg images cover the whole width*/
+    background-size: 106%;
+    background-position: 100% 100%;
+    /*background-position:bottom left;*/
+    background-repeat: no-repeat;
+}
+
+/* ---------------------------------
+     FORM Import & Export buttons
+  ----------------------------------- */
+
+.imp-exp-btn {
+    margin-top: 2.5em;
+}
+button.json_exp, button.share_canvas, .pdf_exp {
+    border: none;
+    border-radius: 0.5em;
+    padding: 1em 0;
+    width: 60%;
+    outline: none;
+}
+button.json_exp:hover, button.share_canvas:hover, .pdf_exp:hover {
+    opacity: 0.6;
+}
+button.json_exp {
+    background-color: #aed581;
+    margin: 1em auto 0 auto;
+}
+button.share_canvas {
+    background-color: #a67de0;
+    margin: 0.5em auto 0.4em auto;
+}
+.pdf_exp {
+    background-color: #85ade5;
+    margin: 0.5em auto 0.4em auto;
+}
+
+/*the sign up or login to save link for unregistered users*/
+
+a.login-to-save {
+    display: block;
+    padding: 1em;
+    color: #444;
+    border: none;
+    border-radius: 0.5em;
+    padding: 1em 0;
+    width: 60%;
+    outline: none;
+    margin: 1em auto 0 auto;
+    background-color: #aed581;
+}
+
+/*The save canvas php under the save/export buttons*/
+
+.save-canvas-feedback p {
+    text-align: center;
+    color: #15af97;
+}
+.save-canvas-feedback span {
+    color: #15af97;
+    margin-right: 0.4em;
+}
+.save-canvas-feedback-fail p {
+    text-align: center;
+    color: #37474f;
+}
+.save-canvas-feedback-fail span {
+    color: #37474f;
+    margin-right: 0.4em;
+}
+/*SHARING THE CANVAS*/
+/*share canvas button*/
+.share_canvas{
+
+}
+.share_canvas_email{
+  display:none;
+}
+.share_canvas_email input{
+  width:80%;
+  padding:1em;
+  border-radius:5px;
+  border:1px solid #444;
+
+}
+.share_canvas_email input:focus{
+outline :none;
+}
+/*the send btn*/
+.share_canvas_send{
+  border: none;
+  border-radius: 0.5em;
+  padding: 1em 0;
+  width: 25%;
+  outline: none;
+  background-color:#546e7a;
+  color:#fff;
+}
+/* ------------------------------
+        Footer
+ ------------------------------ */
+
+footer {
+    font-size: 1em;
+    margin-top: 2em;
+    padding: 1.5em;
+    background-color: #37474f;
+    color: white;
+}
+footer .license a {
+    color: #759BCF;
+}
+footer .license {
+    margin: 0.5em auto 1.8em auto;
+}
+footer .contact p {
+    color: #18AE90;
+}
+footer .contact h2 {
+    color: #6bb5b4;
+}
+footer p.ethics-copy.terms, footer p.ethics-copy.privacy {
+    text-decoration: none;
+    padding: 0 0.5em;
+    display: inline-block;
+}
+footer p.cc {
+    margin-top: 2.8em;
+}
+footer p.terms, footer p.privacy {
+    margin: 1.9em auto;
+}
+footer .privacy a {
+    color: #a67de0;
+}
+footer .terms a {
+    color: #aed581;
+}
+
+/*footer license icons */
+
+footer .license-icons ul {
+    list-style-type: none;
+    margin-left: 0;
+    padding-left: 0;
+}
+footer .license-icons li {
+    display: inline-block;
+    margin: 1.2em 0.2em;
+}
+footer .license-icons ul img {
+    width: 3.5em;
+}
+
+/* ------------------------------
+        Masonry Colors (ADAPT)
+ ------------------------------ */
+
+.bg--blue {
+    background-color: #7297ce;
+    background-color: #85ade5;
+}
+.bg--darkblue {
+    background-color: #7986cb;
+    background-color: #8b99e0;
+}
+.bg--green {
+    /*background-color: #94c356;
+    background-color: #9dc963;*/
+    background-color: #aed581;
+}
+.bg--seagreen {
+    /*background-color: #48D1CC;*/
+    background-color: #6bb5b4;
+}
+.bg--purple {
+    /*background-color: #59358c;*/
+    background-color: #a281d1;
+}
+.bg--green1 {
+    /*background-color: #15af97;*/
+    background-color: #29bca4;
+}
+.bg--x {
+    background-color: #ce93d8;
+}
+.bg--mineral {
+    background-color: #607d8b;
+}
+
+/* =================================================
+           MEDIA QUERIES
+ ==================================================*/
+
+
+/* ----------------- 1 COL ------------------  */
+
+@media (max-width: 499px) {
+    .masonry-layout8-5 {
+        column-count: 1;
+        column-gap: 0;
+    }
+    .masonry-layout4 {
+        column-count: 1;
+        column-gap: 0;
+    }
+    /*Adjust the height of culumns to maintain the layout*/
+    .field_01, .field_06, .field_12, .field_08 {
+        min-height: 250px;
+    }
+    .field_05, .field_11, .field_07, .field_02 {
+        min-height: 250px;
+    }
+    .field_03, .field_09, .field_10, .field_04 {
+        min-height: 250px;
+    }
+    /* Form Header */
+    .form-header {
+        width: 100%;
+        padding-bottom: 2em;
+    }
+    .form-header h1 {
+        margin-bottom: 1em;
+    }
+    .form-header label {
+        margin-top: 0.6em;
+        display: block;
+        text-align: left;
+    }
+    .form-header input {
+        width: 95%;
+        display: block;
+    }
+    .form-header p {
+        margin-top: 1.85em;
+    }
+    /*User area button and dropdown menu in the header :
+     only shown when logged in*/
+    .form-header .user-profile {
+        margin-left: 0;
+        width: 95%;
+    }
+    /*The button When the drop down menu is open*/
+    .dropdown button#dropdownMenu1 {
+        width: 100%;
+        margin: auto;
+    }
+    /*Boortstrap dropdown classes*/
+    ul.dropdown-menu {
+        margin-left: 0;
+        width: 100%;
+        margin: auto;
+    }
+}
+
+/* ----------------- 2 COL ------------------  */
+
+@media (min-width: 500px) and (max-width: 934px) {
+    .masonry-layout8-5 {
+        column-count: 2;
+        column-gap: 0;
+    }
+    .masonry-layout4 {
+        column-count: 2;
+        column-gap: 0;
+    }
+    /*Adjust the height of culumns to maintain the layout*/
+    .field_01, .field_06, .field_12, .field_08 {
+        min-height: 460px;
+    }
+    .field_05, .field_11, .field_07, .field_02 {
+        min-height: 460px;
+    }
+    .field_03, .field_09, .field_10, .field_04 {
+        min-height: 460px;
+    }
+    /* Form Header */
+    .form-header {
+        width: 100%;
+    }
+    .form-header h1 {
+        text-align: center;
+    }
+    .form-header label {
+        margin-top: 1.8em;
+        display: block;
+        text-align: center;
+    }
+    .form-header input {
+        width: 50%;
+        display: block;
+        margin: auto;
+    }
+    .form-header p {
+        margin-top: 1.85em;
+    }
+    a.logo img {
+        display: block;
+        width: 40%;
+        margin: auto;
+    }
+    /*User area button and dropdown menu in the header :
+     only shown when logged in*/
+    .form-header .user-profile {
+        margin-left: 0;
+        width: 50%;
+        margin: 2em auto;
+    }
+    /*The button When the drop down menu is open*/
+    .dropdown button#dropdownMenu1 {
+        width: 60%;
+        margin: 0 20%;
+    }
+    /*Boortstrap dropdown classes*/
+    ul.dropdown-menu {
+        margin-left: 0;
+        width: 60%;
+        margin: 0 20%;
+    }
+}
+@media (min-width: 502px)and (max-width: 708px) {
+    /*adjusting textarea heights*/
+    .added_item textarea {
+        height: 8em;
+        /*background-color:orange;*/
+    }
+}
+
+/* ----------------- 4 COL Smaller------------------- */
+
+@media (min-width: 935px) and (max-width: 991px) {
+    .masonry-layout8-5 {
+        column-count: 4;
+        column-gap: 0;
+    }
+    .masonry-layout4 {
+        column-count: 4;
+        column-gap: 0;
+    }
+    /*Adjust the height of culumns to maintain the layout*/
+    .field_01, .field_06, .field_12, .field_08 {
+        min-height: 500px;
+    }
+    .field_05, .field_11, .field_07, .field_02 {
+        min-height: 500px;
+    }
+    .field_03, .field_09, .field_10, .field_04 {
+        min-height: 500px;
+    }
+    /* Form Header */
+    .form-header {
+        width: 100%;
+    }
+    .form-header h1 {
+        text-align: center;
+    }
+    .form-header label {
+        margin-top: 1.8em;
+        display: block;
+        text-align: center;
+    }
+    .form-header input {
+        width: 50%;
+        display: block;
+        margin: auto;
+    }
+    .form-header p {
+        margin-top: 1.85em;
+    }
+    /*User area button and dropdown menu in the header :
+     only shown when logged in*/
+    .form-header .user-profile {
+        margin-left: 0;
+        width: 60%;
+        margin: 2em auto;
+        transition: all 0.4s;
+    }
+    /*The button When the drop down menu is open*/
+    .dropdown button#dropdownMenu1 {
+        width: 62%;
+        margin: 0 18%;
+    }
+    /*Boortstrap dropdown classes*/
+    ul.dropdown-menu {
+        margin-left: 0;
+        width: 62%;
+        margin: 0 18%;
+    }
+}
+@media (min-width: 935px) and (max-width: 1153px) {
+    /*adjusting textarea heights*/
+    .added_item textarea {
+        height: 8.6em;
+        /*background-color:seagreen;*/
+    }
+}
+
+/* ------------   COL 4 Large ----------------  */
+
+@media (min-width: 992px) and (max-width: 1153px) {
+    .masonry-layout8-5 {
+        column-count: 4;
+        column-gap: 0;
+    }
+    .masonry-layout4 {
+        column-count: 4;
+        column-gap: 0;
+    }
+    /*DESKTOP version: HOLDING THE CANVAS DEFAULT LAYOUT FORM*/
+    /*Adjust the height of culumns to maintain the layout*/
+    .field_01, .field_06, .field_12, .field_08 {
+        min-height: 480px;
+    }
+    .field_05, .field_11, .field_07, .field_02 {
+        min-height: 480px;
+    }
+    .field_03, .field_09, .field_10, .field_04 {
+        min-height: 480px;
+    }
+    /* Form Header */
+    .form-header {
+        width: 100%;
+        min-height: 8em;
+    }
+    .form-header h1 {
+        font-size: 1.7em;
+    }
+    .form-header label {
+        margin-top: 1.8em;
+        display: block;
+        text-align: left;
+    }
+    .form-header input {
+        width: 100%;
+        display: block;
+    }
+    .form-header p {
+        margin-top: 2em;
+    }
+}
+@media (min-width: 1052px) and (max-width: 1152px) {
+    /*adjusting textarea heights*/
+    .added_item textarea {
+        height: 6.5em;
+        /*background-color:khaki;*/
+    }
+    .new_item {}
+}
+
+/* --------------- 5 COL -----------------  */
+
+@media (min-width: 1154px) and (max-width: 1650px) {
+    /*DESKTOP version: HOLDING THE CANVAS DEFAULT LAYOUT FORM*/
+    /*Adjust the height of culumns to maintain the layout*/
+    .field_01, .field_02 {
+        min-height: 894px;
+    }
+    .field_05, .field_07, .field_11 {
+        min-height: 405px;
+    }
+    .field_06, .field_08, .field_12 {
+        min-height: 478px;
+    }
+    .field_03, .field_09, .field_10, .field_04 {
+        min-height: 390px;
+    }
+}
+@media (min-width: 1154px)and (max-width: 1702px) {
+    /*adjusting textarea heights*/
+    .added_item textarea {
+        height: 8.5em;
+        /*background-color:#535353;*/
+    }
+    .new_item {}
+}
+
+/* ----------------------------------------- */
+
+@media (min-width: 1651px) {
+    /*DESKTOP version: HOLDING THE CANVAS DEFAULT LAYOUT FORM*/
+    /*Adjust the height of culumns to maintain the layout*/
+    .field_01, .field_02 {
+        min-height: 765px;
+    }
+    .field_05, .field_07, .field_11 {
+        min-height: 365px;
+    }
+    .field_06, .field_08, .field_12 {
+        min-height: 390px;
+    }
+    .field_03, .field_09, .field_10, .field_04 {
+        min-height: 340px;
+    }
+}

canvas/1.7/favicons/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

canvas/1.7/favicons/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

canvas/1.7/icons/field1.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field1</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field1" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
+            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <g id="person" transform="translate(253.000000, 78.500000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
+                <path d="M131.761531,86.9772414 C123.457277,104.448436 105.344522,119.061513 87.7812642,119.061513 C66.337192,119.061513 50.7589872,104.619164 42.4547325,87.1542929 C-5.83907633,110.183642 0.246589235,168.46522 0.246589235,168.46522 C0.246589235,176.445186 7.07407408,177.602345 15.0967122,177.602345 L87.7743955,177.602345 L160.34218,177.602345 C168.378555,177.602345 175.226646,176.438863 175.226646,168.46522 C175.233515,168.46522 180.048471,110.012913 131.761531,86.9772414 L131.761531,86.9772414 Z" id="Shape"></path>
+                <path d="M130.587423,46.4208993 C130.587423,20.781986 110.719192,0 86.2076154,0 C61.6960385,0 41.8208462,20.781986 41.8208462,46.4208993 C41.8208462,72.0598127 62.0719615,103.078897 86.5905,103.078897 C111.102077,103.078897 130.587423,72.0536569 130.587423,46.4208993 Z" id="Shape"></path>
+            </g>
+            <path d="M2338.87012,257 L2308.77246,257 L2308.77246,160.642578 C2308.77246,150.160755 2309.29654,138.106839 2310.34473,124.480469 C2309.82064,125.22917 2307.89276,127.512676 2304.56104,131.331055 C2301.22931,135.149433 2294.73442,141.999951 2285.07617,151.882812 L2268.00586,133.240234 L2311.69238,92.8105469 L2338.87012,92.8105469 L2338.87012,257 Z" id="1" opacity="0.350746269" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/field10.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field10</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field10" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
+            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <path d="M314.940377,273.356199 L342.769214,273.356199 L342.769214,174.579584 L314.940377,202.410702 L314.940377,273.356199 L314.940377,273.356199 Z M276.678256,240.652272 L276.678256,273.356199 L304.511493,273.356199 L304.511493,212.830827 L285.290896,232.04417 L276.678256,240.652272 L276.678256,240.652272 Z M353.197218,273.338171 L381.029575,273.338171 L381.029575,196.985624 L353.197218,169.171654 L353.197218,273.338171 L353.197218,273.338171 Z M391.459339,200.231085 L391.459339,273.356199 L419.290375,273.356199 L419.290375,172.408322 L397.472127,194.228674 L391.459339,200.231085 L391.459339,200.231085 Z M429.735979,273.356199 L457.549856,273.356199 L457.549856,134.172468 L429.735979,161.987756 L429.735979,273.356199 L429.735979,273.356199 Z M418.665602,77.6193899 L437.12107,96.0777595 L437.228426,96.1859269 L387.881848,145.519051 L350.687123,108.358716 L256,202.998148 L275.682577,222.653394 L350.688443,147.689434 L387.883168,184.84977 L456.909683,115.854804 L475.275396,134.208084 L481.270585,71.6438011 L418.665602,77.6193899 L418.665602,77.6193899 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
+            <path d="M2290.87012,262 L2260.77246,262 L2260.77246,165.642578 C2260.77246,155.160755 2261.29654,143.106839 2262.34473,129.480469 C2261.82064,130.22917 2259.89276,132.512676 2256.56104,136.331055 C2253.22931,140.149433 2246.73442,146.999951 2237.07617,156.882812 L2220.00586,138.240234 L2263.69238,97.8105469 L2290.87012,97.8105469 L2290.87012,262 Z M2413.61914,179.905273 C2413.61914,209.628729 2410.04414,231.116145 2402.89404,244.368164 C2395.74394,257.620183 2384.23283,264.246094 2368.36035,264.246094 C2352.48788,264.246094 2341.08906,257.582749 2334.16357,244.255859 C2327.23808,230.92897 2323.77539,209.478989 2323.77539,179.905273 C2323.77539,150.256688 2327.40654,128.731838 2334.66895,115.330078 C2341.93135,101.928318 2353.31145,95.2275391 2368.80957,95.2275391 C2384.60718,95.2275391 2396.0247,101.77858 2403.0625,114.880859 C2410.1003,127.983138 2413.61914,149.657726 2413.61914,179.905273 L2413.61914,179.905273 Z M2354.32227,179.905273 C2354.32227,202.890414 2355.31428,218.369589 2357.29834,226.343262 C2359.2824,234.316934 2363.04457,238.303711 2368.58496,238.303711 C2372.32847,238.303711 2375.22964,236.581723 2377.28857,233.137695 C2379.3475,229.693668 2380.82617,223.984903 2381.72461,216.01123 C2382.62305,208.037558 2383.07227,196.002359 2383.07227,179.905273 C2383.07227,157.294483 2382.0241,141.87146 2379.92773,133.635742 C2377.83137,125.400024 2374.05048,121.282227 2368.58496,121.282227 C2363.04457,121.282227 2359.2824,125.381307 2357.29834,133.57959 C2355.31428,141.777873 2354.32227,157.219613 2354.32227,179.905273 L2354.32227,179.905273 Z" id="10" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/field2.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field2</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field2" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
+            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <g id="Group" transform="translate(186.000000, 70.000000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
+                <g transform="translate(59.625000, 0.000000)" id="Shape">
+                    <path d="M165.530357,158.750865 C157.580357,155.984429 144.590625,155.133218 138.912054,152.934256 C134.937054,151.373702 128.619643,149.742215 126.632143,147.259516 C124.573661,144.847751 124.573661,127.32699 124.573661,127.32699 C124.573661,127.32699 129.542411,122.716263 131.600893,117.538062 C133.659375,112.359862 135.008036,98.3148789 135.008036,98.3148789 C135.008036,98.3148789 135.433929,98.4567474 136.072768,98.4567474 C137.563393,98.4567474 140.260714,97.4636678 141.538393,90.9377163 C143.1,82.9221453 146.08125,78.7370242 145.300446,72.849481 C144.732589,68.8771626 143.029018,68.2387543 142.035268,68.2387543 C141.538393,68.2387543 141.183482,68.3806228 141.183482,68.3806228 C141.183482,68.3806228 145.229464,62.4221453 145.229464,42.1349481 C145.229464,21.2802768 129.116518,0.709342561 99.375,0.638408304 C69.5625,0.709342561 53.5205357,21.2802768 53.5205357,42.1349481 C53.5205357,62.3512111 57.5665179,68.3806228 57.5665179,68.3806228 C57.5665179,68.3806228 57.2116071,68.2387543 56.7147321,68.2387543 C55.65,68.2387543 53.9464286,68.8771626 53.4495536,72.849481 C52.66875,78.7370242 55.5790179,82.9930796 57.2116071,90.9377163 C58.4892857,97.4636678 61.1866071,98.4567474 62.6772321,98.4567474 C63.3160714,98.4567474 63.7419643,98.3148789 63.7419643,98.3148789 C63.7419643,98.3148789 65.090625,112.430796 67.1491071,117.538062 C69.2075893,122.716263 74.1763393,127.32699 74.1763393,127.32699 C74.1763393,127.32699 74.1763393,144.847751 72.1178571,147.259516 C70.059375,149.67128 63.8129464,151.373702 59.8379464,152.934256 C54.159375,155.133218 41.1696429,155.984429 33.2196429,158.750865 C25.2696429,161.517301 0.709821429,173.079585 0.709821429,205 L198.040179,205 C198.040179,173.079585 173.551339,161.517301 165.530357,158.750865 L165.530357,158.750865 Z"></path>
+                </g>
+                <path d="M79.5709821,149.67128 C85.959375,146.479239 92.2058036,146.479239 97.0325893,145.84083 C97.0325893,145.84083 99.7299107,141.442907 90.8571429,139.882353 C90.8571429,139.882353 78.7191964,136.83218 77.2995536,135.129758 C75.8799107,133.427336 76.7316964,123.99308 76.7316964,123.99308 C76.7316964,123.99308 93.6964286,123.425606 100.439732,117.467128 C89.4375,101.010381 95.3290179,81.7871972 93.0575893,63.8408304 C90.8571429,45.9653979 80.1388393,34.7577855 59.625,34.7577855 C59.5540179,34.7577855 59.625,34.7577855 58.9151786,34.7577855 L58.9151786,34.7577855 C39.0401786,34.7577855 28.81875,45.9653979 26.5473214,63.9117647 C24.2758929,81.8581315 30.80625,103.209343 19.5200893,117.608997 C25.8375,123.212803 41.4535714,123.49654 43.228125,123.49654 L43.3700893,123.49654 L43.4410714,123.425606 C43.4410714,123.425606 44.1508929,133.49827 42.73125,135.200692 C41.3116071,136.903114 37.1236607,138.463668 34.284375,139.102076 C28.0379464,140.449827 21.4366071,142.648789 15.9709821,144.564014 C10.5053571,146.408304 0,157.474048 0,170.951557 L56.9276786,170.951557 C58.4892857,165.276817 69.2075893,154.920415 79.5709821,149.67128 L79.5709821,149.67128 Z" id="Shape"></path>
+                <path d="M261.072321,170.951557 L318,170.951557 C318,157.474048 307.494643,146.408304 302.029018,144.49308 C296.563393,142.577855 289.891071,140.378893 283.715625,139.031142 C280.805357,138.392734 276.688393,136.83218 275.26875,135.129758 C273.849107,133.427336 274.558929,123.354671 274.558929,123.354671 L274.629911,123.425606 L274.771875,123.425606 C276.546429,123.425606 292.233482,123.212803 298.550893,117.538062 C287.264732,103.138408 293.724107,81.7871972 291.452679,63.8408304 C289.18125,45.9653979 278.959821,34.7577855 259.084821,34.7577855 L259.084821,34.7577855 L258.375,34.7577855 C237.861161,34.7577855 227.071875,45.9653979 224.871429,63.9117647 C222.6,81.8581315 228.491518,101.081315 217.489286,117.538062 C224.232589,123.49654 241.197321,124.064014 241.197321,124.064014 C241.197321,124.064014 242.049107,133.49827 240.629464,135.200692 C239.209821,136.903114 227.071875,139.953287 227.071875,139.953287 C218.199107,141.513841 220.896429,145.911765 220.896429,145.911765 C225.723214,146.550173 232.040625,146.550173 238.358036,149.742215 C248.792411,154.920415 259.510714,165.276817 261.072321,170.951557 L261.072321,170.951557 Z" id="Shape"></path>
+            </g>
+            <path d="M2353.06585,268 L2265.2854,268 L2265.2854,245.271134 L2294.39626,204.068066 C2302.38313,192.722237 2307.86935,184.306296 2310.8551,178.819991 C2313.84084,173.333685 2316.04279,168.071389 2317.46102,163.032946 C2318.87925,157.994502 2319.58836,152.788188 2319.58836,147.413848 C2319.58836,141.143784 2318.18881,136.441307 2315.38967,133.306276 C2312.59054,130.171244 2308.95172,128.603752 2304.4731,128.603752 C2300.51699,128.603752 2296.82219,129.648747 2293.38858,131.738768 C2289.95497,133.828789 2285.77499,137.598235 2280.84851,143.047218 L2263.82986,125.132841 C2271.66744,116.250251 2278.94508,110.166888 2285.663,106.882569 C2292.38093,103.59825 2299.65857,101.956115 2307.49615,101.956115 C2320.70807,101.956115 2331.02739,105.837525 2338.45443,113.600461 C2345.88147,121.363396 2349.59494,132.149237 2349.59494,145.958305 C2349.59494,152.228368 2348.92316,158.162446 2347.57957,163.760717 C2346.23599,169.358988 2344.20198,174.975836 2341.47749,180.611428 C2338.75299,186.247021 2335.3381,192.106457 2331.2327,198.189911 C2327.1273,204.273365 2316.52807,218.212851 2299.43468,240.008785 L2299.43468,240.904504 L2353.06585,240.904504 L2353.06585,268 Z" id="2" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/field3.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field3</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field3" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
+            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <g id="shopping-cart" transform="translate(243.000000, 60.000000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
+                <path d="M67.5,180 C55.125,180 45,190.125 45,202.5 C45,214.875 55.125,225 67.5,225 C79.875,225 90,214.875 90,202.5 C90,190.125 79.875,180 67.5,180 L67.5,180 L67.5,180 Z M0,0 L0,22.5 L22.5,22.5 L63,108 L47.25,135 C46.125,138.375 45,142.875 45,146.25 C45,158.625 55.125,168.75 67.5,168.75 L202.5,168.75 L202.5,146.25 L72,146.25 C70.875,146.25 69.75,145.125 69.75,144 L69.75,142.875 L79.875,123.75 L163.125,123.75 C172.125,123.75 178.875,119.25 182.25,112.5 L222.75,39.375 C225,37.125 225,36 225,33.75 C225,27 220.5,22.5 213.75,22.5 L47.25,22.5 L37.125,0 L0,0 L0,0 Z M180,180 C167.625,180 157.5,190.125 157.5,202.5 C157.5,214.875 167.625,225 180,225 C192.375,225 202.5,214.875 202.5,202.5 C202.5,190.125 192.375,180 180,180 L180,180 L180,180 Z" id="Shape"></path>
+            </g>
+            <path d="M2372.10059,134.758789 C2372.10059,145.090872 2369.55504,153.756964 2364.46387,160.757324 C2359.3727,167.757685 2352.18527,172.605455 2342.90137,175.300781 L2342.90137,176.199219 C2353.23345,177.846362 2361.22572,181.889291 2366.87842,188.328125 C2372.53112,194.766959 2375.35742,203.526637 2375.35742,214.607422 C2375.35742,229.731195 2370.65939,241.785111 2361.26318,250.769531 C2351.86698,259.753951 2339.00822,264.246094 2322.68652,264.246094 C2308.16171,264.246094 2295.95806,261.663112 2286.0752,256.49707 L2286.0752,229.094727 C2291.01663,232.089533 2296.36976,234.447908 2302.13477,236.169922 C2307.89977,237.891936 2313.44008,238.75293 2318.75586,238.75293 C2327.4408,238.75293 2333.99184,236.750183 2338.40918,232.744629 C2342.82652,228.739075 2345.03516,222.393924 2345.03516,213.708984 C2345.03516,197.312418 2334.96527,189.114258 2314.8252,189.114258 L2305.50391,189.114258 L2305.50391,166.316406 L2314.37598,166.316406 C2323.28553,166.316406 2330.11733,164.220073 2334.87158,160.027344 C2339.62584,155.834614 2342.00293,149.583049 2342.00293,141.272461 C2342.00293,134.758756 2340.48683,129.836117 2337.45459,126.504395 C2334.42235,123.172672 2330.1361,121.506836 2324.5957,121.506836 C2316.13537,121.506836 2307.89978,125.10055 2299.88867,132.288086 L2286.0752,112.073242 C2297.15598,100.992458 2311.11906,95.4521484 2327.96484,95.4521484 C2341.81582,95.4521484 2352.6344,98.9522762 2360.4209,105.952637 C2368.2074,112.952997 2372.10059,122.554952 2372.10059,134.758789 L2372.10059,134.758789 Z" id="3" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/field5.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field5</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field5" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
+            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <path d="M397.7,55 L275.3,55 C266.858225,55 260,61.8638281 260,70.3125 L260,284.6875 C260,293.151245 266.858225,300 275.3,300 L397.7,300 C406.156836,300 413,293.151245 413,284.6875 L413,70.3125 C413,61.8638281 406.156836,55 397.7,55 L397.7,55 Z M328.85,70.3125 L344.15,70.3125 C348.363477,70.3125 351.8,73.7444141 351.8,77.96875 C351.8,82.1930859 348.363477,85.625 344.15,85.625 L328.85,85.625 C324.629113,85.625 321.2,82.1930859 321.2,77.96875 C321.2,73.7444141 324.629113,70.3125 328.85,70.3125 L328.85,70.3125 Z M344.15,284.6875 L328.85,284.6875 C324.629113,284.6875 321.2,281.248169 321.2,277.03125 C321.2,272.814331 324.629113,269.375 328.85,269.375 L344.15,269.375 C348.363477,269.375 351.8,272.814331 351.8,277.03125 C351.8,281.248169 348.363477,284.6875 344.15,284.6875 L344.15,284.6875 Z M397.7,254.0625 L275.3,254.0625 L275.3,100.9375 L397.7,100.9375 L397.7,254.0625 L397.7,254.0625 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
+            <path d="M2313.15234,166.241211 C2325.50592,166.241211 2335.33248,170.546181 2342.63232,179.15625 C2349.93217,187.766319 2353.58203,199.558193 2353.58203,214.532227 C2353.58203,232.426196 2349.03374,246.351838 2339.93701,256.30957 C2330.84029,266.267302 2318.20614,271.246094 2302.03418,271.246094 C2287.65911,271.246094 2276.01697,268.513374 2267.10742,263.047852 L2267.10742,234.522461 C2270.9258,237.292657 2275.84844,239.744618 2281.87549,241.878418 C2287.90254,244.012218 2293.499,245.079102 2298.66504,245.079102 C2314.76212,245.079102 2322.81055,235.720471 2322.81055,217.00293 C2322.81055,199.558181 2314.98673,190.835938 2299.33887,190.835938 C2293.12464,190.835938 2286.53617,192.033842 2279.57324,194.429688 L2269.69043,187.129883 L2274.74414,104.810547 L2344.82227,104.810547 L2344.82227,132.100586 L2300.91113,132.100586 L2298.66504,167.588867 C2302.85777,166.690425 2307.68682,166.241211 2313.15234,166.241211 L2313.15234,166.241211 Z" id="5" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/field7.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field7</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field7" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
+            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <path d="M352.838513,264.5 C459.393796,180.767406 455.383336,150.996174 455.383336,127.775883 C455.383336,104.555592 436.163625,76.5 404.107453,76.5 C372.051281,76.5 352.838513,110.686236 352.838513,110.686236 C352.838513,110.686236 333.626012,76.5 301.569573,76.5 C269.513134,76.5 250.29369,104.555592 250.29369,127.775883 C250.29369,150.996174 246.28323,180.767406 352.838513,264.5 L352.838513,264.5 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
+            <path d="M2299.21484,260 L2345.25977,123.100586 L2287.98438,123.100586 L2287.98438,96.0351562 L2376.03125,96.0351562 L2376.03125,116.699219 L2330.77246,260 L2299.21484,260 Z" id="7" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/field9.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field9</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field9" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
+            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <path d="M464.796969,246.533901 L372.548785,85.0996828 C370.150424,80.9026036 365.687094,78.3125 360.853118,78.3125 C356.019141,78.3125 351.555812,80.9026036 349.157661,85.0996828 L256.909476,246.533901 C254.527111,250.703197 254.54416,255.825103 256.954308,259.978193 C259.364455,264.131283 263.802949,266.6875 268.604933,266.6875 L453.101302,266.6875 C457.903076,266.6875 462.34178,264.131283 464.751928,259.978193 C467.162075,255.825103 467.179334,250.703197 464.796969,246.533901 L464.796969,246.533901 Z M374.323509,239.746718 L347.382727,239.746718 L347.382727,212.805936 L374.323509,212.805936 L374.323509,239.746718 L374.323509,239.746718 Z M374.323509,199.335545 L347.382727,199.335545 L347.382727,145.45398 L374.323509,145.45398 L374.323509,199.335545 L374.323509,199.335545 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
+            <path d="M2376.48047,169.348633 C2376.48047,232.613923 2355.32996,264.246094 2313.02832,264.246094 C2305.99052,264.246094 2300.15074,263.647141 2295.50879,262.449219 L2295.50879,236.731445 C2300.59996,238.378589 2305.35414,239.202148 2309.77148,239.202148 C2322.2748,239.202148 2331.76445,234.859744 2338.24072,226.174805 C2344.71699,217.489865 2348.29199,203.826265 2348.96582,185.183594 L2347.95508,185.183594 C2345.55923,191.098337 2342.13397,195.7215 2337.6792,199.053223 C2333.22442,202.384945 2327.92744,204.050781 2321.78809,204.050781 C2310.63243,204.050781 2301.98506,199.48377 2295.8457,190.349609 C2289.70635,181.215449 2286.63672,168.674884 2286.63672,152.727539 C2286.63672,135.20792 2290.66093,121.319713 2298.70947,111.0625 C2306.75802,100.805287 2317.52044,95.6767578 2330.99707,95.6767578 C2345.67162,95.6767578 2356.9207,102.003192 2364.74463,114.65625 C2372.56856,127.309308 2376.48047,145.53992 2376.48047,169.348633 L2376.48047,169.348633 Z M2331.22168,121.731445 C2326.72947,121.731445 2323.15447,124.164689 2320.49658,129.03125 C2317.83869,133.897811 2316.50977,141.571888 2316.50977,152.053711 C2316.50977,160.66378 2317.67024,167.383277 2319.99121,172.212402 C2322.31219,177.041528 2325.83103,179.456055 2330.54785,179.456055 C2334.81545,179.456055 2338.52147,177.004094 2341.66602,172.100098 C2344.81056,167.196102 2346.38281,161.599641 2346.38281,155.310547 C2346.38281,145.577425 2344.99774,137.54772 2342.22754,131.221191 C2339.45734,124.894662 2335.78876,121.731445 2331.22168,121.731445 L2331.22168,121.731445 Z" id="9" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/logo-black-text.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="4177px" height="1254px" viewBox="0 0 4177 1254" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>OEC Logo</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path id="path-1" d="M0,8.43686713 L4176.26801,8.43686713 L4176.26801,1261.47049 L0,1261.47049"></path>
+        <path id="path-3" d="M0,0.436867133 L4176.26801,0.436867133 L4176.26801,1253.47049 L0,1253.47049 L0,0.436867133 Z"></path>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="OEC-Logo" sketch:type="MSLayerGroup" transform="translate(0.000000, -8.000000)">
+            <path d="M0,790.294406 C0,807.397594 13.870538,821.261944 30.9901899,821.261944 L338.455253,821.261944 C355.557247,821.261944 369.436614,807.397594 369.436614,790.294406 L369.436614,46.3939441 C369.436614,29.2907552 355.557247,15.4175804 338.455253,15.4175804 L30.9901899,15.4175804 C13.870538,15.4175804 0,29.2907552 0,46.3939441 L0,790.294406" id="Fill-1" fill="#735FA7" sketch:type="MSShapeGroup"></path>
+            <path d="M436.776266,353.713007 C436.776266,370.825021 450.646804,384.689371 467.748797,384.689371 L775.213861,384.689371 C792.333513,384.689371 806.204051,370.825021 806.204051,353.713007 L806.204051,46.3939441 C806.204051,29.2907552 792.333513,15.4175804 775.213861,15.4175804 L467.748797,15.4175804 C450.646804,15.4175804 436.776266,29.2907552 436.776266,46.3939441 L436.776266,353.713007" id="Fill-2" fill="#6589B9" sketch:type="MSShapeGroup"></path>
+            <path d="M0,1226.86698 C0,1243.98782 13.870538,1257.84334 30.9901899,1257.84334 L447.59193,1257.84334 C464.711582,1257.84334 478.573291,1243.98782 478.573291,1226.86698 L478.573291,919.556741 C478.573291,902.435902 464.711582,888.580378 447.59193,888.580378 L30.9901899,888.580378 C13.870538,888.580378 0,902.435902 0,919.556741 L0,1226.86698" id="Fill-3" fill="#65ADA8" sketch:type="MSShapeGroup"></path>
+            <path d="M546.001234,1226.86698 C546.001234,1243.98782 559.880601,1257.84334 576.982595,1257.84334 L993.601994,1257.84334 C1010.71282,1257.84334 1024.58335,1243.98782 1024.58335,1226.86698 L1024.58335,919.556741 C1024.58335,902.435902 1010.71282,888.580378 993.601994,888.580378 L576.982595,888.580378 C559.880601,888.580378 546.001234,902.435902 546.001234,919.556741 L546.001234,1226.86698" id="Fill-4" fill="#6589B9" sketch:type="MSShapeGroup"></path>
+            <path d="M1092.0113,1226.86698 C1092.0113,1243.98782 1105.88184,1257.84334 1123.00149,1257.84334 L1539.60323,1257.84334 C1556.72288,1257.84334 1570.59342,1243.98782 1570.59342,1226.86698 L1570.59342,919.556741 C1570.59342,902.435902 1556.72288,888.580378 1539.60323,888.580378 L1123.00149,888.580378 C1105.88184,888.580378 1092.0113,902.435902 1092.0113,919.556741 L1092.0113,1226.86698" id="Fill-5" fill="#80BF63" sketch:type="MSShapeGroup"></path>
+            <path d="M1638.01253,1226.86698 C1638.01253,1243.98782 1651.8919,1257.84334 1669.00272,1257.84334 L2085.61329,1257.84334 C2102.73294,1257.84334 2116.59465,1243.98782 2116.59465,1226.86698 L2116.59465,919.556741 C2116.59465,902.435902 2102.73294,888.580378 2085.61329,888.580378 L1669.00272,888.580378 C1651.8919,888.580378 1638.01253,902.435902 1638.01253,919.556741 L1638.01253,1226.86698" id="Fill-6" fill="#17AE90" sketch:type="MSShapeGroup"></path>
+            <path d="M436.776266,790.294406 C436.776266,807.397594 450.646804,821.261944 467.748797,821.261944 L775.213861,821.261944 C792.333513,821.261944 806.204051,807.397594 806.204051,790.294406 L806.204051,482.966517 C806.204051,465.880979 792.333513,451.998979 775.213861,451.998979 L467.748797,451.998979 C450.646804,451.998979 436.776266,465.880979 436.776266,482.966517 L436.776266,790.294406" id="Fill-7" fill="#80BF63" sketch:type="MSShapeGroup"></path>
+            <path d="M873.543703,353.713007 C873.543703,370.825021 887.414241,384.689371 904.533892,384.689371 L1211.99013,384.689371 C1229.10095,384.689371 1242.98032,370.825021 1242.98032,353.713007 L1242.98032,46.3939441 C1242.98032,29.2907552 1229.10095,15.4175804 1211.99013,15.4175804 L904.533892,15.4175804 C887.414241,15.4175804 873.543703,29.2907552 873.543703,46.3939441 L873.543703,353.713007" id="Fill-8" fill="#17AE90" sketch:type="MSShapeGroup"></path>
+            <path d="M873.543703,790.294406 C873.543703,807.397594 887.414241,821.261944 904.533892,821.261944 L1211.99013,821.261944 C1229.10095,821.261944 1242.98032,807.397594 1242.98032,790.294406 L1242.98032,482.966517 C1242.98032,465.880979 1229.10095,451.998979 1211.99013,451.998979 L904.533892,451.998979 C887.414241,451.998979 873.543703,465.880979 873.543703,482.966517 L873.543703,790.294406" id="Fill-9" fill="#735FA7" sketch:type="MSShapeGroup"></path>
+            <path d="M1310.31997,353.713007 C1310.31997,370.825021 1324.18168,384.689371 1341.30133,384.689371 L1648.77522,384.689371 C1665.87722,384.689371 1679.74775,370.825021 1679.74775,353.713007 L1679.74775,46.3939441 C1679.74775,29.2907552 1665.87722,15.4175804 1648.77522,15.4175804 L1341.30133,15.4175804 C1324.18168,15.4175804 1310.31997,29.2907552 1310.31997,46.3939441 L1310.31997,353.713007" id="Fill-10" fill="#80BF63" sketch:type="MSShapeGroup"></path>
+            <path d="M1310.31997,790.294406 C1310.31997,807.397594 1324.18168,821.261944 1341.30133,821.261944 L1648.77522,821.261944 C1665.87722,821.261944 1679.74775,807.397594 1679.74775,790.294406 L1679.74775,482.966517 C1679.74775,465.880979 1665.87722,451.998979 1648.77522,451.998979 L1341.30133,451.998979 C1324.18168,451.998979 1310.31997,465.880979 1310.31997,482.966517 L1310.31997,790.294406" id="Fill-11" fill="#65ADA8" sketch:type="MSShapeGroup"></path>
+            <path d="M1747.08741,790.294406 C1747.08741,807.397594 1760.95794,821.261944 1778.06877,821.261944 L2085.53383,821.261944 C2102.65348,821.261944 2116.52402,807.397594 2116.52402,790.294406 L2116.52402,46.3939441 C2116.52402,29.2907552 2102.65348,15.4175804 2085.53383,15.4175804 L1778.06877,15.4175804 C1760.95794,15.4175804 1747.08741,29.2907552 1747.08741,46.3939441 L1747.08741,790.294406" id="Fill-12" fill="#735FA7" sketch:type="MSShapeGroup"></path>
+            <path d="M2534.76797,721.802224 C2534.76797,729.074168 2539.50038,731.924699 2546.46655,731.924699 L2659.73525,731.924699 C2667.96399,731.924699 2672.38737,737.616937 2672.38737,745.506643 C2672.38737,753.096294 2667.96399,759.45042 2659.73525,759.45042 L2537.28427,759.45042 C2514.81418,759.45042 2505.04035,749.628 2505.04035,725.597049 L2505.04035,547.231441 C2505.04035,522.882783 2514.81418,513.095664 2537.28427,513.095664 L2656.89228,513.095664 C2665.09453,513.095664 2669.51791,518.770252 2669.51791,526.677608 C2669.51791,534.57614 2665.09453,540.603734 2656.89228,540.603734 L2545.51301,540.603734 C2537.93763,540.603734 2534.76797,544.072028 2534.76797,551.661678 L2534.76797,617.126825 L2642.64209,617.126825 C2650.55297,617.126825 2654.9587,622.810238 2654.9587,630.72642 C2654.9587,637.998364 2650.2263,644.008308 2642.64209,644.008308 L2534.76797,644.008308 L2534.76797,721.802224" id="Fill-13" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <path d="M2777.33022,540.912615 C2769.40168,540.912615 2764.99595,534.57614 2764.99595,527.313021 C2764.99595,519.723371 2769.40168,513.095664 2776.98589,513.095664 L2951.34323,513.095664 C2958.93627,513.095664 2963.34199,519.723371 2963.34199,527.313021 C2963.34199,534.57614 2958.59193,540.912615 2951.34323,540.912615 L2879.50073,540.912615 L2879.50073,748.357175 C2879.50073,756.908769 2872.87006,761.339007 2864.30582,761.339007 C2855.79456,761.339007 2849.12858,756.908769 2849.12858,748.357175 L2849.12858,540.912615 L2777.33022,540.912615" id="Fill-14" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <path d="M3226.26418,524.162434 C3226.26418,515.284308 3232.93016,511.189427 3242.11244,511.189427 C3250.33234,511.189427 3256.65399,515.284308 3256.65399,524.162434 L3256.65399,748.357175 C3256.65399,756.908769 3250.33234,761.339007 3242.11244,761.339007 C3232.93016,761.339007 3226.26418,756.908769 3226.26418,748.357175 L3226.26418,643.699427 L3091.47892,643.699427 L3091.47892,748.357175 C3091.47892,756.908769 3084.86592,761.339007 3076.32816,761.339007 C3067.46373,761.339007 3061.13326,756.908769 3061.13326,748.357175 L3061.13326,524.162434 C3061.13326,515.284308 3067.46373,511.189427 3076.32816,511.189427 C3084.86592,511.189427 3091.47892,515.284308 3091.47892,524.162434 L3091.47892,616.173706 L3226.26418,616.173706 L3226.26418,524.162434" id="Fill-15" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <path d="M3397.7344,524.162434 C3397.7344,515.284308 3404.05604,511.189427 3412.60263,511.189427 C3421.44057,511.189427 3428.09772,515.284308 3428.09772,524.162434 L3428.09772,748.357175 C3428.09772,756.908769 3421.44057,761.339007 3412.60263,761.339007 C3404.05604,761.339007 3397.7344,756.908769 3397.7344,748.357175 L3397.7344,524.162434" id="Fill-16" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <path d="M3751.77304,565.261273 C3752.69127,567.476392 3753.01794,569.69151 3753.01794,571.588923 C3753.01794,578.225455 3747.97652,582.646867 3743.19997,584.244224 C3740.70133,585.188517 3738.14089,585.515049 3735.63342,585.515049 C3730.22117,585.515049 3725.17975,583.291105 3722.33677,577.281161 C3712.83665,554.503385 3697.0237,535.85579 3660.95677,535.85579 C3613.49146,535.85579 3582.18342,574.121748 3582.18342,636.409832 C3582.18342,697.453566 3613.49146,736.663818 3660.95677,736.663818 C3698.91313,736.663818 3716.95101,713.886042 3725.17975,688.584266 C3727.72253,681.638853 3733.39965,678.788322 3739.42111,678.788322 C3741.31054,678.788322 3743.52665,679.114853 3745.74275,679.732615 C3751.11085,681.021091 3756.81446,685.733734 3756.81446,692.396741 C3756.81446,694.285329 3756.50544,695.865035 3755.86975,697.762448 C3744.78038,729.074168 3718.18709,764.489594 3661.89266,764.489594 C3593.87316,764.489594 3550.53104,714.839161 3550.53104,636.109776 C3550.53104,559.242503 3593.87316,508.33007 3659.65889,508.33007 C3715.37943,508.33007 3740.37465,537.417846 3751.77304,565.261273" id="Fill-17" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <g id="Group-21">
+                <mask id="mask-2" sketch:name="Clip 19" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-19"></g>
+                <path d="M3964.74892,619.977357 C4014.12133,630.399888 4041.00598,647.16772 4041.00598,693.005678 C4041.00598,733.804462 4009.67146,764.489594 3953.05035,764.489594 C3880.92532,764.489594 3866.05709,727.16793 3858.45522,701.557273 C3858.12854,699.977566 3857.8107,698.706741 3857.8107,697.453566 C3857.8107,690.490503 3863.18763,685.733734 3869.85361,684.154028 C3871.75187,683.845147 3873.31462,683.545091 3875.20405,683.545091 C3881.22551,683.545091 3887.21165,686.386797 3889.15405,693.005678 C3894.82234,714.221399 3905.27601,737.925818 3951.46111,737.925818 C3987.5457,737.925818 4010.01579,720.540224 4010.01579,693.33221 C4010.01579,667.412671 3995.7656,656.028196 3958.41845,648.438545 L3933.11421,643.055189 C3885.64006,633.25042 3864.15,615.220587 3864.15,573.804042 C3864.15,540.603734 3888.82737,508.33007 3948.30028,508.33007 C4005.26573,508.33007 4024.85753,538.697497 4031.8237,561.466448 C4032.44174,563.046154 4032.76842,564.62586 4032.76842,566.205566 C4032.76842,572.859748 4027.39149,577.590042 4021.10516,578.852042 C4019.48943,579.178573 4017.6,579.487455 4015.67525,579.487455 C4010.01579,579.487455 4004.29453,576.963455 4001.79589,570.318098 C3996.72797,552.305916 3983.40484,534.57614 3948.30028,534.57614 C3911.60649,534.57614 3894.82234,552.914853 3894.82234,573.804042 C3894.82234,596.564168 3905.91171,608.26635 3941.33411,615.220587 L3964.74892,619.977357" id="Fill-18" fill="#1A1918" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
+                <path d="M2695.79335,1062.7805 C2696.75573,1064.97797 2697.07358,1067.21074 2697.07358,1069.09933 C2697.07358,1075.74469 2691.99684,1080.15727 2687.24677,1081.75463 C2684.72165,1082.69892 2682.20535,1083.02545 2679.64491,1083.02545 C2674.29446,1083.02545 2669.20889,1080.79269 2666.37475,1074.79157 C2656.89228,1052.04027 2641.06168,1033.35737 2604.97709,1033.35737 C2557.5206,1033.35737 2526.21256,1071.63215 2526.21256,1133.90259 C2526.21256,1194.95515 2557.5206,1234.17422 2604.97709,1234.17422 C2642.95111,1234.17422 2660.98899,1211.4141 2669.20889,1186.09467 C2671.74285,1179.13161 2677.4288,1176.30755 2683.45908,1176.30755 C2685.33968,1176.30755 2687.57345,1176.61643 2689.78956,1177.24302 C2695.18415,1178.52267 2700.86127,1183.25297 2700.86127,1189.91597 C2700.86127,1191.79573 2700.53459,1193.37544 2699.89889,1195.2552 C2688.82718,1226.5934 2662.27804,1262 2605.95712,1262 C2537.93763,1262 2494.57785,1212.34957 2494.57785,1133.60253 C2494.57785,1056.75291 2537.93763,1005.85813 2603.74101,1005.85813 C2659.39092,1005.85813 2684.39497,1034.9459 2695.79335,1062.7805" id="Fill-20" fill="#1A1918" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
+            </g>
+            <path d="M2943.18513,1158.27772 L2908.04525,1066.23997 C2904.56658,1057.07944 2901.09674,1046.96579 2898.24494,1036.2079 C2895.40196,1046.96579 2892.24114,1057.07944 2888.42696,1066.5665 L2852.69554,1158.27772 L2943.18513,1158.27772 L2943.18513,1158.27772 Z M2818.82706,1249.99776 C2816.61095,1256.29894 2811.87854,1258.83176 2806.50161,1258.83176 C2804.26785,1258.83176 2802.37842,1258.53171 2800.17114,1257.88747 C2793.85832,1256.29894 2789.09943,1250.93323 2789.09943,1244.90564 C2789.09943,1243.0347 2789.39079,1241.44617 2790.04415,1239.53993 L2876.08386,1023.5526 C2880.1894,1012.82119 2888.10028,1008.70866 2897.94475,1008.70866 C2908.04525,1008.70866 2916.29165,1012.82119 2920.41484,1023.5526 L3006.4369,1240.17534 C3007.39044,1242.06393 3007.71712,1243.66129 3007.71712,1245.54987 C3007.71712,1251.87752 3002.65804,1256.61664 2996.31873,1258.18752 C2994.43813,1258.83176 2992.53104,1259.15829 2990.65044,1259.15829 C2984.94684,1259.15829 2979.87892,1256.29894 2977.67165,1250.30664 L2952.65877,1184.83267 L2843.17775,1184.83267 L2818.82706,1249.99776 L2818.82706,1249.99776 Z" id="Fill-22" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <path d="M3282.63807,1021.68166 C3282.63807,1012.82119 3288.97737,1008.70866 3297.83297,1008.70866 C3306.67092,1008.70866 3312.67472,1012.82119 3312.67472,1021.68166 L3312.67472,1238.93099 C3312.67472,1251.24211 3306.35307,1258.83176 3293.73627,1258.83176 C3280.12177,1258.83176 3275.05386,1253.45723 3267.12532,1240.81958 L3183.29288,1105.12369 C3170.64076,1084.91404 3154.83665,1053.92885 3147.56146,1038.11414 C3149.4244,1058.34144 3151.96718,1102.30846 3151.96718,1148.79066 L3151.96718,1245.87641 C3151.96718,1254.428 3145.62788,1258.83176 3137.09896,1258.83176 C3128.23453,1258.83176 3121.93937,1254.428 3121.93937,1245.87641 L3121.93937,1027.65631 C3121.93937,1015.95413 3129.54123,1008.70866 3141.86668,1008.70866 C3156.09038,1008.70866 3161.45848,1014.37442 3167.48877,1023.87031 L3247.18918,1153.22972 C3261.75722,1176.94297 3279.47725,1210.76986 3287.70598,1228.48199 C3285.79889,1208.88127 3282.63807,1163.00801 3282.63807,1117.49659 L3282.63807,1021.68166" id="Fill-23" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <path d="M3603.93835,1017.86919 C3606.15446,1011.53271 3611.22237,1008.70866 3617.53519,1008.70866 C3619.41579,1008.70866 3621.34054,1009.00871 3623.22997,1009.31759 C3629.89595,1011.22383 3634.93737,1015.95413 3634.93737,1022.2906 C3634.93737,1023.87031 3634.6107,1025.44119 3633.99266,1027.0209 L3552.34101,1244.62323 C3548.2443,1255.36347 3540.66009,1258.83176 3531.17763,1258.83176 C3521.35965,1258.83176 3513.78427,1255.36347 3509.66108,1244.2967 L3428.33611,1027.65631 C3427.71807,1026.09425 3427.38256,1024.17919 3427.38256,1022.61713 C3427.38256,1016.28066 3432.45047,1010.91495 3439.11646,1009.31759 C3440.99706,1008.70866 3442.88649,1008.38213 3444.76709,1008.38213 C3450.82386,1008.38213 3456.19196,1011.22383 3458.42573,1017.56031 L3520.0706,1191.16915 C3524.21146,1202.8625 3527.69896,1217.43287 3531.17763,1230.06169 C3534.66513,1217.08869 3538.45282,1202.8625 3542.55835,1190.83379 L3603.93835,1017.86919" id="Fill-24" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <g id="Group-28" transform="translate(0.000000, 8.000000)">
+                <mask id="mask-4" sketch:name="Clip 26" fill="white">
+                    <use xlink:href="#path-3"></use>
+                </mask>
+                <g id="Clip-26"></g>
+                <path d="M3846.41231,1150.27772 L3811.29892,1058.23997 C3807.81142,1049.07944 3804.31509,1038.96579 3801.46329,1028.2079 C3798.62915,1038.96579 3795.47715,1049.07944 3791.65415,1058.5665 L3755.88741,1150.27772 L3846.41231,1150.27772 L3846.41231,1150.27772 Z M3722.0719,1241.99776 C3719.86462,1248.29894 3715.10573,1250.83176 3709.73763,1250.83176 C3707.52152,1250.83176 3705.61443,1250.53171 3703.42481,1249.88747 C3697.06785,1248.29894 3692.30896,1242.93323 3692.30896,1236.90564 C3692.30896,1235.0347 3692.63563,1233.44617 3693.28016,1231.53993 L3779.31987,1015.5526 C3783.44307,1004.82119 3791.35396,1000.70866 3801.14544,1000.70866 C3811.29892,1000.70866 3819.50117,1004.82119 3823.61554,1015.5526 L3909.68174,1232.17534 C3910.64411,1234.06393 3910.93547,1235.66129 3910.93547,1237.54987 C3910.93547,1243.87752 3905.91171,1248.61664 3899.57241,1250.18752 C3897.64766,1250.83176 3895.75823,1251.15829 3893.87763,1251.15829 C3888.15636,1251.15829 3883.09728,1248.29894 3880.89883,1242.30664 L3855.87712,1176.83267 L3746.41377,1176.83267 L3722.0719,1241.99776 L3722.0719,1241.99776 Z" id="Fill-25" fill="#1A1918" sketch:type="MSShapeGroup" mask="url(#mask-4)"></path>
+                <path d="M4100.01978,1109.49659 C4149.37453,1119.92794 4176.26801,1136.68695 4176.26801,1182.52491 C4176.26801,1223.32369 4144.95997,1254 4088.29472,1254 C4016.19617,1254 4001.31028,1216.66069 3993.72608,1191.06768 C3993.3994,1189.48797 3993.09038,1188.22597 3993.09038,1186.95515 C3993.09038,1179.98326 3998.45848,1175.25297 4005.1068,1173.67326 C4006.98741,1173.36438 4008.5943,1173.03785 4010.49256,1173.03785 C4016.50519,1173.03785 4022.52665,1175.88838 4024.41608,1182.52491 C4030.11085,1203.71415 4040.5557,1227.44505 4086.75845,1227.44505 C4122.79889,1227.44505 4145.26899,1210.0418 4145.26899,1182.83379 C4145.26899,1156.9319 4131.00114,1145.5386 4093.70696,1137.95778 L4068.39389,1132.56559 C4020.92858,1122.76965 3999.4032,1104.73982 3999.4032,1063.32327 C3999.4032,1030.11414 4024.10706,997.858126 4083.56231,997.858126 C4140.51009,997.858126 4160.11956,1028.2079 4167.12104,1050.96803 C4167.73908,1052.54773 4168.0481,1054.14509 4168.0481,1055.74245 C4168.0481,1062.36133 4162.67117,1067.09162 4156.32304,1068.37127 C4154.7338,1068.6978 4152.87085,1069.02434 4150.97259,1069.02434 C4145.26899,1069.02434 4139.55655,1066.48269 4137.04025,1059.81968 C4131.99883,1041.8075 4118.69335,1024.1042 4083.56231,1024.1042 C4046.85968,1024.1042 4030.11085,1042.44291 4030.11085,1063.32327 C4030.11085,1086.07457 4041.18256,1097.79441 4076.59614,1104.73982 L4100.01978,1109.49659" id="Fill-27" fill="#1A1918" sketch:type="MSShapeGroup" mask="url(#mask-4)"></path>
+            </g>
+            <path d="M2524.80873,137.169692 C2524.80873,198.531133 2555.95785,238.26207 2604.63275,238.26207 C2654.25237,238.26207 2683.80342,199.15772 2683.80342,135.263455 C2683.80342,75.1816643 2652.96332,35.7772587 2604.63275,35.7772587 C2555.32215,35.7772587 2524.80873,75.8347273 2524.80873,137.169692 L2524.80873,137.169692 Z M2715.29687,137.169692 C2715.29687,215.378392 2672.69639,265.911343 2604.63275,265.911343 C2536.55146,265.911343 2493.32411,215.696098 2493.32411,136.860811 C2493.32411,58.9874685 2536.25127,8.43686713 2604.63275,8.43686713 C2672.69639,8.43686713 2715.29687,58.6521119 2715.29687,137.169692 L2715.29687,137.169692 Z" id="Fill-29" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <path d="M3002.65804,11.2962238 C3011.55778,11.2962238 3017.61456,15.4264056 3017.61456,24.3398322 L3017.61456,242.709958 C3017.61456,255.118154 3011.24877,262.743105 2998.51718,262.743105 C2984.84089,262.743105 2979.7818,257.333273 2971.8356,244.616196 L2887.54405,108.249594 C2874.83013,87.8987413 2858.91123,56.7546993 2851.61839,40.8605594 C2853.51665,61.2114126 2856.05943,105.390238 2856.05943,152.119538 L2856.05943,249.717147 C2856.05943,258.304042 2849.7113,262.743105 2841.10291,262.743105 C2832.22965,262.743105 2825.85503,258.304042 2825.85503,249.717147 L2825.85503,30.3674266 C2825.85503,18.6034685 2833.48339,11.2962238 2845.87946,11.2962238 C2860.20028,11.2962238 2865.61253,17.0237622 2871.63399,26.554951 L2951.76703,156.576252 C2966.39687,180.404224 2984.23168,214.425273 2992.49573,232.216825 C2990.57098,212.519035 2987.41016,166.416322 2987.41016,120.648965 L2987.41016,24.3398322 C2987.41016,15.4264056 2993.75829,11.2962238 3002.65804,11.2962238 Z" id="Fill-30" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <path d="M3152.83244,24.9575944 C3152.83244,15.4264056 3159.49842,11.2962238 3168.09797,11.2962238 C3176.99772,11.2962238 3183.35468,15.4264056 3183.35468,24.6487133 L3183.35468,221.10593 C3183.35468,228.40435 3187.47788,232.216825 3194.80604,232.216825 L3307.38608,232.216825 C3315.6413,232.216825 3320.41785,238.26207 3320.41785,246.204727 C3320.41785,253.829678 3315.6413,260.836867 3307.38608,260.836867 L3185.27943,260.836867 C3162.6769,260.836867 3152.83244,250.979147 3152.83244,226.815818 L3152.83244,24.9575944" id="Fill-31" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <path d="M3422.88854,24.3398322 C3422.88854,15.4264056 3429.22785,11.2962238 3437.81858,11.2962238 C3446.71832,11.2962238 3453.40196,15.4264056 3453.40196,24.3398322 L3453.40196,249.717147 C3453.40196,258.304042 3446.71832,262.743105 3437.81858,262.743105 C3429.22785,262.743105 3422.88854,258.304042 3422.88854,249.717147 L3422.88854,24.3398322" id="Fill-32" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <path d="M3750.16614,24.3398322 C3750.16614,15.4264056 3756.5231,11.2962238 3765.43168,11.2962238 C3774.33142,11.2962238 3780.37937,15.4264056 3780.37937,24.3398322 L3780.37937,242.709958 C3780.37937,255.118154 3774.02241,262.743105 3761.29965,262.743105 C3747.6057,262.743105 3742.54661,257.333273 3734.59158,244.616196 L3650.30003,108.249594 C3637.59494,87.8987413 3621.66722,56.7546993 3614.37437,40.8605594 C3616.28146,61.2114126 3618.82424,105.390238 3618.82424,152.119538 L3618.82424,249.717147 C3618.82424,258.304042 3612.46728,262.743105 3603.86772,262.743105 C3594.98563,262.743105 3588.61101,258.304042 3588.61101,249.717147 L3588.61101,30.3674266 C3588.61101,18.6034685 3596.23937,11.2962238 3608.64427,11.2962238 C3622.96509,11.2962238 3628.36851,17.0237622 3634.3988,26.554951 L3714.53184,156.576252 C3729.17934,180.404224 3746.99649,214.425273 3755.25171,232.216825 C3753.34462,212.519035 3750.16614,166.416322 3750.16614,120.648965 L3750.16614,24.3398322" id="Fill-33" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+            <path d="M3928.26703,223.020993 C3928.26703,230.310587 3933.04358,233.178769 3940.02741,233.178769 L4053.87,233.178769 C4062.13405,233.178769 4066.60158,238.888657 4066.60158,246.84014 C4066.60158,254.473916 4062.13405,260.836867 4053.87,260.836867 L3930.80098,260.836867 C3908.21611,260.836867 3898.36282,250.979147 3898.36282,226.815818 L3898.36282,47.5323916 C3898.36282,23.0513566 3908.21611,13.2024615 3930.80098,13.2024615 L4051.00054,13.2024615 C4059.28225,13.2024615 4063.73212,18.93 4063.73212,26.8726573 C4063.73212,34.8241399 4059.28225,40.8605594 4051.00054,40.8605594 L3939.08269,40.8605594 C3931.43668,40.8605594 3928.26703,44.3465035 3928.26703,51.9891049 L3928.26703,117.789608 L4036.69737,117.789608 C4044.65241,117.789608 4049.09345,123.499497 4049.09345,131.450979 C4049.09345,138.775874 4044.33456,144.803469 4036.69737,144.803469 L3928.26703,144.803469 L3928.26703,223.020993" id="Fill-34" fill="#1A1918" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/logo-white-text.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="4177px" height="1254px" viewBox="0 0 4177 1254" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>OEC Logo Copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path id="path-1" d="M0,0.436867133 L4176.26801,0.436867133 L4176.26801,1253.47049 L0,1253.47049 L166,400"></path>
+        <path id="path-3" d="M0,0.436867133 L4176.26801,0.436867133 L4176.26801,1253.47049 L0,1253.47049 L0,0.436867133 Z"></path>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="OEC-Logo-Copy" sketch:type="MSLayerGroup">
+            <path d="M0,782.294406 C0,799.397594 13.870538,813.261944 30.9901899,813.261944 L338.455253,813.261944 C355.557247,813.261944 369.436614,799.397594 369.436614,782.294406 L369.436614,38.3939441 C369.436614,21.2907552 355.557247,7.41758042 338.455253,7.41758042 L30.9901899,7.41758042 C13.870538,7.41758042 0,21.2907552 0,38.3939441 L0,782.294406" id="Fill-1" fill="#7A5EAD" sketch:type="MSShapeGroup"></path>
+            <path d="M436.776266,345.713007 C436.776266,362.825021 450.646804,376.689371 467.748797,376.689371 L775.213861,376.689371 C792.333513,376.689371 806.204051,362.825021 806.204051,345.713007 L806.204051,38.3939441 C806.204051,21.2907552 792.333513,7.41758042 775.213861,7.41758042 L467.748797,7.41758042 C450.646804,7.41758042 436.776266,21.2907552 436.776266,38.3939441 L436.776266,345.713007" id="Fill-2" fill="#6589B9" sketch:type="MSShapeGroup"></path>
+            <path d="M0,1218.86698 C0,1235.98782 13.870538,1249.84334 30.9901899,1249.84334 L447.59193,1249.84334 C464.711582,1249.84334 478.573291,1235.98782 478.573291,1218.86698 L478.573291,911.556741 C478.573291,894.435902 464.711582,880.580378 447.59193,880.580378 L30.9901899,880.580378 C13.870538,880.580378 0,894.435902 0,911.556741 L0,1218.86698" id="Fill-3" fill="#65ADA8" sketch:type="MSShapeGroup"></path>
+            <path d="M546.001234,1218.86698 C546.001234,1235.98782 559.880601,1249.84334 576.982595,1249.84334 L993.601994,1249.84334 C1010.71282,1249.84334 1024.58335,1235.98782 1024.58335,1218.86698 L1024.58335,911.556741 C1024.58335,894.435902 1010.71282,880.580378 993.601994,880.580378 L576.982595,880.580378 C559.880601,880.580378 546.001234,894.435902 546.001234,911.556741 L546.001234,1218.86698" id="Fill-4" fill="#6589B9" sketch:type="MSShapeGroup"></path>
+            <path d="M1092.0113,1218.86698 C1092.0113,1235.98782 1105.88184,1249.84334 1123.00149,1249.84334 L1539.60323,1249.84334 C1556.72288,1249.84334 1570.59342,1235.98782 1570.59342,1218.86698 L1570.59342,911.556741 C1570.59342,894.435902 1556.72288,880.580378 1539.60323,880.580378 L1123.00149,880.580378 C1105.88184,880.580378 1092.0113,894.435902 1092.0113,911.556741 L1092.0113,1218.86698" id="Fill-5" fill="#80BF63" sketch:type="MSShapeGroup"></path>
+            <path d="M1638.01253,1218.86698 C1638.01253,1235.98782 1651.8919,1249.84334 1669.00272,1249.84334 L2085.61329,1249.84334 C2102.73294,1249.84334 2116.59465,1235.98782 2116.59465,1218.86698 L2116.59465,911.556741 C2116.59465,894.435902 2102.73294,880.580378 2085.61329,880.580378 L1669.00272,880.580378 C1651.8919,880.580378 1638.01253,894.435902 1638.01253,911.556741 L1638.01253,1218.86698" id="Fill-6" fill="#17AE90" sketch:type="MSShapeGroup"></path>
+            <path d="M436.776266,782.294406 C436.776266,799.397594 450.646804,813.261944 467.748797,813.261944 L775.213861,813.261944 C792.333513,813.261944 806.204051,799.397594 806.204051,782.294406 L806.204051,474.966517 C806.204051,457.880979 792.333513,443.998979 775.213861,443.998979 L467.748797,443.998979 C450.646804,443.998979 436.776266,457.880979 436.776266,474.966517 L436.776266,782.294406" id="Fill-7" fill="#80BF63" sketch:type="MSShapeGroup"></path>
+            <path d="M873.543703,345.713007 C873.543703,362.825021 887.414241,376.689371 904.533892,376.689371 L1211.99013,376.689371 C1229.10095,376.689371 1242.98032,362.825021 1242.98032,345.713007 L1242.98032,38.3939441 C1242.98032,21.2907552 1229.10095,7.41758042 1211.99013,7.41758042 L904.533892,7.41758042 C887.414241,7.41758042 873.543703,21.2907552 873.543703,38.3939441 L873.543703,345.713007" id="Fill-8" fill="#17AE90" sketch:type="MSShapeGroup"></path>
+            <path d="M873.543703,782.294406 C873.543703,799.397594 887.414241,813.261944 904.533892,813.261944 L1211.99013,813.261944 C1229.10095,813.261944 1242.98032,799.397594 1242.98032,782.294406 L1242.98032,474.966517 C1242.98032,457.880979 1229.10095,443.998979 1211.99013,443.998979 L904.533892,443.998979 C887.414241,443.998979 873.543703,457.880979 873.543703,474.966517 L873.543703,782.294406" id="Fill-9" fill="#7A5EAD" sketch:type="MSShapeGroup"></path>
+            <path d="M1310.31997,345.713007 C1310.31997,362.825021 1324.18168,376.689371 1341.30133,376.689371 L1648.77522,376.689371 C1665.87722,376.689371 1679.74775,362.825021 1679.74775,345.713007 L1679.74775,38.3939441 C1679.74775,21.2907552 1665.87722,7.41758042 1648.77522,7.41758042 L1341.30133,7.41758042 C1324.18168,7.41758042 1310.31997,21.2907552 1310.31997,38.3939441 L1310.31997,345.713007" id="Fill-10" fill="#80BF63" sketch:type="MSShapeGroup"></path>
+            <path d="M1310.31997,782.294406 C1310.31997,799.397594 1324.18168,813.261944 1341.30133,813.261944 L1648.77522,813.261944 C1665.87722,813.261944 1679.74775,799.397594 1679.74775,782.294406 L1679.74775,474.966517 C1679.74775,457.880979 1665.87722,443.998979 1648.77522,443.998979 L1341.30133,443.998979 C1324.18168,443.998979 1310.31997,457.880979 1310.31997,474.966517 L1310.31997,782.294406" id="Fill-11" fill="#65ADA8" sketch:type="MSShapeGroup"></path>
+            <path d="M1747.08741,782.294406 C1747.08741,799.397594 1760.95794,813.261944 1778.06877,813.261944 L2085.53383,813.261944 C2102.65348,813.261944 2116.52402,799.397594 2116.52402,782.294406 L2116.52402,38.3939441 C2116.52402,21.2907552 2102.65348,7.41758042 2085.53383,7.41758042 L1778.06877,7.41758042 C1760.95794,7.41758042 1747.08741,21.2907552 1747.08741,38.3939441 L1747.08741,782.294406" id="Fill-12" fill="#7A5EAD" sketch:type="MSShapeGroup"></path>
+            <path d="M2534.76797,713.802224 C2534.76797,721.074168 2539.50038,723.924699 2546.46655,723.924699 L2659.73525,723.924699 C2667.96399,723.924699 2672.38737,729.616937 2672.38737,737.506643 C2672.38737,745.096294 2667.96399,751.45042 2659.73525,751.45042 L2537.28427,751.45042 C2514.81418,751.45042 2505.04035,741.628 2505.04035,717.597049 L2505.04035,539.231441 C2505.04035,514.882783 2514.81418,505.095664 2537.28427,505.095664 L2656.89228,505.095664 C2665.09453,505.095664 2669.51791,510.770252 2669.51791,518.677608 C2669.51791,526.57614 2665.09453,532.603734 2656.89228,532.603734 L2545.51301,532.603734 C2537.93763,532.603734 2534.76797,536.072028 2534.76797,543.661678 L2534.76797,609.126825 L2642.64209,609.126825 C2650.55297,609.126825 2654.9587,614.810238 2654.9587,622.72642 C2654.9587,629.998364 2650.2263,636.008308 2642.64209,636.008308 L2534.76797,636.008308 L2534.76797,713.802224" id="Fill-13" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M2777.33022,532.912615 C2769.40168,532.912615 2764.99595,526.57614 2764.99595,519.313021 C2764.99595,511.723371 2769.40168,505.095664 2776.98589,505.095664 L2951.34323,505.095664 C2958.93627,505.095664 2963.34199,511.723371 2963.34199,519.313021 C2963.34199,526.57614 2958.59193,532.912615 2951.34323,532.912615 L2879.50073,532.912615 L2879.50073,740.357175 C2879.50073,748.908769 2872.87006,753.339007 2864.30582,753.339007 C2855.79456,753.339007 2849.12858,748.908769 2849.12858,740.357175 L2849.12858,532.912615 L2777.33022,532.912615" id="Fill-14" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M3226.26418,516.162434 C3226.26418,507.284308 3232.93016,503.189427 3242.11244,503.189427 C3250.33234,503.189427 3256.65399,507.284308 3256.65399,516.162434 L3256.65399,740.357175 C3256.65399,748.908769 3250.33234,753.339007 3242.11244,753.339007 C3232.93016,753.339007 3226.26418,748.908769 3226.26418,740.357175 L3226.26418,635.699427 L3091.47892,635.699427 L3091.47892,740.357175 C3091.47892,748.908769 3084.86592,753.339007 3076.32816,753.339007 C3067.46373,753.339007 3061.13326,748.908769 3061.13326,740.357175 L3061.13326,516.162434 C3061.13326,507.284308 3067.46373,503.189427 3076.32816,503.189427 C3084.86592,503.189427 3091.47892,507.284308 3091.47892,516.162434 L3091.47892,608.173706 L3226.26418,608.173706 L3226.26418,516.162434" id="Fill-15" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M3397.7344,516.162434 C3397.7344,507.284308 3404.05604,503.189427 3412.60263,503.189427 C3421.44057,503.189427 3428.09772,507.284308 3428.09772,516.162434 L3428.09772,740.357175 C3428.09772,748.908769 3421.44057,753.339007 3412.60263,753.339007 C3404.05604,753.339007 3397.7344,748.908769 3397.7344,740.357175 L3397.7344,516.162434" id="Fill-16" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M3751.77304,557.261273 C3752.69127,559.476392 3753.01794,561.69151 3753.01794,563.588923 C3753.01794,570.225455 3747.97652,574.646867 3743.19997,576.244224 C3740.70133,577.188517 3738.14089,577.515049 3735.63342,577.515049 C3730.22117,577.515049 3725.17975,575.291105 3722.33677,569.281161 C3712.83665,546.503385 3697.0237,527.85579 3660.95677,527.85579 C3613.49146,527.85579 3582.18342,566.121748 3582.18342,628.409832 C3582.18342,689.453566 3613.49146,728.663818 3660.95677,728.663818 C3698.91313,728.663818 3716.95101,705.886042 3725.17975,680.584266 C3727.72253,673.638853 3733.39965,670.788322 3739.42111,670.788322 C3741.31054,670.788322 3743.52665,671.114853 3745.74275,671.732615 C3751.11085,673.021091 3756.81446,677.733734 3756.81446,684.396741 C3756.81446,686.285329 3756.50544,687.865035 3755.86975,689.762448 C3744.78038,721.074168 3718.18709,756.489594 3661.89266,756.489594 C3593.87316,756.489594 3550.53104,706.839161 3550.53104,628.109776 C3550.53104,551.242503 3593.87316,500.33007 3659.65889,500.33007 C3715.37943,500.33007 3740.37465,529.417846 3751.77304,557.261273" id="Fill-17" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <g id="Group-21">
+                <mask id="mask-2" sketch:name="Clip 19" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-19"></g>
+                <path d="M3964.74892,611.977357 C4014.12133,622.399888 4041.00598,639.16772 4041.00598,685.005678 C4041.00598,725.804462 4009.67146,756.489594 3953.05035,756.489594 C3880.92532,756.489594 3866.05709,719.16793 3858.45522,693.557273 C3858.12854,691.977566 3857.8107,690.706741 3857.8107,689.453566 C3857.8107,682.490503 3863.18763,677.733734 3869.85361,676.154028 C3871.75187,675.845147 3873.31462,675.545091 3875.20405,675.545091 C3881.22551,675.545091 3887.21165,678.386797 3889.15405,685.005678 C3894.82234,706.221399 3905.27601,729.925818 3951.46111,729.925818 C3987.5457,729.925818 4010.01579,712.540224 4010.01579,685.33221 C4010.01579,659.412671 3995.7656,648.028196 3958.41845,640.438545 L3933.11421,635.055189 C3885.64006,625.25042 3864.15,607.220587 3864.15,565.804042 C3864.15,532.603734 3888.82737,500.33007 3948.30028,500.33007 C4005.26573,500.33007 4024.85753,530.697497 4031.8237,553.466448 C4032.44174,555.046154 4032.76842,556.62586 4032.76842,558.205566 C4032.76842,564.859748 4027.39149,569.590042 4021.10516,570.852042 C4019.48943,571.178573 4017.6,571.487455 4015.67525,571.487455 C4010.01579,571.487455 4004.29453,568.963455 4001.79589,562.318098 C3996.72797,544.305916 3983.40484,526.57614 3948.30028,526.57614 C3911.60649,526.57614 3894.82234,544.914853 3894.82234,565.804042 C3894.82234,588.564168 3905.91171,600.26635 3941.33411,607.220587 L3964.74892,611.977357" id="Fill-18" fill="#FFFFFF" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
+                <path d="M2695.79335,1054.7805 C2696.75573,1056.97797 2697.07358,1059.21074 2697.07358,1061.09933 C2697.07358,1067.74469 2691.99684,1072.15727 2687.24677,1073.75463 C2684.72165,1074.69892 2682.20535,1075.02545 2679.64491,1075.02545 C2674.29446,1075.02545 2669.20889,1072.79269 2666.37475,1066.79157 C2656.89228,1044.04027 2641.06168,1025.35737 2604.97709,1025.35737 C2557.5206,1025.35737 2526.21256,1063.63215 2526.21256,1125.90259 C2526.21256,1186.95515 2557.5206,1226.17422 2604.97709,1226.17422 C2642.95111,1226.17422 2660.98899,1203.4141 2669.20889,1178.09467 C2671.74285,1171.13161 2677.4288,1168.30755 2683.45908,1168.30755 C2685.33968,1168.30755 2687.57345,1168.61643 2689.78956,1169.24302 C2695.18415,1170.52267 2700.86127,1175.25297 2700.86127,1181.91597 C2700.86127,1183.79573 2700.53459,1185.37544 2699.89889,1187.2552 C2688.82718,1218.5934 2662.27804,1254 2605.95712,1254 C2537.93763,1254 2494.57785,1204.34957 2494.57785,1125.60253 C2494.57785,1048.75291 2537.93763,997.858126 2603.74101,997.858126 C2659.39092,997.858126 2684.39497,1026.9459 2695.79335,1054.7805" id="Fill-20" fill="#FFFFFF" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
+            </g>
+            <path d="M2943.18513,1150.27772 L2908.04525,1058.23997 C2904.56658,1049.07944 2901.09674,1038.96579 2898.24494,1028.2079 C2895.40196,1038.96579 2892.24114,1049.07944 2888.42696,1058.5665 L2852.69554,1150.27772 L2943.18513,1150.27772 L2943.18513,1150.27772 Z M2818.82706,1241.99776 C2816.61095,1248.29894 2811.87854,1250.83176 2806.50161,1250.83176 C2804.26785,1250.83176 2802.37842,1250.53171 2800.17114,1249.88747 C2793.85832,1248.29894 2789.09943,1242.93323 2789.09943,1236.90564 C2789.09943,1235.0347 2789.39079,1233.44617 2790.04415,1231.53993 L2876.08386,1015.5526 C2880.1894,1004.82119 2888.10028,1000.70866 2897.94475,1000.70866 C2908.04525,1000.70866 2916.29165,1004.82119 2920.41484,1015.5526 L3006.4369,1232.17534 C3007.39044,1234.06393 3007.71712,1235.66129 3007.71712,1237.54987 C3007.71712,1243.87752 3002.65804,1248.61664 2996.31873,1250.18752 C2994.43813,1250.83176 2992.53104,1251.15829 2990.65044,1251.15829 C2984.94684,1251.15829 2979.87892,1248.29894 2977.67165,1242.30664 L2952.65877,1176.83267 L2843.17775,1176.83267 L2818.82706,1241.99776 L2818.82706,1241.99776 Z" id="Fill-22" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M3282.63807,1013.68166 C3282.63807,1004.82119 3288.97737,1000.70866 3297.83297,1000.70866 C3306.67092,1000.70866 3312.67472,1004.82119 3312.67472,1013.68166 L3312.67472,1230.93099 C3312.67472,1243.24211 3306.35307,1250.83176 3293.73627,1250.83176 C3280.12177,1250.83176 3275.05386,1245.45723 3267.12532,1232.81958 L3183.29288,1097.12369 C3170.64076,1076.91404 3154.83665,1045.92885 3147.56146,1030.11414 C3149.4244,1050.34144 3151.96718,1094.30846 3151.96718,1140.79066 L3151.96718,1237.87641 C3151.96718,1246.428 3145.62788,1250.83176 3137.09896,1250.83176 C3128.23453,1250.83176 3121.93937,1246.428 3121.93937,1237.87641 L3121.93937,1019.65631 C3121.93937,1007.95413 3129.54123,1000.70866 3141.86668,1000.70866 C3156.09038,1000.70866 3161.45848,1006.37442 3167.48877,1015.87031 L3247.18918,1145.22972 C3261.75722,1168.94297 3279.47725,1202.76986 3287.70598,1220.48199 C3285.79889,1200.88127 3282.63807,1155.00801 3282.63807,1109.49659 L3282.63807,1013.68166" id="Fill-23" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M3603.93835,1009.86919 C3606.15446,1003.53271 3611.22237,1000.70866 3617.53519,1000.70866 C3619.41579,1000.70866 3621.34054,1001.00871 3623.22997,1001.31759 C3629.89595,1003.22383 3634.93737,1007.95413 3634.93737,1014.2906 C3634.93737,1015.87031 3634.6107,1017.44119 3633.99266,1019.0209 L3552.34101,1236.62323 C3548.2443,1247.36347 3540.66009,1250.83176 3531.17763,1250.83176 C3521.35965,1250.83176 3513.78427,1247.36347 3509.66108,1236.2967 L3428.33611,1019.65631 C3427.71807,1018.09425 3427.38256,1016.17919 3427.38256,1014.61713 C3427.38256,1008.28066 3432.45047,1002.91495 3439.11646,1001.31759 C3440.99706,1000.70866 3442.88649,1000.38213 3444.76709,1000.38213 C3450.82386,1000.38213 3456.19196,1003.22383 3458.42573,1009.56031 L3520.0706,1183.16915 C3524.21146,1194.8625 3527.69896,1209.43287 3531.17763,1222.06169 C3534.66513,1209.08869 3538.45282,1194.8625 3542.55835,1182.83379 L3603.93835,1009.86919" id="Fill-24" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <g id="Group-28">
+                <mask id="mask-4" sketch:name="Clip 26" fill="white">
+                    <use xlink:href="#path-3"></use>
+                </mask>
+                <g id="Clip-26"></g>
+                <path d="M3846.41231,1150.27772 L3811.29892,1058.23997 C3807.81142,1049.07944 3804.31509,1038.96579 3801.46329,1028.2079 C3798.62915,1038.96579 3795.47715,1049.07944 3791.65415,1058.5665 L3755.88741,1150.27772 L3846.41231,1150.27772 L3846.41231,1150.27772 Z M3722.0719,1241.99776 C3719.86462,1248.29894 3715.10573,1250.83176 3709.73763,1250.83176 C3707.52152,1250.83176 3705.61443,1250.53171 3703.42481,1249.88747 C3697.06785,1248.29894 3692.30896,1242.93323 3692.30896,1236.90564 C3692.30896,1235.0347 3692.63563,1233.44617 3693.28016,1231.53993 L3779.31987,1015.5526 C3783.44307,1004.82119 3791.35396,1000.70866 3801.14544,1000.70866 C3811.29892,1000.70866 3819.50117,1004.82119 3823.61554,1015.5526 L3909.68174,1232.17534 C3910.64411,1234.06393 3910.93547,1235.66129 3910.93547,1237.54987 C3910.93547,1243.87752 3905.91171,1248.61664 3899.57241,1250.18752 C3897.64766,1250.83176 3895.75823,1251.15829 3893.87763,1251.15829 C3888.15636,1251.15829 3883.09728,1248.29894 3880.89883,1242.30664 L3855.87712,1176.83267 L3746.41377,1176.83267 L3722.0719,1241.99776 L3722.0719,1241.99776 Z" id="Fill-25" fill="#FFFFFF" sketch:type="MSShapeGroup" mask="url(#mask-4)"></path>
+                <path d="M4100.01978,1109.49659 C4149.37453,1119.92794 4176.26801,1136.68695 4176.26801,1182.52491 C4176.26801,1223.32369 4144.95997,1254 4088.29472,1254 C4016.19617,1254 4001.31028,1216.66069 3993.72608,1191.06768 C3993.3994,1189.48797 3993.09038,1188.22597 3993.09038,1186.95515 C3993.09038,1179.98326 3998.45848,1175.25297 4005.1068,1173.67326 C4006.98741,1173.36438 4008.5943,1173.03785 4010.49256,1173.03785 C4016.50519,1173.03785 4022.52665,1175.88838 4024.41608,1182.52491 C4030.11085,1203.71415 4040.5557,1227.44505 4086.75845,1227.44505 C4122.79889,1227.44505 4145.26899,1210.0418 4145.26899,1182.83379 C4145.26899,1156.9319 4131.00114,1145.5386 4093.70696,1137.95778 L4068.39389,1132.56559 C4020.92858,1122.76965 3999.4032,1104.73982 3999.4032,1063.32327 C3999.4032,1030.11414 4024.10706,997.858126 4083.56231,997.858126 C4140.51009,997.858126 4160.11956,1028.2079 4167.12104,1050.96803 C4167.73908,1052.54773 4168.0481,1054.14509 4168.0481,1055.74245 C4168.0481,1062.36133 4162.67117,1067.09162 4156.32304,1068.37127 C4154.7338,1068.6978 4152.87085,1069.02434 4150.97259,1069.02434 C4145.26899,1069.02434 4139.55655,1066.48269 4137.04025,1059.81968 C4131.99883,1041.8075 4118.69335,1024.1042 4083.56231,1024.1042 C4046.85968,1024.1042 4030.11085,1042.44291 4030.11085,1063.32327 C4030.11085,1086.07457 4041.18256,1097.79441 4076.59614,1104.73982 L4100.01978,1109.49659" id="Fill-27" fill="#FFFFFF" sketch:type="MSShapeGroup" mask="url(#mask-4)"></path>
+            </g>
+            <path d="M2524.80873,129.169692 C2524.80873,190.531133 2555.95785,230.26207 2604.63275,230.26207 C2654.25237,230.26207 2683.80342,191.15772 2683.80342,127.263455 C2683.80342,67.1816643 2652.96332,27.7772587 2604.63275,27.7772587 C2555.32215,27.7772587 2524.80873,67.8347273 2524.80873,129.169692 L2524.80873,129.169692 Z M2715.29687,129.169692 C2715.29687,207.378392 2672.69639,257.911343 2604.63275,257.911343 C2536.55146,257.911343 2493.32411,207.696098 2493.32411,128.860811 C2493.32411,50.9874685 2536.25127,0.436867133 2604.63275,0.436867133 C2672.69639,0.436867133 2715.29687,50.6521119 2715.29687,129.169692 L2715.29687,129.169692 Z" id="Fill-29" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M3002.65804,3.29622378 C3011.55778,3.29622378 3017.61456,7.42640559 3017.61456,16.3398322 L3017.61456,234.709958 C3017.61456,247.118154 3011.24877,254.743105 2998.51718,254.743105 C2984.84089,254.743105 2979.7818,249.333273 2971.8356,236.616196 L2887.54405,100.249594 C2874.83013,79.8987413 2858.91123,48.7546993 2851.61839,32.8605594 C2853.51665,53.2114126 2856.05943,97.3902378 2856.05943,144.119538 L2856.05943,241.717147 C2856.05943,250.304042 2849.7113,254.743105 2841.10291,254.743105 C2832.22965,254.743105 2825.85503,250.304042 2825.85503,241.717147 L2825.85503,22.3674266 C2825.85503,10.6034685 2833.48339,3.29622378 2845.87946,3.29622378 C2860.20028,3.29622378 2865.61253,9.02376224 2871.63399,18.554951 L2951.76703,148.576252 C2966.39687,172.404224 2984.23168,206.425273 2992.49573,224.216825 C2990.57098,204.519035 2987.41016,158.416322 2987.41016,112.648965 L2987.41016,16.3398322 C2987.41016,7.42640559 2993.75829,3.29622378 3002.65804,3.29622378 Z" id="Fill-30" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M3152.83244,16.9575944 C3152.83244,7.42640559 3159.49842,3.29622378 3168.09797,3.29622378 C3176.99772,3.29622378 3183.35468,7.42640559 3183.35468,16.6487133 L3183.35468,213.10593 C3183.35468,220.40435 3187.47788,224.216825 3194.80604,224.216825 L3307.38608,224.216825 C3315.6413,224.216825 3320.41785,230.26207 3320.41785,238.204727 C3320.41785,245.829678 3315.6413,252.836867 3307.38608,252.836867 L3185.27943,252.836867 C3162.6769,252.836867 3152.83244,242.979147 3152.83244,218.815818 L3152.83244,16.9575944" id="Fill-31" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M3422.88854,16.3398322 C3422.88854,7.42640559 3429.22785,3.29622378 3437.81858,3.29622378 C3446.71832,3.29622378 3453.40196,7.42640559 3453.40196,16.3398322 L3453.40196,241.717147 C3453.40196,250.304042 3446.71832,254.743105 3437.81858,254.743105 C3429.22785,254.743105 3422.88854,250.304042 3422.88854,241.717147 L3422.88854,16.3398322" id="Fill-32" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M3750.16614,16.3398322 C3750.16614,7.42640559 3756.5231,3.29622378 3765.43168,3.29622378 C3774.33142,3.29622378 3780.37937,7.42640559 3780.37937,16.3398322 L3780.37937,234.709958 C3780.37937,247.118154 3774.02241,254.743105 3761.29965,254.743105 C3747.6057,254.743105 3742.54661,249.333273 3734.59158,236.616196 L3650.30003,100.249594 C3637.59494,79.8987413 3621.66722,48.7546993 3614.37437,32.8605594 C3616.28146,53.2114126 3618.82424,97.3902378 3618.82424,144.119538 L3618.82424,241.717147 C3618.82424,250.304042 3612.46728,254.743105 3603.86772,254.743105 C3594.98563,254.743105 3588.61101,250.304042 3588.61101,241.717147 L3588.61101,22.3674266 C3588.61101,10.6034685 3596.23937,3.29622378 3608.64427,3.29622378 C3622.96509,3.29622378 3628.36851,9.02376224 3634.3988,18.554951 L3714.53184,148.576252 C3729.17934,172.404224 3746.99649,206.425273 3755.25171,224.216825 C3753.34462,204.519035 3750.16614,158.416322 3750.16614,112.648965 L3750.16614,16.3398322" id="Fill-33" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M3928.26703,215.020993 C3928.26703,222.310587 3933.04358,225.178769 3940.02741,225.178769 L4053.87,225.178769 C4062.13405,225.178769 4066.60158,230.888657 4066.60158,238.84014 C4066.60158,246.473916 4062.13405,252.836867 4053.87,252.836867 L3930.80098,252.836867 C3908.21611,252.836867 3898.36282,242.979147 3898.36282,218.815818 L3898.36282,39.5323916 C3898.36282,15.0513566 3908.21611,5.20246154 3930.80098,5.20246154 L4051.00054,5.20246154 C4059.28225,5.20246154 4063.73212,10.93 4063.73212,18.8726573 C4063.73212,26.8241399 4059.28225,32.8605594 4051.00054,32.8605594 L3939.08269,32.8605594 C3931.43668,32.8605594 3928.26703,36.3465035 3928.26703,43.9891049 L3928.26703,109.789608 L4036.69737,109.789608 C4044.65241,109.789608 4049.09345,115.499497 4049.09345,123.450979 C4049.09345,130.775874 4044.33456,136.803469 4036.69737,136.803469 L3928.26703,136.803469 L3928.26703,215.020993" id="Fill-34" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/pdf/field1-pdf.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2646px" height="346px" viewBox="0 0 2646 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field1 copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field1-copy" sketch:type="MSLayerGroup" transform="translate(0.500000, 0.500000)">
+            <rect id="Rectangle-1" stroke="#85ADE5" fill="#85ADE5" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <g id="person" transform="translate(253.000000, 78.500000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
+                <path d="M131.761531,86.9772414 C123.457277,104.448436 105.344522,119.061513 87.7812642,119.061513 C66.337192,119.061513 50.7589872,104.619164 42.4547325,87.1542929 C-5.83907633,110.183642 0.246589235,168.46522 0.246589235,168.46522 C0.246589235,176.445186 7.07407408,177.602345 15.0967122,177.602345 L87.7743955,177.602345 L160.34218,177.602345 C168.378555,177.602345 175.226646,176.438863 175.226646,168.46522 C175.233515,168.46522 180.048471,110.012913 131.761531,86.9772414 L131.761531,86.9772414 Z" id="Shape"></path>
+                <path d="M130.587423,46.4208993 C130.587423,20.781986 110.719192,0 86.2076154,0 C61.6960385,0 41.8208462,20.781986 41.8208462,46.4208993 C41.8208462,72.0598127 62.0719615,103.078897 86.5905,103.078897 C111.102077,103.078897 130.587423,72.0536569 130.587423,46.4208993 Z" id="Shape"></path>
+            </g>
+            <path d="M2338.87012,257 L2308.77246,257 L2308.77246,160.642578 C2308.77246,150.160755 2309.29654,138.106839 2310.34473,124.480469 C2309.82064,125.22917 2307.89276,127.512676 2304.56104,131.331055 C2301.22931,135.149433 2294.73442,141.999951 2285.07617,151.882812 L2268.00586,133.240234 L2311.69238,92.8105469 L2338.87012,92.8105469 L2338.87012,257 Z" id="1" opacity="0.350746269" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/pdf/field10-pdf.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2646px" height="346px" viewBox="0 0 2646 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field10 copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field10-copy" sketch:type="MSLayerGroup" transform="translate(0.500000, 0.500000)">
+            <rect id="Rectangle-1" stroke="#85ADE5" fill="#85ADE5" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <path d="M314.940377,273.356199 L342.769214,273.356199 L342.769214,174.579584 L314.940377,202.410702 L314.940377,273.356199 L314.940377,273.356199 Z M276.678256,240.652272 L276.678256,273.356199 L304.511493,273.356199 L304.511493,212.830827 L285.290896,232.04417 L276.678256,240.652272 L276.678256,240.652272 Z M353.197218,273.338171 L381.029575,273.338171 L381.029575,196.985624 L353.197218,169.171654 L353.197218,273.338171 L353.197218,273.338171 Z M391.459339,200.231085 L391.459339,273.356199 L419.290375,273.356199 L419.290375,172.408322 L397.472127,194.228674 L391.459339,200.231085 L391.459339,200.231085 Z M429.735979,273.356199 L457.549856,273.356199 L457.549856,134.172468 L429.735979,161.987756 L429.735979,273.356199 L429.735979,273.356199 Z M418.665602,77.6193899 L437.12107,96.0777595 L437.228426,96.1859269 L387.881848,145.519051 L350.687123,108.358716 L256,202.998148 L275.682577,222.653394 L350.688443,147.689434 L387.883168,184.84977 L456.909683,115.854804 L475.275396,134.208084 L481.270585,71.6438011 L418.665602,77.6193899 L418.665602,77.6193899 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
+            <path d="M2290.87012,262 L2260.77246,262 L2260.77246,165.642578 C2260.77246,155.160755 2261.29654,143.106839 2262.34473,129.480469 C2261.82064,130.22917 2259.89276,132.512676 2256.56104,136.331055 C2253.22931,140.149433 2246.73442,146.999951 2237.07617,156.882812 L2220.00586,138.240234 L2263.69238,97.8105469 L2290.87012,97.8105469 L2290.87012,262 Z M2413.61914,179.905273 C2413.61914,209.628729 2410.04414,231.116145 2402.89404,244.368164 C2395.74394,257.620183 2384.23283,264.246094 2368.36035,264.246094 C2352.48788,264.246094 2341.08906,257.582749 2334.16357,244.255859 C2327.23808,230.92897 2323.77539,209.478989 2323.77539,179.905273 C2323.77539,150.256688 2327.40654,128.731838 2334.66895,115.330078 C2341.93135,101.928318 2353.31145,95.2275391 2368.80957,95.2275391 C2384.60718,95.2275391 2396.0247,101.77858 2403.0625,114.880859 C2410.1003,127.983138 2413.61914,149.657726 2413.61914,179.905273 L2413.61914,179.905273 Z M2354.32227,179.905273 C2354.32227,202.890414 2355.31428,218.369589 2357.29834,226.343262 C2359.2824,234.316934 2363.04457,238.303711 2368.58496,238.303711 C2372.32847,238.303711 2375.22964,236.581723 2377.28857,233.137695 C2379.3475,229.693668 2380.82617,223.984903 2381.72461,216.01123 C2382.62305,208.037558 2383.07227,196.002359 2383.07227,179.905273 C2383.07227,157.294483 2382.0241,141.87146 2379.92773,133.635742 C2377.83137,125.400024 2374.05048,121.282227 2368.58496,121.282227 C2363.04457,121.282227 2359.2824,125.381307 2357.29834,133.57959 C2355.31428,141.777873 2354.32227,157.219613 2354.32227,179.905273 L2354.32227,179.905273 Z" id="10" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/pdf/field2-pdf.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2647px" height="347px" viewBox="0 0 2647 347" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field2 copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field2-copy" sketch:type="MSLayerGroup" transform="translate(1.000000, 1.000000)">
+            <rect id="Rectangle-1" stroke="#6BB5B4" fill="#6BB5B4" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <g id="Group" transform="translate(186.000000, 70.000000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
+                <g transform="translate(59.625000, 0.000000)" id="Shape">
+                    <path d="M165.530357,158.750865 C157.580357,155.984429 144.590625,155.133218 138.912054,152.934256 C134.937054,151.373702 128.619643,149.742215 126.632143,147.259516 C124.573661,144.847751 124.573661,127.32699 124.573661,127.32699 C124.573661,127.32699 129.542411,122.716263 131.600893,117.538062 C133.659375,112.359862 135.008036,98.3148789 135.008036,98.3148789 C135.008036,98.3148789 135.433929,98.4567474 136.072768,98.4567474 C137.563393,98.4567474 140.260714,97.4636678 141.538393,90.9377163 C143.1,82.9221453 146.08125,78.7370242 145.300446,72.849481 C144.732589,68.8771626 143.029018,68.2387543 142.035268,68.2387543 C141.538393,68.2387543 141.183482,68.3806228 141.183482,68.3806228 C141.183482,68.3806228 145.229464,62.4221453 145.229464,42.1349481 C145.229464,21.2802768 129.116518,0.709342561 99.375,0.638408304 C69.5625,0.709342561 53.5205357,21.2802768 53.5205357,42.1349481 C53.5205357,62.3512111 57.5665179,68.3806228 57.5665179,68.3806228 C57.5665179,68.3806228 57.2116071,68.2387543 56.7147321,68.2387543 C55.65,68.2387543 53.9464286,68.8771626 53.4495536,72.849481 C52.66875,78.7370242 55.5790179,82.9930796 57.2116071,90.9377163 C58.4892857,97.4636678 61.1866071,98.4567474 62.6772321,98.4567474 C63.3160714,98.4567474 63.7419643,98.3148789 63.7419643,98.3148789 C63.7419643,98.3148789 65.090625,112.430796 67.1491071,117.538062 C69.2075893,122.716263 74.1763393,127.32699 74.1763393,127.32699 C74.1763393,127.32699 74.1763393,144.847751 72.1178571,147.259516 C70.059375,149.67128 63.8129464,151.373702 59.8379464,152.934256 C54.159375,155.133218 41.1696429,155.984429 33.2196429,158.750865 C25.2696429,161.517301 0.709821429,173.079585 0.709821429,205 L198.040179,205 C198.040179,173.079585 173.551339,161.517301 165.530357,158.750865 L165.530357,158.750865 Z"></path>
+                </g>
+                <path d="M79.5709821,149.67128 C85.959375,146.479239 92.2058036,146.479239 97.0325893,145.84083 C97.0325893,145.84083 99.7299107,141.442907 90.8571429,139.882353 C90.8571429,139.882353 78.7191964,136.83218 77.2995536,135.129758 C75.8799107,133.427336 76.7316964,123.99308 76.7316964,123.99308 C76.7316964,123.99308 93.6964286,123.425606 100.439732,117.467128 C89.4375,101.010381 95.3290179,81.7871972 93.0575893,63.8408304 C90.8571429,45.9653979 80.1388393,34.7577855 59.625,34.7577855 C59.5540179,34.7577855 59.625,34.7577855 58.9151786,34.7577855 L58.9151786,34.7577855 C39.0401786,34.7577855 28.81875,45.9653979 26.5473214,63.9117647 C24.2758929,81.8581315 30.80625,103.209343 19.5200893,117.608997 C25.8375,123.212803 41.4535714,123.49654 43.228125,123.49654 L43.3700893,123.49654 L43.4410714,123.425606 C43.4410714,123.425606 44.1508929,133.49827 42.73125,135.200692 C41.3116071,136.903114 37.1236607,138.463668 34.284375,139.102076 C28.0379464,140.449827 21.4366071,142.648789 15.9709821,144.564014 C10.5053571,146.408304 0,157.474048 0,170.951557 L56.9276786,170.951557 C58.4892857,165.276817 69.2075893,154.920415 79.5709821,149.67128 L79.5709821,149.67128 Z" id="Shape"></path>
+                <path d="M261.072321,170.951557 L318,170.951557 C318,157.474048 307.494643,146.408304 302.029018,144.49308 C296.563393,142.577855 289.891071,140.378893 283.715625,139.031142 C280.805357,138.392734 276.688393,136.83218 275.26875,135.129758 C273.849107,133.427336 274.558929,123.354671 274.558929,123.354671 L274.629911,123.425606 L274.771875,123.425606 C276.546429,123.425606 292.233482,123.212803 298.550893,117.538062 C287.264732,103.138408 293.724107,81.7871972 291.452679,63.8408304 C289.18125,45.9653979 278.959821,34.7577855 259.084821,34.7577855 L259.084821,34.7577855 L258.375,34.7577855 C237.861161,34.7577855 227.071875,45.9653979 224.871429,63.9117647 C222.6,81.8581315 228.491518,101.081315 217.489286,117.538062 C224.232589,123.49654 241.197321,124.064014 241.197321,124.064014 C241.197321,124.064014 242.049107,133.49827 240.629464,135.200692 C239.209821,136.903114 227.071875,139.953287 227.071875,139.953287 C218.199107,141.513841 220.896429,145.911765 220.896429,145.911765 C225.723214,146.550173 232.040625,146.550173 238.358036,149.742215 C248.792411,154.920415 259.510714,165.276817 261.072321,170.951557 L261.072321,170.951557 Z" id="Shape"></path>
+            </g>
+            <path d="M2353.35742,269 L2265.31055,269 L2265.31055,246.202148 L2294.50977,204.874023 C2302.52087,193.493758 2308.02375,185.052274 2311.01855,179.549316 C2314.01336,174.046359 2316.222,168.768092 2317.64453,163.714355 C2319.06706,158.660619 2319.77832,153.438504 2319.77832,148.047852 C2319.77832,141.758758 2318.37453,137.042008 2315.56689,133.897461 C2312.75926,130.752914 2309.1094,129.180664 2304.61719,129.180664 C2300.64907,129.180664 2296.94305,130.228831 2293.49902,132.325195 C2290.055,134.42156 2285.86233,138.202447 2280.9209,143.667969 L2263.85059,125.699219 C2271.71195,116.789669 2279.01169,110.687842 2285.75,107.393555 C2292.48831,104.099267 2299.78805,102.452148 2307.64941,102.452148 C2320.90143,102.452148 2331.25208,106.345339 2338.70166,114.131836 C2346.15124,121.918333 2349.87598,132.73691 2349.87598,146.587891 C2349.87598,152.876985 2349.20216,158.829073 2347.85449,164.444336 C2346.50683,170.059598 2344.46665,175.693494 2341.73389,181.346191 C2339.00113,186.998889 2335.57587,192.876109 2331.45801,198.978027 C2327.34015,205.079946 2316.70874,219.06174 2299.56348,240.923828 L2299.56348,241.822266 L2353.35742,241.822266 L2353.35742,269 Z" id="2" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/pdf/field3-pdf.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2646px" height="346px" viewBox="0 0 2646 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field3 copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field3-copy" sketch:type="MSLayerGroup" transform="translate(0.500000, 0.500000)">
+            <rect id="Rectangle-1" stroke-opacity="0.95" stroke="#9881C1" fill-opacity="0.990234375" fill="#9881C1" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <g id="shopping-cart" transform="translate(243.000000, 60.000000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
+                <path d="M67.5,180 C55.125,180 45,190.125 45,202.5 C45,214.875 55.125,225 67.5,225 C79.875,225 90,214.875 90,202.5 C90,190.125 79.875,180 67.5,180 L67.5,180 L67.5,180 Z M0,0 L0,22.5 L22.5,22.5 L63,108 L47.25,135 C46.125,138.375 45,142.875 45,146.25 C45,158.625 55.125,168.75 67.5,168.75 L202.5,168.75 L202.5,146.25 L72,146.25 C70.875,146.25 69.75,145.125 69.75,144 L69.75,142.875 L79.875,123.75 L163.125,123.75 C172.125,123.75 178.875,119.25 182.25,112.5 L222.75,39.375 C225,37.125 225,36 225,33.75 C225,27 220.5,22.5 213.75,22.5 L47.25,22.5 L37.125,0 L0,0 L0,0 Z M180,180 C167.625,180 157.5,190.125 157.5,202.5 C157.5,214.875 167.625,225 180,225 C192.375,225 202.5,214.875 202.5,202.5 C202.5,190.125 192.375,180 180,180 L180,180 L180,180 Z" id="Shape"></path>
+            </g>
+            <path d="M2372.10059,134.758789 C2372.10059,145.090872 2369.55504,153.756964 2364.46387,160.757324 C2359.3727,167.757685 2352.18527,172.605455 2342.90137,175.300781 L2342.90137,176.199219 C2353.23345,177.846362 2361.22572,181.889291 2366.87842,188.328125 C2372.53112,194.766959 2375.35742,203.526637 2375.35742,214.607422 C2375.35742,229.731195 2370.65939,241.785111 2361.26318,250.769531 C2351.86698,259.753951 2339.00822,264.246094 2322.68652,264.246094 C2308.16171,264.246094 2295.95806,261.663112 2286.0752,256.49707 L2286.0752,229.094727 C2291.01663,232.089533 2296.36976,234.447908 2302.13477,236.169922 C2307.89977,237.891936 2313.44008,238.75293 2318.75586,238.75293 C2327.4408,238.75293 2333.99184,236.750183 2338.40918,232.744629 C2342.82652,228.739075 2345.03516,222.393924 2345.03516,213.708984 C2345.03516,197.312418 2334.96527,189.114258 2314.8252,189.114258 L2305.50391,189.114258 L2305.50391,166.316406 L2314.37598,166.316406 C2323.28553,166.316406 2330.11733,164.220073 2334.87158,160.027344 C2339.62584,155.834614 2342.00293,149.583049 2342.00293,141.272461 C2342.00293,134.758756 2340.48683,129.836117 2337.45459,126.504395 C2334.42235,123.172672 2330.1361,121.506836 2324.5957,121.506836 C2316.13537,121.506836 2307.89978,125.10055 2299.88867,132.288086 L2286.0752,112.073242 C2297.15598,100.992458 2311.11906,95.4521484 2327.96484,95.4521484 C2341.81582,95.4521484 2352.6344,98.9522762 2360.4209,105.952637 C2368.2074,112.952997 2372.10059,122.554952 2372.10059,134.758789 L2372.10059,134.758789 Z" id="3" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/pdf/field5-pdf.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2646px" height="346px" viewBox="0 0 2646 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field5 copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field5-copy" sketch:type="MSLayerGroup" transform="translate(0.500000, 0.500000)">
+            <rect id="Rectangle-1" stroke="#AED581" fill="#AED581" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <path d="M397.7,55 L275.3,55 C266.858225,55 260,61.8638281 260,70.3125 L260,284.6875 C260,293.151245 266.858225,300 275.3,300 L397.7,300 C406.156836,300 413,293.151245 413,284.6875 L413,70.3125 C413,61.8638281 406.156836,55 397.7,55 L397.7,55 Z M328.85,70.3125 L344.15,70.3125 C348.363477,70.3125 351.8,73.7444141 351.8,77.96875 C351.8,82.1930859 348.363477,85.625 344.15,85.625 L328.85,85.625 C324.629113,85.625 321.2,82.1930859 321.2,77.96875 C321.2,73.7444141 324.629113,70.3125 328.85,70.3125 L328.85,70.3125 Z M344.15,284.6875 L328.85,284.6875 C324.629113,284.6875 321.2,281.248169 321.2,277.03125 C321.2,272.814331 324.629113,269.375 328.85,269.375 L344.15,269.375 C348.363477,269.375 351.8,272.814331 351.8,277.03125 C351.8,281.248169 348.363477,284.6875 344.15,284.6875 L344.15,284.6875 Z M397.7,254.0625 L275.3,254.0625 L275.3,100.9375 L397.7,100.9375 L397.7,254.0625 L397.7,254.0625 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
+            <path d="M2313.15234,166.241211 C2325.50592,166.241211 2335.33248,170.546181 2342.63232,179.15625 C2349.93217,187.766319 2353.58203,199.558193 2353.58203,214.532227 C2353.58203,232.426196 2349.03374,246.351838 2339.93701,256.30957 C2330.84029,266.267302 2318.20614,271.246094 2302.03418,271.246094 C2287.65911,271.246094 2276.01697,268.513374 2267.10742,263.047852 L2267.10742,234.522461 C2270.9258,237.292657 2275.84844,239.744618 2281.87549,241.878418 C2287.90254,244.012218 2293.499,245.079102 2298.66504,245.079102 C2314.76212,245.079102 2322.81055,235.720471 2322.81055,217.00293 C2322.81055,199.558181 2314.98673,190.835938 2299.33887,190.835938 C2293.12464,190.835938 2286.53617,192.033842 2279.57324,194.429688 L2269.69043,187.129883 L2274.74414,104.810547 L2344.82227,104.810547 L2344.82227,132.100586 L2300.91113,132.100586 L2298.66504,167.588867 C2302.85777,166.690425 2307.68682,166.241211 2313.15234,166.241211 L2313.15234,166.241211 Z" id="5" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/pdf/field7-pdf.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2646px" height="346px" viewBox="0 0 2646 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field7 copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field7-copy" sketch:type="MSLayerGroup" transform="translate(0.500000, 0.500000)">
+            <rect id="Rectangle-1" stroke="#15AF97" fill="#15AF97" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <path d="M352.838513,264.5 C459.393796,180.767406 455.383336,150.996174 455.383336,127.775883 C455.383336,104.555592 436.163625,76.5 404.107453,76.5 C372.051281,76.5 352.838513,110.686236 352.838513,110.686236 C352.838513,110.686236 333.626012,76.5 301.569573,76.5 C269.513134,76.5 250.29369,104.555592 250.29369,127.775883 C250.29369,150.996174 246.28323,180.767406 352.838513,264.5 L352.838513,264.5 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
+            <path d="M2299.21484,260 L2345.25977,123.100586 L2287.98438,123.100586 L2287.98438,96.0351562 L2376.03125,96.0351562 L2376.03125,116.699219 L2330.77246,260 L2299.21484,260 Z" id="7" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/icons/pdf/field9-pdf.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="2646px" height="346px" viewBox="0 0 2646 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>field9 copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="field9-copy" sketch:type="MSLayerGroup" transform="translate(0.500000, 0.500000)">
+            <rect id="Rectangle-1" stroke="#15AF97" fill="#15AF97" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
+            <path d="M464.796969,246.533901 L372.548785,85.0996828 C370.150424,80.9026036 365.687094,78.3125 360.853118,78.3125 C356.019141,78.3125 351.555812,80.9026036 349.157661,85.0996828 L256.909476,246.533901 C254.527111,250.703197 254.54416,255.825103 256.954308,259.978193 C259.364455,264.131283 263.802949,266.6875 268.604933,266.6875 L453.101302,266.6875 C457.903076,266.6875 462.34178,264.131283 464.751928,259.978193 C467.162075,255.825103 467.179334,250.703197 464.796969,246.533901 L464.796969,246.533901 Z M374.323509,239.746718 L347.382727,239.746718 L347.382727,212.805936 L374.323509,212.805936 L374.323509,239.746718 L374.323509,239.746718 Z M374.323509,199.335545 L347.382727,199.335545 L347.382727,145.45398 L374.323509,145.45398 L374.323509,199.335545 L374.323509,199.335545 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
+            <path d="M2376.48047,169.348633 C2376.48047,232.613923 2355.32996,264.246094 2313.02832,264.246094 C2305.99052,264.246094 2300.15074,263.647141 2295.50879,262.449219 L2295.50879,236.731445 C2300.59996,238.378589 2305.35414,239.202148 2309.77148,239.202148 C2322.2748,239.202148 2331.76445,234.859744 2338.24072,226.174805 C2344.71699,217.489865 2348.29199,203.826265 2348.96582,185.183594 L2347.95508,185.183594 C2345.55923,191.098337 2342.13397,195.7215 2337.6792,199.053223 C2333.22442,202.384945 2327.92744,204.050781 2321.78809,204.050781 C2310.63243,204.050781 2301.98506,199.48377 2295.8457,190.349609 C2289.70635,181.215449 2286.63672,168.674884 2286.63672,152.727539 C2286.63672,135.20792 2290.66093,121.319713 2298.70947,111.0625 C2306.75802,100.805287 2317.52044,95.6767578 2330.99707,95.6767578 C2345.67162,95.6767578 2356.9207,102.003192 2364.74463,114.65625 C2372.56856,127.309308 2376.48047,145.53992 2376.48047,169.348633 L2376.48047,169.348633 Z M2331.22168,121.731445 C2326.72947,121.731445 2323.15447,124.164689 2320.49658,129.03125 C2317.83869,133.897811 2316.50977,141.571888 2316.50977,152.053711 C2316.50977,160.66378 2317.67024,167.383277 2319.99121,172.212402 C2322.31219,177.041528 2325.83103,179.456055 2330.54785,179.456055 C2334.81545,179.456055 2338.52147,177.004094 2341.66602,172.100098 C2344.81056,167.196102 2346.38281,161.599641 2346.38281,155.310547 C2346.38281,145.577425 2344.99774,137.54772 2342.22754,131.221191 C2339.45734,124.894662 2335.78876,121.731445 2331.22168,121.731445 L2331.22168,121.731445 Z" id="9" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>

canvas/1.7/index.php

@@ -0,0 +1,800 @@
+<?php
+  session_start();
+  if (isset($_SESSION['userlogin'], $_SESSION['userfirstname'])) {
+    $email = $_SESSION['userlogin'];
+    $name = $_SESSION['userfirstname'];
+    if (isset($_SESSION['canvas_id'])) {
+      $canvas_id = $_SESSION['canvas_id'];
+    }
+  }
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="description" content="Brainstorm about the ethical implications of your project and represent them in a canvas.">
+        <meta name="keywords" content="ethics canvas, ethics, social entrepreneurship, research, innovation, privacy, business development, business model canvas, open source tools">
+        <title>The Ethics Canvas</title>
+
+        <!-- favicons -->
+        <link rel="icon" href="../../icon/favicon.ico"/>
+
+        <!-- Bootstrap -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
+        <!-- Google font -->
+        <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
+        <!-- App style -->
+        <link rel="stylesheet" type="text/css" href="css/canvas.css">
+
+        <!-- php variables have to be retieved here as js variables -->
+        <script type="text/javascript">
+          var email_save_canvas = '<?php echo $email; ?>';
+          var user_save_canvas = '<?php echo $name; ?>';
+          var current_canvas_id = '<?php echo $canvas_id; ?>';
+        </script>
+
+    </head>
+    <body>
+
+        <div class="container-fluid">
+
+            <form class="canvas-form form" action="mpdf/canvas-pdf.php" method="post" target="_blank">
+                <!-- Canvas Form Header -->
+                <div class="form-header row text-center">
+                    <div class="col-md-3 ">
+                        <!--logo -->
+                        <h1 class="page_title ">
+                            <a class="logo" href="../../index.html">
+                                <img src="icons/logo-black-text.svg" alt="Online Ethics Canvas"/>
+                            </a>
+                        </h1>
+                    </div>
+                    <div class="col-md-3  ">
+                        <label class="project_title">Project Title</label>
+                        <input class="proj_title" name="field_00[]" type="text"/>
+                    </div>
+                    <div class="col-md-3  ">
+                        <label class="project_date">Date</label>
+                        <input class="proj_date" name="field_00[]" type="date"/>
+                    </div>
+                    <!-- login coming soon -->
+                    <div class="col-md-3  ">
+                    <?php if (!empty($name)) { ?>
+
+                          <!-- bootstrap dropdown component -->
+                        <div class="dropdown user-profile">
+                            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+                            <img src="../../icon/profile.svg"/><span><?php echo $name; ?></span>
+                            <span class="caret"></span>
+                          </button>
+                          <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
+                            <li><a id="toDashboard" href="../php/dashboard.php">Your Canvases</a></li>
+                            <!-- <li><a href="#">Something else here</a></li> -->
+                            <li role="separator" class="divider"></li>
+                            <li><a id="logout" href="#">Log Out</a></li>
+                          </ul>
+                        </div>
+                    <?php } ?>
+                    </div>
+
+                </div>
+
+                <!-- LAYOUT -->
+                <!-- ================ 8/5 col=================== -->
+                <div class="canvas-box">
+                    <div class="masonry-layout8-5" id="8-5-col-layout">
+                        <div class="masonry-layout__panel ">
+                            <div class="card field_01 masonry-layout__panel-content bg--purple ">
+                                <h2 class="field-title">
+                                    <!-- FIELD 1 -->
+                                    Individuals Affected
+                                </h2>
+
+                                <p class="intro">
+                                    Relevant types of individual stakeholders affected by the project, such as men/women, user/non-user, age, category, etc.
+                                </p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_01" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                        <span class=" handle glyphicon glyphicon-th"></span>
+                                        <span class="glyphicon glyphicon-trash remove"></span>
+                                        <textarea name="field_01[]">Item 1</textarea>
+
+                                    </li> -->
+
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea data-limit-rows="true" class="new_item expandable" rows="2" maxlength="100" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+                        <div class="masonry-layout__panel ">
+                            <div class="card field_05 masonry-layout__panel-content bg--blue">
+                                <h2 class="field-title">
+                                    <!-- FIELD 5 -->
+                                    Changes in Behaviour
+                                </h2>
+                                <p class="intro">
+                                    Problematic differences in behaviour such as differences in habits, time schedules, choice of activities, etc.</p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_05" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                        <span class=" handle glyphicon glyphicon-th"></span>
+                                        <span class="glyphicon glyphicon-trash remove"></span>
+                                        <textarea name="field_05[]">Item 1</textarea>
+
+                                    </li> -->
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea class="new_item expandable" rows="2" maxlength="100" data-limit-rows="true" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+                                <!-- the field id icons -->
+
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+                        <div class="masonry-layout__panel">
+                            <div class="card field_06 masonry-layout__panel-content bg--green ">
+                                <h2 class="field-title">
+                                    <!-- Field 6 -->
+                                    Changes in Relations
+                                </h2>
+                                <p class="intro">
+                                    Problematic changes in relations between people, such ways of communication, frequency of interpersonal contact etc.</p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_06" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                        <span class=" handle glyphicon glyphicon-th"></span>
+                                        <span class="glyphicon glyphicon-trash remove"></span>
+                                        <textarea name="field_06[]">Item 1</textarea>
+
+                                    </li> -->
+
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea class="new_item expandable" rows="2" maxlength="100" data-limit-rows="true" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+                        <div class="masonry-layout__panel">
+                            <div class="card field_11 masonry-layout__panel-content bg--green1 ">
+                                <h2 class="field-title">
+                                    <!-- Field 11 -->
+                                    Social Conflicts
+                                </h2>
+                                <p class="intro">
+                                    Possible social conflicts that could be caused by the project, such as labour conflicts, minority conflicts etc.</p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_11" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                        <span class=" handle glyphicon glyphicon-th"></span>
+                                        <span class="glyphicon glyphicon-trash remove"></span>
+                                        <textarea name="field_11[]">Item 1</textarea>
+                                    </li> -->
+
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea class="new_item expandable" rows="2" maxlength="100" data-limit-rows="true" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+                        <div class="masonry-layout__panel">
+                            <div class="card field_12 masonry-layout__panel-content bg--darkblue">
+                                <h2 class="field-title">
+                                    <!-- Field 12 -->
+                                    Resolving Ethical Impacts
+                                </h2>
+                                <p class="intro">
+                                    Select the four most important ethical impacts you discussed. Discuss ways of solving these impacts by changing your project’s product/service design, organisation or by providing recommendations.</p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_12" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                        <span class=" handle glyphicon glyphicon-th"></span>
+                                        <span class="glyphicon glyphicon-trash remove"></span>
+                                        <textarea name="field_12[]">Item 1</textarea>
+                                    </li> -->
+
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea class="new_item expandable" rows="2" maxlength="100" data-limit-rows="true" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+                        <div class="masonry-layout__panel">
+                            <div class="card field_07 masonry-layout__panel-content bg--green">
+                                <h2 class="field-title">
+                                    <!-- Field 7 -->
+                                    Group Interests
+                                </h2>
+                                <p class="intro">
+                                    Relevant ethical interests that other groups might have in your project; such as environmental, privacy, justice interests.</p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_07" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                      <span class=" handle glyphicon glyphicon-th"></span>
+                                      <span class="glyphicon glyphicon-trash remove"></span>
+                                      <textarea name="field_07[]">Item 1</textarea>
+                                  </li> -->
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea class="new_item expandable" rows="2" maxlength="100" data-limit-rows="true" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+                        <div class="masonry-layout__panel">
+                            <div class="card field_08 masonry-layout__panel-content bg--seagreen">
+                                <h2 class="field-title">
+                                    <!-- Field 8 -->
+                                    Public Sphere
+                                </h2>
+                                <p class="intro">
+                                    How the general perception of somebody’s role in society can be affected by the project, e.g. people behaving more individualistic or collectivist, people behaving more or less materialistic.</p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_08" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                      <span class=" handle glyphicon glyphicon-th"></span>
+                                      <span class="glyphicon glyphicon-trash remove"></span>
+                                      <textarea name="field_08[]">Item 1</textarea>
+                                  </li> -->
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea class="new_item expandable" rows="2" maxlength="100" data-limit-rows="true" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+                        <div class="masonry-layout__panel ">
+                            <div class="card field_02 masonry-layout__panel-content bg--purple ">
+                                <h2 class="field-title">
+                                    <!-- Field 2 -->
+                                    Organisations and Groups Affected
+                                </h2>
+                                <p class="intro">
+                                    Relavant collective stakeholders that can be affected by your project, such as environmental and religious groups, competing companies and government agencies; considering any interest they might have in the effects of the project.</p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_02" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                      <span class=" handle glyphicon glyphicon-th"></span>
+                                      <span class="glyphicon glyphicon-trash remove"></span>
+                                      <textarea name="field_02[]">Item 1</textarea>
+                                  </li> -->
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea class="new_item expandable" rows="2" maxlength="100" data-limit-rows="true" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+
+                    </div>
+
+                    <!-- ================ 4 col ==================== -->
+                    <div class="masonry-layout4 " id="4-col-layout">
+                        <div class="masonry-layout__panel ">
+                            <div class="card field_03 masonry-layout__panel-content bg--seagreen ">
+                                <h2 class="field-title">
+                                    <!-- Field 3 -->
+                                    Products and Services provided
+                                </h2>
+                                <p class="intro">
+                                    Discuss the different types of products and services that your project will provide.</p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_03" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                      <span class=" handle glyphicon glyphicon-th"></span>
+                                      <span class="glyphicon glyphicon-trash remove"></span>
+                                      <textarea name="field_03[]">Item 1</textarea>
+                                  </li> -->
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea class="new_item expandable" rows="2" maxlength="100" data-limit-rows="true" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+                        <div class="masonry-layout__panel">
+                            <div class="card field_09 masonry-layout__panel-content bg--blue ">
+                                <h2 class="field-title">
+                                    <!-- Field 9 -->
+                                    Impact of Product or Service Failure
+                                </h2>
+                                <p class="intro">
+                                    Negative impacts of failure of your products or services such as technical failure, human failure, etc.</p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_09" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                      <span class=" handle glyphicon glyphicon-th"></span>
+                                      <span class="glyphicon glyphicon-trash remove"></span>
+                                      <textarea name="field_09[]">Item 1</textarea>
+                                  </li> -->
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea class="new_item expandable" rows="2" maxlength="100" data-limit-rows="true" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+                        <div class="masonry-layout__panel ">
+                            <div class="card field_10 masonry-layout__panel-content bg--green ">
+                                <h2 class="field-title">
+                                    <!-- Field 10 -->
+                                    Impact of Resource Consumption
+                                </h2>
+                                <p class="intro">
+                                    Possible negative impacts of the consumption of resources of your project, e.g. climate impacts, privacy impacts, employment impacts.</p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_10" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                      <span class=" handle glyphicon glyphicon-th"></span>
+                                      <span class="glyphicon glyphicon-trash remove"></span>
+                                      <textarea name="field_10[]">Item 1</textarea>
+                                  </li> -->
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea class="new_item expandable" rows="2" maxlength="100" data-limit-rows="true" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+                        <div class="masonry-layout__panel ">
+                            <div class="card field_04 masonry-layout__panel-content bg--green1 ">
+                                <h2 class="field-title">
+                                    <!-- Field 4 -->
+                                    Resources Needed
+                                </h2>
+                                <p class="intro">
+                                    The consumption of energy or raw materials, but also about the consumption of human resources for your project</p>
+                                <!-- Into text toggler -->
+                                <button type="button" class="intro-toggle">
+                                    <!-- glyphicon glyphicon-minus-sign -->
+                                    <span class="intro-toggle-icon glyphicon glyphicon-minus-sign"></span>
+                                    <span class="intro-toggle-text">Hide description</span>
+                                </button>
+                                <!-- Item list in the field -->
+                                <!-- the ul id is used in js code to give the right name attribute to the added cards (user input) -->
+                                <ul id="field_04" class="item_list sortable connectedList">
+                                    <!-- html format of the added items:  -->
+                                    <!-- <li class="added_item">
+                                      <span class=" handle glyphicon glyphicon-th"></span>
+                                      <span class="glyphicon glyphicon-trash remove"></span>
+                                      <textarea name="field_04[]">Item 1</textarea>
+                                  </li> -->
+                                </ul>
+                                <!-- The Box With All User input Things -->
+                                <div class="add_box">
+                                    <!--  # Add idea link   -->
+                                    <a class="add-idea" href="#">
+                                        Add an idea
+                                    </a>
+                                    <!--  # User Input   -->
+                                    <div class="user-input">
+                                        <label>Your Idea</label><br>
+                                        <p>
+                                            <textarea class="new_item expandable" rows="2" maxlength="100" data-limit-rows="true" data-autoresize type="text" name="new_item" placeholder="Write an idea here ..."></textarea>
+                                        </p>
+                                        <p class="chars-count">
+                                            <span class="chars">100</span>
+                                            characters remaining</p>
+                                        <button type="button" class="add_btn">Add</button>
+                                    </div>
+                                    <!-- end of user input -->
+                                </div>
+                                <!-- end of add_box-->
+
+                            </div>
+                            <!-- end of .card -->
+                        </div>
+                    </div>
+                </div>
+                <!-- end of .canvas.box -->
+                <!-- FORM BUTTON BOX -->
+                <div class="row">
+
+                    <div class="imp-exp-btn col-md-4 col-md-offset-4">
+
+                        <!-- form buttons -->
+
+
+                        <?php if (!empty($name)) { ?>
+
+                          <p class="text-center">
+                            <!-- Export JSON and also save the canvas for the registered user -->
+                              <button class="json_exp" type="button" name="json_exp">Save This Canvas</button>
+                          </p>
+ 
+                        <!-- BEGIN SHARE CANVAS -->
+                        <p class="text-center">
+                          <button class="share_canvas" type="submit" name="share-canvas">Share This Canvas</button>
+                        </p>
+                        <div class="share_canvas_email text-center">
+                          <p>
+                            <label>Send this canvas to:</label>
+                          </p>
+                          <p>
+                            <input type="email" name="share-canvas-email" placeholder="type an email adress here..."/>
+                          </p>
+                          <p class="text-center">
+                            <button class="share_canvas_send" type="button" name="share-canvas-send">Send</button>
+                          </p>
+                        </div>
+                       <!-- END SHARE CANVAS -->
+
+
+                        <?php } else{?>
+
+                          <p class="text-center">
+                            <!-- Export JSON and also save the canvas for the registered user -->
+                              <a class="login-to-save"  href="../../index.html">Sign up or login to save your canvas</a>
+                          </p>
+  <?php }?>
+
+
+                        <!-- BEGIN EXPORT PDF -->
+                        <p class="text-center">
+                          <input class="pdf_exp" type="submit" name="export-pdf" value="Download as PDF">
+                        </p>
+                        <!-- END EXPORT PDF -->
+                        
+                    </div>
+
+                </div>
+
+            </form>
+            <!-- end of .form -->
+            <!-- hidden place to show JSON info -->
+            <pre id="result" class="text-center">
+
+             </pre>
+
+            <div class="row">
+                <footer class="col-md-12 text-center">
+                  <div class="contact">
+                    <h2>Contact us:</h2>
+                    <p> hello@ethicscanvas.org  </p>
+                  </div>
+                    <div class="license">
+                        <p>The Ethics Canvas is adapted from Alex Osterwalder’s Business Model Canvas.</p>
+                        <p>The Business Model Canvas is designed by: Business Model Foundry AG.
+                        </p>
+                        <p>
+                            This work is licensed under the Creative Commons Attribution-Share Alike 3.0 unported license.</p>
+                          <p class="cc"><span class="glyphicon glyphicon-list" aria-hidden="true"></span> View a copy of this license on:</p>
+                        <p>
+                          <a href="https://creativecommons.org/licenses/by-sa/3.0/">creativecommons.org</a>
+
+                        </p>
+                        <p class="bmc"><span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
+                            View the original Business Model Canvas on:
+                        </p>
+                        <p>
+                          <a href="https://strategyzer.com/canvas">strategyzer.com</a>
+                        </p>
+                    </div>
+                     <div class="license-icons">
+                       <ul>
+                         <li><img src="../../icon/by.large.png" alt="ethics-canvas-by-icon"/> </li>
+                            <li><img src="../../icon/share.large.png" alt="ethics-canvas-share-icon"/> </li>
+                         <li><img src="../../icon/cc.large.png" alt="ethics-canvas-cc-icon"/> </li>
+                         <li> <img src="../../icon/remix.large.png" alt="ethics-canvas-remix-icon"/></li>
+                         <li> <img src="../../icon/sa.large.png" alt="ethics-canvas-sa-icon"/></li>
+                       </ul>
+                     </div>
+                      <p class="ethics-copy terms"><a href="../../privacy-terms/terms.html">Terms of Service</a></p>
+                      <p class="ethics-copy privacy"><a href="../../privacy-terms/privacy.html">Privacy Policy</a></p>
+
+                    <p class="ethics-copy">The ADAPT Centre for Digital Content Technology</p> <p class="ethics-copy">is funded under the SFI Research Centres Programme (Grant 13/RC/2106).</p><p class="ethics-copy">It is co-funded under the European Regional Development Fund.</p>
+                    <p class="ethics-copy">Ethics Canvas v1.7|&copy; ADAPT Center & Trinity College Dublin & Dublin City University, 2016</p>
+
+
+                </footer>
+            </div>
+        </div>
+        <!-- end of container-fluid -->
+
+
+        <!-- jQuery -->
+        <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
+        <!-- jquery UI  -->
+        <script src="https://code.jquery.com/ui/1.12.0-rc.2/jquery-ui.min.js" integrity="sha256-55Jz3pBCF8z9jBO1qQ7cIf0L+neuPTD1u7Ytzrp2dqo=" crossorigin="anonymous"></script>
+        <!-- Bootstrap -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
+        <!-- The app javascript -->
+        <script src="js/canvas.js" charset="utf-8"></script>
+        <script language="javascript" type="text/javascript"></script>
+
+    </body>
+
+</html>

canvas/1.7/js/canvas.js

@@ -0,0 +1,626 @@
+/* Contains all the Javascript logic of the canvas and its main features: save, export and share */
+
+$(function() {
+    // Prevent AJAX requests from being cached
+    $.ajaxSetup({ cache: false });
+    
+    /*This piece of code is for making the column-count and column-gap CSS to work in Firefox*/
+    document.getElementById("8-5-col-layout").style.MozColumnCount =
+        "5";
+    document.getElementById("4-col-layout").style.MozColumnCount =
+        "4"; // end of Firefox fix
+
+
+    /* Prevent pressing ENTER on Project Title from submitting the form */
+    $('.proj_title').keydown(function(event){
+      if(event.keyCode == 13) {
+        event.preventDefault();
+        return false;
+      }
+    });
+
+
+    /*================================
+       Serialize Form to JSON
+      ================================*/
+    $.fn.serializeObject = function() {
+        var o = {};
+        var a = this.serializeArray();
+        $.each(a, function() {
+
+            if (o[this.name]) {
+                if (!o[this.name].push) {
+                    o[this.name] = [o[this.name]];
+                }
+                o[this.name].push(this.value || '');
+            } else {
+                o[this.name] = this.value || '';
+            }
+        });
+        return o;
+    }; // end of $.fn.serializeObject ...
+    /*=====================================
+        Getting the current date
+     =====================================*/
+    var fullDate = new Date();
+    var twoDigitMonth = fullDate.getMonth() + "";
+    if (twoDigitMonth.length == 1) twoDigitMonth = "0" + twoDigitMonth;
+    var twoDigitDate = fullDate.getDate() + "";
+    if (twoDigitDate.length == 1) twoDigitDate = "0" + twoDigitDate;
+
+    var currentDate = fullDate.getFullYear() + "-" + twoDigitMonth + "-" +
+        twoDigitDate;
+    // set the currebt date in the date input field
+    $('.proj_date').val(currentDate);
+    /*========================================
+        USER LOGS OUT (dropdown menu)
+    ==========================================*/
+    $('.user-profile').on('click', '#logout', function() {
+        var url = 'php/logout.php';
+        $.post(url, function(data, status) {
+            if (data == 200) {
+                $('.user-profile').hide();
+                window.location.href="https://www.ethicscanvas.org";
+            }
+        });
+    });
+
+    /*========================================
+     When the page loads, Import the chosen canvas if the user has picked one from the dashbord,
+    otherwise load an empty canvas
+    ==========================================*/
+
+    // if a canvas is chosen by the user to be loaded
+    if (current_canvas_id !== '') {
+
+        var url = '../json/' + current_canvas_id + '.json';
+        // var url= 'json/test_canvas.json';
+
+        // get the saved ISON object in the sendJSON.text file
+        $.getJSON(url, function(returnedObj) {
+
+            //Display the json data in the html
+
+            var itemListHTML = '';
+            //iterate through the object
+            $.each(returnedObj, function(key, value) {
+                /* project name and tem field*/
+                if (key === 'field_00[]') {
+
+                    $('.form-header').find('input.proj_title').val(value[
+                        0]);
+                    $('.form-header').find('input.proj_date').val(value[1]);
+
+
+                } // end of if(key === 'field_00[]')
+                else if (key !== 'new_item') {
+
+                    if ($.type(value) === "array") {
+                        $.each(value, function(i, itm) {
+
+                            /** FIX DUPLICATIONs in the canvas when importing
+                            /*  Importing will override the canvas content
+                              clear the canvas by giving en emty content to the ul list (remove previous list items) */
+                            $('.canvas-form').find('.card').filter('.' +
+                                key.substr(0, 8)).find('ul.item_list').html(
+                                '');
+
+                            /* Create a list item with each value item
+                            and give it text area with the name attribute as the "key" (right field name) */
+
+                            itemListHTML +=
+                                '<li class="added_item"><span class="handle glyphicon glyphicon-th"></span><textarea maxlength="100" class="expandable" rows="3" data-limit-rows="true"  data-autoresize  name="' +
+                                key + '">' + itm +
+                                '</textarea><span class="remove glyphicon glyphicon-remove-circle"></span></li>';
+
+                        }); //end of $.each(value ...
+                    } // end of if($.type(value)==="array")
+                    else { // a single value string
+                        itemListHTML +=
+                            '<li class="added_item"><span class="handle glyphicon glyphicon-th"></span><textarea maxlength="100" class="expandable" rows="3" data-limit-rows="true"  data-autoresize  name="' +
+                            key + '">' + value +
+                            '</textarea><span class="remove glyphicon glyphicon-remove-circle"></span></li>';
+                    }
+                    /* Append the created list items/textatreas to the right field based on the "key"*/
+                    /* the str.substr(start,length)
+                    is used to remove the [] from the end of the "key"name (for each field. also the name attributes accociated with each fiels) so that we can select the right class (right field) and append the created lists to the right field
+                    so field names/key/name attribute will tuen into class names: ex:  field_1[] becomes field_1
+                    */
+                    // find the field by its class names besed on the current key name
+                    // append the created list of item values to that right field
+
+                    $('.canvas-form').find('.card').filter('.' + key.substr(
+                        0, 8)).find('ul.item_list').append(itemListHTML);
+                    /*$('form').find('.card').filter('.field_1').find('ul.item_list').append(itemListHTML); */
+                    /* !! Empty the item list after each count of "key" so that the previous item lists from the other fields (associated with the previous key) don't get added up to the item list of other fields */
+                    itemListHTML = '';
+
+                } //end of   if(key !== ...
+            }); //end of $.each(returnedObj...
+
+        }); // end of $.getJSON
+
+        /*--- fix the heights after importing  ---*/
+        fixHeights();
+        /*--------------------------------*/
+
+    }
+
+
+
+    /*=======================================
+       Toggle the introduction text in fields
+     =======================================*/
+    //$(selector).toggle(speed,easing,callback)
+    $('.card').on('click', '.intro-toggle', function() {
+        var $TogglingText = $($(this).closest('.card').find('.intro'));
+        var $Toggler = $($(this).closest('.card').find('.intro-toggle'));
+        $TogglingText.toggle('slow', function() {
+            /*Do this when toggling: */
+            // the boolean .is(':visible') of the current toggle state
+            if ($TogglingText.is(':visible')) {
+                // change the text of the toggle
+                $Toggler.find('.intro-toggle-text').text('Hide description');
+                // change the icon of the toggle
+                $Toggler.find('.intro-toggle-icon').switchClass(
+                    "glyphicon-plus-sign", "glyphicon-minus-sign", 1000,
+                    "easeInOutQuad");
+            } else {
+                $Toggler.find('.intro-toggle-text').text('Show description');
+                $Toggler.find('.intro-toggle-icon').switchClass(
+                    "glyphicon-minus-sign", "glyphicon-plus-sign", 1000,
+                    "easeInOutQuad");
+
+            }
+
+        }); //end of toggle
+
+    }); //end of click
+
+    /*================================
+       Auto expand user input textareas
+     ================================*/
+    /*Works for textareas already exsting in the html when the page loads -> User input*/
+    $.each(jQuery('textarea[data-autoresize]'), function() {
+        var offset = this.offsetHeight - this.clientHeight;
+
+        var resizeTextarea = function(el) {
+            $(el).css('height', 'auto').css('height', el.scrollHeight +
+                offset);
+        };
+        $(this).on('keyup input', function() {
+            resizeTextarea(this);
+        }).removeAttr('data-autoresize');
+    });
+    /*===========================================
+       Limiting the number of lines in textareas
+      ===========================================*/
+    // <textarea data-limit-rows="true" cols="60" rows="8"></textarea>
+    $('.card').on('keypress', 'textarea[data-limit-rows=true]', function(
+        event) {
+        var textarea = $(this),
+            text = textarea.val(),
+            /* match() -> Searches a string for a match against a regular expression, and returns the matches, as an Array object.*/
+            numberOfLines = (text.match(/\n/g) || []).length + 1,
+            maxRows = parseInt(textarea.attr('rows'));
+
+        // if the number of lines have reached the max rows
+        if (numberOfLines === maxRows) {
+            return false;
+        }
+
+    });
+    /*================================
+      Handling user input, ADD items
+      A. Add button
+      B. Clicking enter
+      ================================*/
+    /*------------------------------
+       add new idea slide effect
+    ------------------------------*/
+    /* When clicking on "add a new idea", Slide down and show the  input field for adding a new item (from the begining,it is set to display:hidden with CSS).If clicked again, slide it up. After that, set the textarea in automatic focus*/
+    $('.card').on('click', 'a.add-idea', function(event) {
+        //  stop the default behavior of the link (jumping back to the start of the page)
+        event.preventDefault();
+        //set the textarea automatically in focus
+        $(this).closest('.card').find('.user-input').slideToggle("slow",
+            function() {
+                //When the toggle animation is complete:
+                // set the text area in focus
+                $(this).closest('.card').find('.new_item').val('');
+                 $(this).closest('.card').find('.chars').text(maxLength);
+                $(this).closest('.card').find('.new_item').focus();
+            });
+
+    });
+
+    /*----------------------------------------
+     Limiting the number of characters to type
+    ------------------------------------------*/
+    var maxLength = 100;
+    $('.card').on('keyup', '.new_item', function() {
+        var length = $(this).val().length;
+        length = maxLength - length;
+        //show the characters remaining only on this field
+        $(this).closest('.user-input').find('.chars').text(length);
+    });
+
+
+
+    /*-------------------------------
+        A. When we click the add btn to
+         add the item to the list
+    ---------------------------------- */
+    //event deligation to handle the present and future elements that are dynamically added
+    $('.card').on('click', '.add_btn', function() {
+        var new_item = $(this).closest('.card').find('.new_item').val();
+        var new_item_height = $(this).closest('.card').find('.new_item').height();
+        //number of items are in the list
+        var fieldItemCount = $(this).closest('.card').find('ul.item_list').find(
+            'li').length;
+        // new item added, increment the number of items
+        fieldItemCount++;
+        //add the input value as a textarea item
+        /* create a name attribute in the "field_nr[]" format to be able to tag each new item with the right field attr name (based on the field they are added to). This is to format the json file for each group of dynamically added items. We get the name attribute directly from the id attribute of the ul list in each card (the one we pressed the add button in) */
+        // if the new item input exist (is not empty), add the item
+
+        if (new_item) {
+            var field_attr = $(this).closest('.card').find('ul.item_list').attr(
+                'id') + '[]';
+            /*The height of the newly added item = the height of the add new idea textarea*/
+            $(this).closest('.card').find('ul.item_list').append(
+                '<li class="added_item"><span class="handle glyphicon glyphicon-th"></span><textarea maxlength="100" class="expandable" rows="3" data-limit-rows="true" data-autoresize   name="' +
+                field_attr + '">' +
+                new_item +
+                '</textarea><span class="remove glyphicon glyphicon-remove-circle"></span></li>'
+            );
+
+            // Fix the heights only after a new item is added
+            //  fixHeights();
+        } // end of if(new_item){
+        //clear the new item the text area value
+        $(this).closest('.card').find('.new_item').val('');
+        /* When clicking on "add idea",  hide the  input field for adding a new item (slideUp() doesn't work nicely here)*/
+        $(this).closest('.card').find('.user-input').hide("fast", function() {
+            // Animation complete.
+        });
+
+    });
+
+    /*----------------------------------------
+       B. Clicking enter in the add idea textarea,
+       will add the new item to the card
+    -------------------------------------------*/
+    //<textarea data-limit-rows="true" ></textarea>
+    $('.card').on('keypress', 'textarea[data-limit-rows=true]', function(
+        event) {
+        var textarea = $(this);
+        var text = textarea.val();
+
+        /* The jQuery event.which -->
+         Returns which keyboard key was pressed: */
+        // if the enter is pressed, event.which === 13
+        if (event.which === 13) {
+            var new_item = $(this).closest('.card').find('.new_item').val();
+            var new_item_height = $(this).closest('.card').find('.new_item').height();
+            //number of items are in the list
+            var fieldItemCount = $(this).closest('.card').find('ul.item_list')
+                .find(
+                    'li').length;
+            // new item added, increment the number of items
+            fieldItemCount++;
+            //add the input value as a textarea item
+            /* create a name attribute in the "field_nr[]" format to be able to tag each new item with the right field attr name (based on the field they are added to). This is to format the json file for each group of dynamically added items. We get the name attribute directly from the id attribute of the ul list in each card (the one we pressed the add button in) */
+            // if the new item input exist (is not empty), add the item
+
+            if (new_item) {
+                var field_attr = $(this).closest('.card').find('ul.item_list').attr(
+                    'id') + '[]';
+                /*The height of the newly added item = the height of the add new idea textarea*/
+                $(this).closest('.card').find('ul.item_list').append(
+                    '<li class="added_item"><span class="handle glyphicon glyphicon-th"></span><textarea maxlength="100" class="expandable" rows="3" data-limit-rows="true" data-autoresize   name="' + field_attr + '">' + new_item + '</textarea><span class="remove glyphicon glyphicon-remove-circle"></span></li>');
+                // Fix the heights only after a new item is added
+                //  fixHeights();
+            } // end of if(new_item){
+            //clear the new item the text area value
+            $(this).closest('.card').find('.new_item').val('');
+            /* When clicking on "add idea",  hide the  input field for adding a new item (slideUp() doesn't work nicely here)*/
+            $(this).closest('.card').find('.user-input').hide("fast",
+                function() {
+                    // Animation complete.
+                });
+
+        }
+
+    });
+
+
+    /*================================
+            Deleting items
+    ================================*/
+    //  when the cross beside the textarea is clicked (span.remove)
+    // remove that list item
+    $('.card').on('click', 'span.remove', function() {
+        $(this).closest('li').remove();
+    });
+
+    /*================================
+          Sortable field items
+     ================================*/
+    //make items sortable in their fields and between fields
+    $('.sortable').sortable({
+        connectWith: '.connectedList',
+        placeholder: "sort-placeholder",
+        //  revert: true
+
+        zIndex: 300 //or greater than any other relative/absolute/fixed elements and droppables
+    });
+
+    /*================================
+        Sorting and Dragging events
+     ================================*/
+
+    /*sortstart
+     sortover
+     sortstop*/
+    /**
+      every textarea in a item needs to get the right name attribute once they have been dropped in another field (so it ends up in the right place in the json file)
+    **/
+
+    /*Dragging starts*/
+    $(".sortable").on("sortstart", function(event, ui) {
+        // WHEN WE SORT CARDS, $(this) ---> the "begining" ul with the class of .sortable
+    });
+    /*Dragging ends: item dropped*/
+    $(".sortable").on("sortstop", function(event, ui) {
+        // get the id of the field ul (to set the name attribute of textareas)
+        // # mouseleave is the right event for when we release and leave a card mouseup doesn't work properly in this case
+        $('.card').on('mouseleave', 'li', function() {
+            //$(selector).attr(attribute,value)
+            var fieldAttr = $(this).closest('ul.item_list').attr('id');
+            $(this).find('textarea').attr('name', fieldAttr + '[]');
+        });
+
+    }); // end of $(".sortable").on("sortstop"...
+
+
+    /* ===============================================
+         SAVING THE CANVAS:
+         CLICK ON #EXPORT JSON# form button
+      ================================================*/
+
+
+    /*---------------------------------------------------
+       When the user clicks on the SAVE CANVAS button
+     ---------------------------------------------------*/
+    $('.canvas-form').on('click', '.json_exp', function() {
+
+
+        /* ---------------------------------------------
+            A: saving the canvas
+            as a registered user
+         ----------------------------------------------*/
+        //   php variables are retieved in the header of the canvas index.php as js variables -->
+        var name_save_canvas = $('.form-header').find('.proj_title').val();
+        var date_save_canvas = $('.form-header').find('.proj_date').val();
+        var save_canvas_obj = {
+            'email_save_canvas': email_save_canvas,
+            'name_save_canvas': name_save_canvas,
+            'date_save_canvas': date_save_canvas
+        };
+
+        var save_canvas = $.param(save_canvas_obj);
+        /*  Post the JSON stringified object to the php file
+        (the php script will save it in a .json file )*/
+        var save_reg_url = "php/save-canvas.php";
+
+        $.post(save_reg_url, {
+            save_canvas: save_canvas
+        }, function(data, status) {
+            //the returned data is successful, is the $canvas_id
+            var canvas_id = data;
+            // send this canvas_id with the next ajax requestedto the php/canvas.php file and use it as the name of the json file to be saved
+
+            // Give the user feedback that the canvas is saved
+            if (data !== 400 || data !== 401) {
+                if ($('.imp-exp-btn ').find(".save-canvas-feedback") !== null) {
+                    $('.imp-exp-btn ').find(".save-canvas-feedback").remove();
+
+
+                }
+                $('.canvas-form').find('.imp-exp-btn ').append('<div class="save-canvas-feedback"><p><span class="glyphicon glyphicon-ok" aria-hidden="true"></span>Your canvas is saved in your dashbord</p></div>');
+                // remove the canvas is saves message as soon as user changes the canvas
+                $('.canvas-form').on("change keyup", 'textarea', function() {
+                    $('.imp-exp-btn ').find(".save-canvas-feedback").remove();
+                });
+            } else {
+
+                $('.canvas-form').find('.imp-exp-btn ').append('<div class="save-canvas-feedback-fail"><p>Oh! We could not save your canvas. Please try again or contact us at hello@ethicscanvas.org</p></div>');
+            }
+            //For the second AJAX request:
+            /*#########################################################*/
+
+            /*----------------------------------------
+              B: Exporing the form data json to a file
+             and save it on the server
+             ----------------------------------------*/
+
+            // $('#result').text(JSON.stringify($('.canvas-form').serializeObject()));
+
+
+            //Make the JSON object into a JSON string
+            var JSONstrObj = JSON.stringify($('.canvas-form').serializeObject());
+            var url = "php/canvas.php";
+            /*  Post the JSON stringified object to the php file
+            (the php script will save it in a .json file )*/
+            //also, send the canvas_id and use it for naming the file
+            $.post(url, {
+                JSONstrObj: JSONstrObj,
+                canvas_id: canvas_id
+            }, function(data, status) {
+                console.log(
+                    'Response from php when sending the form json object: \n' +
+                    'data:' + data + '\n status: ' + status);
+            }).fail(function(jqXHR) {
+                console.log("Error " + jqXHR.status + ' ' + jqXHR.statustext);
+            });
+
+            /*########################################################*/
+
+        }).fail(function(jqXHR) {
+            console.log("Error " + jqXHR.status + ' ' + jqXHR.statustext);
+        });
+
+
+        /*Prevent the card item list from reseting itself after clicking
+        on the export button (submission). Because the type of the button is submit */
+
+        return false;
+    }); // end of handling the click on EXPORT button
+
+    /*===========================================
+    HANDLING CLICK ON : Share This Canvas BUTTON
+     ===========================================*/
+    $('.canvas-form').on('click', '.share_canvas', function() {
+        $('.share_canvas_email').slideDown(1000, function() {
+
+            // SAVE THE PDF AS file
+            $.post('mpdf/canvas-pdf-save.php', function(data, status) {
+
+            }); // save pdf as file
+
+        }); // end of slide down animation
+    }); // end of click on share_canvas button
+
+    $('.canvas-form').on('click', '.share_canvas_send', function() {
+
+            var share_email = $('.share_canvas_email').find('input').serialize();
+            /*This sends a serialized array share_email to the php file.
+              exapmple: the value of this array will be:  share-canvas-email=eternalflame.f%40gmail.com
+            */
+            $.post('php/share-canvas.php', {
+                share_email: share_email
+            }, function(data, status) {
+                if (data == 200) { // canvas successfully shared
+                    $('.canvas-form').find('.imp-exp-btn ').append('<div class="save-canvas-feedback"><p><span class="glyphicon glyphicon-ok" aria-hidden="true"></span>Your canvas has been shared by email</p></div>')
+                }
+                else { 
+                   $('.canvas-form').find('.imp-exp-btn ').append('<div class="save-canvas-feedback"><p><span class="glyphicon glyphicon-ok" aria-hidden="true"></span>Your canvas could not be shared by email</p></div>')
+                }
+            }); // end of post email
+
+            // slide up the .share_canvas_email area
+
+            $('.share_canvas_email').slideUp(); // end of slide up animation
+    }); // end of click on "send"
+
+
+    /*===========================================
+      Controlling the height of divs dynamically
+     ===========================================*/
+
+    //Call this function after adding a new item and importing
+    // $( window ).width(); ->Returns width of browser viewport
+    function fixHeights() {
+
+        // --------------------------------------------------
+        // Returns width of browser viewport
+        var screenSize = $(window).width();
+        //the longest card of the group 1 .masonry-layout8-5
+        var longest_1 = $('.masonry-layout8-5').height();
+        //the longest card of the group 2 .masonry-layout8-5
+        var longest_2 = $('.masonry-layout4').height();
+
+        /* --- 5 COL Range ---- */
+        if (screenSize >= 1139) {
+            // inforcing a fixed height ".height(longest_1/2)" will create some layout issues when we try to add new items the add item area will go outside the box and the heights don't increase naturally
+
+            // card group1:
+            // $('.field_05,.field_11, .field_07').css('min-height', longest_1 -
+            //     longest_1 * 5 / 100);
+            // $('.field_06,.field_08, .field_12').css('min-height', longest_1 +
+            //     longest_1 * 5 / 100);
+            // $('.field_01, .field_02').css('min-height', longest_1 * 2 +
+            //     longest_1 * 1 / 100);
+            // // card group 2
+            // $('.field_03, .field_09, .field_10, .field_04').css('min-height',
+            //     longest_2 * 2 - longest_2 * 20 / 100);
+
+            $('.field_05,.field_11, .field_07').css('min-height', longest_1 -
+                longest_1 * 20 / 100);
+            $('.field_06,.field_08, .field_12').css('min-height', longest_1 -
+                longest_1 * 20 / 100);
+            $('.field_01, .field_02').css('min-height', longest_1 + longest_1 * 40 / 100);
+            // card group 2
+            $('.field_03, .field_09, .field_10, .field_04').css('min-height',
+                longest_2 - longest_2 * 10 / 100);
+        }
+        /*  4 COL Range */
+        else if (screenSize >= 977 && screenSize <= 1138) {
+            // card group1:
+            // row 1
+            $('.field_01,.field_06, .field_12,.field_08 ').css('min-height',
+                longest_1 + longest_2 * 20 / 100);
+            // row 2
+            $('.field_05,.field_11, .field_07,.field_02 ').css('min-height',
+                longest_1 + longest_2 * 20 / 100);
+
+            // card group 2
+            // row 3
+            $('.field_03, .field_09, .field_10, .field_04').css('min-height',
+                longest_2 * 2 - longest_2 * 20 / 100);
+
+        } else if (screenSize >= 920 && screenSize <= 976) {
+            // card group1:
+            // row 1
+            $('.field_01,.field_06, .field_12,.field_08 ').css('min-height',
+                longest_1 + longest_2 * 20 / 100);
+            // row 2
+            $('.field_05,.field_11, .field_07,.field_02 ').css('min-height',
+                longest_1 + longest_2 * 20 / 100);
+
+            // card group 2
+            // row 3
+            $('.field_03, .field_09, .field_10, .field_04').css('min-height',
+                longest_2 * 2 - longest_2 * 20 / 100);
+        } else if (screenSize >= 485 && screenSize <= 919) {
+            // else if (500 <= screenSize < 920) {
+
+            // card group1:
+
+            $('.field_01,.field_06, .field_12,.field_08 ').css('min-height',
+                longest_1 * 80 / 100);
+
+            $('.field_05,.field_11, .field_07,.field_02 ').css('min-height',
+                longest_1 * 80 / 100);
+
+            // card group 2
+
+            $('.field_03, .field_09, .field_10, .field_04').css('min-height',
+                longest_2 * 80 / 100);
+
+            /* --- 1 COL Range ---- */
+        } else {
+
+            // card group1:
+
+            // card group1:
+
+            $('.field_01,.field_06, .field_12,.field_08 ').css('min-height',
+                longest_1 * 20 / 100);
+
+            $('.field_05,.field_11, .field_07,.field_02 ').css('min-height',
+                longest_1 * 20 / 100);
+
+            // card group 2
+
+            $('.field_03, .field_09, .field_10, .field_04').css('min-height',
+                longest_2 * 20 / 100);
+
+
+        }
+
+    } // end of fixHeights()
+
+
+}); // end of jQuery code

canvas/1.7/php/canvas.php

@@ -0,0 +1,24 @@
+<?php
+//for the ajax post call
+echo 'JSON stringified Object: '.$_POST['JSONstrObj'].' was sent to the php file\n';
+//for the ajax post call in stringified object data form
+$post_data = $_POST['JSONstrObj'];
+$canvas_id_data = $_POST['canvas_id'];
+
+$filename ='../../json/'.$canvas_id_data.'.json';
+$handle = fopen($filename, "w");
+
+if (empty($post_data)) {
+    echo 'Hmm... I did NOT get any data posted by AJAX.';
+}
+if (!empty($post_data)) {
+  echo 'Awesome! got the json info :)';
+    //$dir = 'YOUR-SERVER-DIRECTORY/files';
+    //$file = uniqid().getmypid();
+    //$filename = $dir.$file.'.txt';
+     // Write to file
+    fwrite($handle, $post_data);
+}
+    // Close the file
+     fclose($handle);
+?>

canvas/1.7/php/logout.php

@@ -0,0 +1,13 @@
+<?php
+/* Signs-out the user currently logged in */
+
+session_start();
+unset($_SESSION['userlogin']);
+unset($_SESSION['canvas_id']);
+unset($_SESSION['userfirstname']);
+session_unset();
+session_destroy();
+
+echo 200;
+
+?>

canvas/1.7/php/save-canvas.php

@@ -0,0 +1,67 @@
+<?php
+ /* Receives the email of the user, the name of the canvas and the date
+    and stores it in the database with a randomly-generated canvas_id,
+    that is returned.                                                */
+ 
+ session_start();
+ $params = array();
+ parse_str($_POST['save_canvas'], $params);
+
+ if(!array_key_exists('email_save_canvas', $params) OR
+    !array_key_exists('name_save_canvas', $params) OR
+    !array_key_exists('date_save_canvas', $params)) {
+   echo 400; // Missing parameters
+ }
+
+ else {
+
+   if(isset($_SESSION['canvas_id'])) {
+     // Canvas already exists. Return canvas_id to overwrite JSON file.
+     echo $_SESSION['canvas_id'];
+   }
+
+   else { // New canvas in the database
+
+     // Retrieve user credentials
+     $email = $params['email_save_canvas'];
+     $canvas_name = $params['name_save_canvas'];
+     $date = $params['date_save_canvas'];
+
+     require_once('../../../php/db_utils.php');
+     $conn = db_connect(); // Connect to the database
+
+     // Check if the username already exists
+     if(!($result = mysqli_query($conn, "SELECT name FROM user WHERE username = '$email'"))) {
+       echo 400; // Wrong query
+     }
+     else if(mysqli_num_rows($result) != 1) { // User not registered or duplicated
+       echo 401;
+     }
+     else { // User registered
+       // Save this canvas
+       $canvas_id = generateRandomString();
+       if(!mysqli_query($conn, "INSERT INTO canvas (canvas_id, user_id, canvas_name, canvas_date) VALUES ('$canvas_id', '$email', '$canvas_name', '$date')")) {
+         echo 400; // Wrong query
+         echo " #Wrong query :/ ";
+       }
+       else { // Return canvas_id and save it in the current session
+         $_SESSION['canvas_id'] = $canvas_id;
+         echo $canvas_id;
+       }
+     }
+   }
+}
+
+
+/* Generate a random string of a specific length to be used as canvas_id */
+function generateRandomString($length = 10) {
+    $characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
+    $charactersLength = strlen($characters);
+    $randomString = '';
+    for ($i = 0; $i < $length; $i++) {
+        $randomString .= $characters[rand(0, $charactersLength - 1)];
+    }
+    return $randomString;
+}
+
+?>

canvas/1.7/php/share-canvas.php

@@ -0,0 +1,46 @@
+<?php
+  /* Receives a recipient email address and sends him a previously generated
+     canvas in PDF on behalf of the user that is signed in */
+
+  session_start();
+  if(!isset($_POST['share_email']) || !isset($_SESSION['userlogin'])) {
+    // Recipient or sender emails not present
+    echo 400;
+  }
+  else {
+    $params = array();
+    parse_str($_POST['share_email'], $params);
+    if(!array_key_exists('share-canvas-email', $params)) {
+      echo 400; // Missing parameters
+    } 
+    else { // All parameters received  
+      $senderEmail = $_SESSION['userlogin'];
+      $recipientEmail = $params['share-canvas-email'];
+      $path = "../saved-pdf/Ethics-Canvas.pdf";
+      require_once('../../../php/db_utils.php');
+      $conn = db_connect(); // Connect to the database
+
+      if(!($result = mysqli_query($conn, "SELECT name FROM user WHERE username = '$senderEmail'"))) {
+        echo 400; // Wrong query
+      }
+      else if(mysqli_num_rows($result) != 1) { // User not registered or duplicated
+        echo 401;
+      }
+      else { // Share canvas
+        $row = mysqli_fetch_array($result, MYSQLI_ASSOC);
+        $senderName = $row['name']; 
+    
+        // Share canvas email
+        $shareEmail = "Hello,<br><br>$senderName ($senderEmail) wanted to share with you the attached Ethics Canvas generated at <a href='https://ethicscanvas.org' target='_new'>EthicsCanvas.org</a>.<br><br>Kind regards,<br><br>Ethics Canvas Team";
+
+        // Send activation email
+        include('../../php/mailer.php');
+        smtpmailer($recipientEmail, "$senderName shared this Ethics Canvas with you", $shareEmail, $path);
+        echo 200;
+      }
+
+      mysqli_free_result($result);
+      db_close($conn); // Close the database
+    }
+  } 
+?>

canvas/1.7/php/utils.php

@@ -0,0 +1,11 @@
+<?php
+session_start();
+
+if (isset($_POST['canvas_ID'])) {
+  $canvas_id = $_POST['canvas_ID'];
+  $_SESSION['canvas_id'] = $canvas_id;
+  echo 200;
+}
+else
+  echo 401;
+?>

canvas/css/dashboard.css

@@ -1,9 +1,8 @@
 a {
-    text-decoration: none!important;
+    text-decoration: none !important;
 }
 
-/*logo*/
-
+/* Logo */
 a.logo {
     display: block;
 }
@@ -13,8 +12,7 @@ a.logo img {
     margin: auto;
 }
 
-/*The User Profile bar */
-
+/* The User Profile bar */
 .user-bar {
     margin-top: 2.8em;
     margin-bottom: 3.1em;
@@ -27,9 +25,24 @@ a.logo img {
     vertical-align: middle;
 }
 
-/*--------------------------------
-   create new canvas
-----------------------------------*/
+/* ----------------------------------------------
+    Log out button
+----------------------------------------------- */
+
+.dashbord-logout-btn {
+    outline: 0;
+    padding: 0.25em 1.2em !important;
+    background-color: rgb(126, 150, 188);
+    color: #ffffff !important;
+    font-size: 1em !important;
+    color: rgb(51, 51, 51);
+    border: none;
+    border-radius: 0.5em;
+}
+
+/* ----------------------------------------------
+    Create new canvas
+----------------------------------------------- */
 
 .create-canvas-btn {
     display: block;
@@ -43,7 +56,7 @@ a.logo img {
     transition: 0.2s all;
 }
 
-/*the icon for the add canvas*/
+/* The icon for the add canvas */
 
 .create-canvas-btn span {
     margin-right: 0.25em;
@@ -56,31 +69,28 @@ a.logo img {
     color: #fff;
 }
 
-/*-------------------------------
-    CANVAS GALARY
----------------------------------*/
-.canvas-gallery-item {
+/* ----------------------------------------------
+    Canvas gallery
+----------------------------------------------- */
 
+.canvas-gallery-item {
     margin-bottom: 1.8%;
-
+    cursor: pointer;
 }
 .canvas-gallery-item .col-md-12 {
     width: 95%;
     margin: 2.5% 2.5% 0 2.5%;
-    background-color: #546e7a;/*default*/
+    background-color: #546e7a; /* Default */
     border-radius: 5px;
-    padding: 1em;
+    padding: 2.75em 1em 1em 1em;
     height:15em;
     transition:all 0.3s;
 }
 .canvas-gallery-item .col-md-12:hover {
-
-    background-color: #546e7a!important;
-    color:white;
+    background-color: #546e7a !important;
+    color: white;
 }
-
-/*These colors will be dynamically added by jQuery*/
-
+/* These colors will be dynamically added by jQuery */
 .canvas-gallery-item .col-md-12.color0 {
     background-color: #85ade5;
 }
@@ -96,29 +106,116 @@ a.logo img {
 .canvas-gallery-item .col-md-12.color4 {
     background-color: #29bca4;
 }
+.canvas-gallery-item .old-version {
+    padding-top: 1.7em !important;
+}
 
-/*Remove Button*/
-/*<button type="button" class="remove-canvas"><span class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span>Remove canvas</button>*/
+/* Remove Button */
 .remove-canvas{
-  color:#37474f;
-  margin-top:0;
-  border:none;
-  border-radius: 0 0 5px 5px;
-  padding:0.5em;
-  background-color:#cfd8dc;
-  transition:all 0.3s;
+    color: #37474f;
+    margin-top: 0;
+    border: none;
+    border-radius:  0 0 5px 5px;
+    padding: 0.5em;
+    background-color: #cfd8dc;
+    transition: all 0.3s;
 }
 .remove-canvas:hover{
-  color:#fff;
-  background-color:#546e7a;
+    color: #fff;
+    background-color: #546e7a;
 }
 .remove-canvas span{
-  margin-right:0.5em;
+    margin-right: 0.5em;
+}
+
+/* ----------------------------------------------
+Background shadow on all types of popups
+----------------------------------------------- */
+
+div#shadow {
+    display: none;
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+/* ----------------------------------------------
+Window buttons and and dialog buttons
+----------------------------------------------- */
+
+button.window-button {
+    outline: 0;
+    padding: 0.25em 1.2em !important;
+    background-color: rgb(126, 150, 188);
+    color: #ffffff !important;
+    font-size: 1em !important;
+    color: rgb(51, 51, 51);
+    border: none;
+    border-radius: 0.5em;
+}
+button.window-button:hover {
+    color: #ffffff;
+    opacity: 0.75;
+    border-color: #ffffff;
+}
+.dialog-content button.window-button {
+    float: left;
+    margin: 1em 0.75em 0 0;
+}
+
+/* ----------------------------------------------
+Dialog windows
+----------------------------------------------- */
 
+div.dialog {
+    display: none;
+    width: 26%;
+    position: fixed;
+    font-family: 'Open Sans', sans-serif;
+    z-index: 5;
+    background-color: rgb(236, 239, 241);
+    border-radius: 5px;
+    min-height: 130px;
+    /* Center window horizontally and vertically */
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+div.dialog h2 {
+    color: rgb(79, 93, 115);
+    font-size: 1.4em;
+    margin: 0;
+    color: #444;
+}
+div.dialog p {
+    font-size: 0.95em;
+    color: rgb(51, 51, 51);
+}
+div.dialog button {
+    position: relative;
+    top: -8px;
+    font-size: 2.5em;
+    outline: 0;
+    color: #444;
+    float: right;
+}
+div.dialog-header {
+    background-color: rgb(210, 210, 210);
+    padding: 0.65em 0.75em 0.65em 0.75em;
+    border-radius: 5px 5px 0 0;
+    width: 100%;
+}
+div.dialog-content {
+    padding: 0.75em 1.5em 0.75em 0.75em;
 }
-/* ------------------------------
-        Footer
- ------------------------------ */
+
+/* ----------------------------------------------
+    Footer
+----------------------------------------------- */
 
 footer {
     font-size: 1em;
@@ -159,9 +256,7 @@ footer .privacy a {
 footer .terms a {
     color: #aed581;
 }
-
-/*footer license icons */
-
+/* Footer license icons */
 footer .license-icons ul {
     list-style-type: none;
     margin-left: 0;
@@ -173,4 +268,4 @@ footer .license-icons li {
 }
 footer .license-icons ul img {
     width: 3.5em;
-}
+}

canvas/download/canvas.pdf

@@ -1,17 +1,20 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field1</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field1" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
-            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <g id="person" transform="translate(253.000000, 78.500000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
-                <path d="M131.761531,86.9772414 C123.457277,104.448436 105.344522,119.061513 87.7812642,119.061513 C66.337192,119.061513 50.7589872,104.619164 42.4547325,87.1542929 C-5.83907633,110.183642 0.246589235,168.46522 0.246589235,168.46522 C0.246589235,176.445186 7.07407408,177.602345 15.0967122,177.602345 L87.7743955,177.602345 L160.34218,177.602345 C168.378555,177.602345 175.226646,176.438863 175.226646,168.46522 C175.233515,168.46522 180.048471,110.012913 131.761531,86.9772414 L131.761531,86.9772414 Z" id="Shape"></path>
-                <path d="M130.587423,46.4208993 C130.587423,20.781986 110.719192,0 86.2076154,0 C61.6960385,0 41.8208462,20.781986 41.8208462,46.4208993 C41.8208462,72.0598127 62.0719615,103.078897 86.5905,103.078897 C111.102077,103.078897 130.587423,72.0536569 130.587423,46.4208993 Z" id="Shape"></path>
-            </g>
-            <path d="M2338.87012,257 L2308.77246,257 L2308.77246,160.642578 C2308.77246,150.160755 2309.29654,138.106839 2310.34473,124.480469 C2309.82064,125.22917 2307.89276,127.512676 2304.56104,131.331055 C2301.22931,135.149433 2294.73442,141.999951 2285.07617,151.882812 L2268.00586,133.240234 L2311.69238,92.8105469 L2338.87012,92.8105469 L2338.87012,257 Z" id="1" opacity="0.350746269" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="80.7 267.7 55.8 56.5"
+	 enable-background="new 80.7 267.7 55.8 56.5" xml:space="preserve">
+<title>field1</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field1" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<g id="person" transform="translate(253.000000, 78.500000)" sketch:type="MSShapeGroup">
+			<path id="Shape" fill-opacity="0.3452" d="M-131.1,216.4c-2.6,5.6-8.4,10.2-14,10.2c-6.8,0-11.8-4.6-14.4-10.1
+				c-15.4,7.3-13.4,25.9-13.4,25.9c0,2.5,2.2,2.9,4.7,2.9h23.1h23.1c2.5,0,4.7-0.4,4.7-2.9C-117.3,242.3-115.8,223.7-131.1,216.4
+				L-131.1,216.4z"/>
+			<path id="Shape_1_" fill-opacity="0.3452" d="M-131.5,203.5c0-8.1-6.3-14.8-14.1-14.8s-14.1,6.6-14.1,14.8s6.5,18,14.2,18
+				C-137.7,221.5-131.5,211.7-131.5,203.5z"/>
+		</g>
+	</g>
+</g>
+</svg>

canvas/icons/field10.svg

@@ -1,14 +1,31 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field10</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field10" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
-            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <path d="M314.940377,273.356199 L342.769214,273.356199 L342.769214,174.579584 L314.940377,202.410702 L314.940377,273.356199 L314.940377,273.356199 Z M276.678256,240.652272 L276.678256,273.356199 L304.511493,273.356199 L304.511493,212.830827 L285.290896,232.04417 L276.678256,240.652272 L276.678256,240.652272 Z M353.197218,273.338171 L381.029575,273.338171 L381.029575,196.985624 L353.197218,169.171654 L353.197218,273.338171 L353.197218,273.338171 Z M391.459339,200.231085 L391.459339,273.356199 L419.290375,273.356199 L419.290375,172.408322 L397.472127,194.228674 L391.459339,200.231085 L391.459339,200.231085 Z M429.735979,273.356199 L457.549856,273.356199 L457.549856,134.172468 L429.735979,161.987756 L429.735979,273.356199 L429.735979,273.356199 Z M418.665602,77.6193899 L437.12107,96.0777595 L437.228426,96.1859269 L387.881848,145.519051 L350.687123,108.358716 L256,202.998148 L275.682577,222.653394 L350.688443,147.689434 L387.883168,184.84977 L456.909683,115.854804 L475.275396,134.208084 L481.270585,71.6438011 L418.665602,77.6193899 L418.665602,77.6193899 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
-            <path d="M2290.87012,262 L2260.77246,262 L2260.77246,165.642578 C2260.77246,155.160755 2261.29654,143.106839 2262.34473,129.480469 C2261.82064,130.22917 2259.89276,132.512676 2256.56104,136.331055 C2253.22931,140.149433 2246.73442,146.999951 2237.07617,156.882812 L2220.00586,138.240234 L2263.69238,97.8105469 L2290.87012,97.8105469 L2290.87012,262 Z M2413.61914,179.905273 C2413.61914,209.628729 2410.04414,231.116145 2402.89404,244.368164 C2395.74394,257.620183 2384.23283,264.246094 2368.36035,264.246094 C2352.48788,264.246094 2341.08906,257.582749 2334.16357,244.255859 C2327.23808,230.92897 2323.77539,209.478989 2323.77539,179.905273 C2323.77539,150.256688 2327.40654,128.731838 2334.66895,115.330078 C2341.93135,101.928318 2353.31145,95.2275391 2368.80957,95.2275391 C2384.60718,95.2275391 2396.0247,101.77858 2403.0625,114.880859 C2410.1003,127.983138 2413.61914,149.657726 2413.61914,179.905273 L2413.61914,179.905273 Z M2354.32227,179.905273 C2354.32227,202.890414 2355.31428,218.369589 2357.29834,226.343262 C2359.2824,234.316934 2363.04457,238.303711 2368.58496,238.303711 C2372.32847,238.303711 2375.22964,236.581723 2377.28857,233.137695 C2379.3475,229.693668 2380.82617,223.984903 2381.72461,216.01123 C2382.62305,208.037558 2383.07227,196.002359 2383.07227,179.905273 C2383.07227,157.294483 2382.0241,141.87146 2379.92773,133.635742 C2377.83137,125.400024 2374.05048,121.282227 2368.58496,121.282227 C2363.04457,121.282227 2359.2824,125.381307 2357.29834,133.57959 C2355.31428,141.777873 2354.32227,157.219613 2354.32227,179.905273 L2354.32227,179.905273 Z" id="10" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 841.9 595.3"
+	 enable-background="new 0 0 841.9 595.3" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<g>
+				<g opacity="0.3452">
+					<path d="M433.7,365.9c20,0,44.1,0,60.1,0c16,0,25.8-3.7,36.4-11.8c26.3-19.9,46.9-44.7,59.8-74.9c20.5-47.8,28.2-98,20.8-149.6
+						c-5.7-39.6-24.7-72.5-59.6-93.5C482.7-5.1,409.8-9.7,334.9,16c-28.7,9.8-53.8,26.1-72.6,50.6c-24.6,32.1-33.9,69-34,108.8
+						c0,14.9,5.4,19.8,20.8,19.9c36.3,0.2,72.7,0.4,109,0.6c13.5,0.1,16.6-1.9,21.6-14.5c4.7-11.6,12.8-19.1,25.1-21.1
+						c10-1.6,20.1-2.8,30.2-2.5c15.5,0.4,27,9.7,28.8,24c3.8,29.5-5.5,42-28.2,49c-2,0.6-4.1,1.1-6.1,1.8
+						c-21.1,7.4-40.9,16.6-56,34.1c-18.3,21.2-25.2,46.5-28.5,73.4c-2,16.3,5.7,25.8,22.2,25.9C389.3,366,411.5,365.9,433.7,365.9z
+						 M429,595.2c19.2,0,38.5,0.1,57.7,0c14.2-0.1,22.6-8.1,22.7-22.3c0.2-38.7,0.3-77.5,0-116.3c-0.1-14.3-8.5-22.1-22.8-22.1
+						c-38.5-0.1-77-0.1-115.5,0c-14.3,0-22.5,7.9-22.6,22.3c-0.2,38.7-0.3,77.5,0,116.3c0.1,14.4,8.4,22.1,22.8,22.2
+						C390.5,595.2,409.8,595.2,429,595.2z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<title>field12</title>
+<desc>Created with Sketch.</desc>
+<title>field12</title>
+<desc>Created with Sketch.</desc>
+<title>field12</title>
+<desc>Created with Sketch.</desc>
+</svg>

canvas/icons/field2.svg

@@ -1,20 +1,31 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field2</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field2" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
-            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <g id="Group" transform="translate(186.000000, 70.000000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
-                <g transform="translate(59.625000, 0.000000)" id="Shape">
-                    <path d="M165.530357,158.750865 C157.580357,155.984429 144.590625,155.133218 138.912054,152.934256 C134.937054,151.373702 128.619643,149.742215 126.632143,147.259516 C124.573661,144.847751 124.573661,127.32699 124.573661,127.32699 C124.573661,127.32699 129.542411,122.716263 131.600893,117.538062 C133.659375,112.359862 135.008036,98.3148789 135.008036,98.3148789 C135.008036,98.3148789 135.433929,98.4567474 136.072768,98.4567474 C137.563393,98.4567474 140.260714,97.4636678 141.538393,90.9377163 C143.1,82.9221453 146.08125,78.7370242 145.300446,72.849481 C144.732589,68.8771626 143.029018,68.2387543 142.035268,68.2387543 C141.538393,68.2387543 141.183482,68.3806228 141.183482,68.3806228 C141.183482,68.3806228 145.229464,62.4221453 145.229464,42.1349481 C145.229464,21.2802768 129.116518,0.709342561 99.375,0.638408304 C69.5625,0.709342561 53.5205357,21.2802768 53.5205357,42.1349481 C53.5205357,62.3512111 57.5665179,68.3806228 57.5665179,68.3806228 C57.5665179,68.3806228 57.2116071,68.2387543 56.7147321,68.2387543 C55.65,68.2387543 53.9464286,68.8771626 53.4495536,72.849481 C52.66875,78.7370242 55.5790179,82.9930796 57.2116071,90.9377163 C58.4892857,97.4636678 61.1866071,98.4567474 62.6772321,98.4567474 C63.3160714,98.4567474 63.7419643,98.3148789 63.7419643,98.3148789 C63.7419643,98.3148789 65.090625,112.430796 67.1491071,117.538062 C69.2075893,122.716263 74.1763393,127.32699 74.1763393,127.32699 C74.1763393,127.32699 74.1763393,144.847751 72.1178571,147.259516 C70.059375,149.67128 63.8129464,151.373702 59.8379464,152.934256 C54.159375,155.133218 41.1696429,155.984429 33.2196429,158.750865 C25.2696429,161.517301 0.709821429,173.079585 0.709821429,205 L198.040179,205 C198.040179,173.079585 173.551339,161.517301 165.530357,158.750865 L165.530357,158.750865 Z"></path>
-                </g>
-                <path d="M79.5709821,149.67128 C85.959375,146.479239 92.2058036,146.479239 97.0325893,145.84083 C97.0325893,145.84083 99.7299107,141.442907 90.8571429,139.882353 C90.8571429,139.882353 78.7191964,136.83218 77.2995536,135.129758 C75.8799107,133.427336 76.7316964,123.99308 76.7316964,123.99308 C76.7316964,123.99308 93.6964286,123.425606 100.439732,117.467128 C89.4375,101.010381 95.3290179,81.7871972 93.0575893,63.8408304 C90.8571429,45.9653979 80.1388393,34.7577855 59.625,34.7577855 C59.5540179,34.7577855 59.625,34.7577855 58.9151786,34.7577855 L58.9151786,34.7577855 C39.0401786,34.7577855 28.81875,45.9653979 26.5473214,63.9117647 C24.2758929,81.8581315 30.80625,103.209343 19.5200893,117.608997 C25.8375,123.212803 41.4535714,123.49654 43.228125,123.49654 L43.3700893,123.49654 L43.4410714,123.425606 C43.4410714,123.425606 44.1508929,133.49827 42.73125,135.200692 C41.3116071,136.903114 37.1236607,138.463668 34.284375,139.102076 C28.0379464,140.449827 21.4366071,142.648789 15.9709821,144.564014 C10.5053571,146.408304 0,157.474048 0,170.951557 L56.9276786,170.951557 C58.4892857,165.276817 69.2075893,154.920415 79.5709821,149.67128 L79.5709821,149.67128 Z" id="Shape"></path>
-                <path d="M261.072321,170.951557 L318,170.951557 C318,157.474048 307.494643,146.408304 302.029018,144.49308 C296.563393,142.577855 289.891071,140.378893 283.715625,139.031142 C280.805357,138.392734 276.688393,136.83218 275.26875,135.129758 C273.849107,133.427336 274.558929,123.354671 274.558929,123.354671 L274.629911,123.425606 L274.771875,123.425606 C276.546429,123.425606 292.233482,123.212803 298.550893,117.538062 C287.264732,103.138408 293.724107,81.7871972 291.452679,63.8408304 C289.18125,45.9653979 278.959821,34.7577855 259.084821,34.7577855 L259.084821,34.7577855 L258.375,34.7577855 C237.861161,34.7577855 227.071875,45.9653979 224.871429,63.9117647 C222.6,81.8581315 228.491518,101.081315 217.489286,117.538062 C224.232589,123.49654 241.197321,124.064014 241.197321,124.064014 C241.197321,124.064014 242.049107,133.49827 240.629464,135.200692 C239.209821,136.903114 227.071875,139.953287 227.071875,139.953287 C218.199107,141.513841 220.896429,145.911765 220.896429,145.911765 C225.723214,146.550173 232.040625,146.550173 238.358036,149.742215 C248.792411,154.920415 259.510714,165.276817 261.072321,170.951557 L261.072321,170.951557 Z" id="Shape"></path>
-            </g>
-            <path d="M2353.06585,268 L2265.2854,268 L2265.2854,245.271134 L2294.39626,204.068066 C2302.38313,192.722237 2307.86935,184.306296 2310.8551,178.819991 C2313.84084,173.333685 2316.04279,168.071389 2317.46102,163.032946 C2318.87925,157.994502 2319.58836,152.788188 2319.58836,147.413848 C2319.58836,141.143784 2318.18881,136.441307 2315.38967,133.306276 C2312.59054,130.171244 2308.95172,128.603752 2304.4731,128.603752 C2300.51699,128.603752 2296.82219,129.648747 2293.38858,131.738768 C2289.95497,133.828789 2285.77499,137.598235 2280.84851,143.047218 L2263.82986,125.132841 C2271.66744,116.250251 2278.94508,110.166888 2285.663,106.882569 C2292.38093,103.59825 2299.65857,101.956115 2307.49615,101.956115 C2320.70807,101.956115 2331.02739,105.837525 2338.45443,113.600461 C2345.88147,121.363396 2349.59494,132.149237 2349.59494,145.958305 C2349.59494,152.228368 2348.92316,158.162446 2347.57957,163.760717 C2346.23599,169.358988 2344.20198,174.975836 2341.47749,180.611428 C2338.75299,186.247021 2335.3381,192.106457 2331.2327,198.189911 C2327.1273,204.273365 2316.52807,218.212851 2299.43468,240.008785 L2299.43468,240.904504 L2353.06585,240.904504 L2353.06585,268 Z" id="2" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="59.4 265.3 101.1 65"
+	 enable-background="new 59.4 265.3 101.1 65" xml:space="preserve">
+<title>field2</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field2" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<g id="Group" transform="translate(186.000000, 70.000000)" sketch:type="MSShapeGroup">
+			<g id="Shape" transform="translate(59.625000, 0.000000)">
+				<path fill-opacity="0.3452" d="M-115.3,245c-2.5-0.9-6.6-1.1-8.5-1.8c-1.3-0.5-3.3-1-3.9-1.8c-0.7-0.8-0.7-6.3-0.7-6.3
+					s1.6-1.5,2.2-3.1s1.1-6.1,1.1-6.1s0.1,0,0.3,0c0.5,0,1.3-0.3,1.7-2.4c0.5-2.5,1.4-3.9,1.2-5.8c-0.2-1.3-0.7-1.5-1-1.5
+					c-0.2,0-0.3,0-0.3,0s1.3-1.9,1.3-8.3c0-6.6-5.1-13.2-14.6-13.2c-9.4,0-14.5,6.6-14.5,13.2c0,6.4,1.3,8.3,1.3,8.3s-0.1,0-0.3,0
+					c-0.3,0-0.9,0.2-1,1.5c-0.3,1.9,0.7,3.2,1.2,5.8c0.4,2.1,1.3,2.4,1.7,2.4c0.2,0,0.3,0,0.3,0s0.4,4.5,1.1,6.1
+					c0.7,1.7,2.2,3.1,2.2,3.1s0,5.6-0.7,6.3c-0.7,0.8-2.6,1.3-3.9,1.8c-1.8,0.7-5.9,1-8.5,1.8c-2.5,0.9-10.3,4.6-10.3,14.7h62.8
+					C-105,249.6-112.8,245.9-115.3,245L-115.3,245z"/>
+			</g>
+			<path id="Shape_1_" fill-opacity="0.3452" d="M-102,242.2c2-1,4-1,5.6-1.2c0,0,0.9-1.4-2-1.9c0,0-3.8-1-4.3-1.5
+				c-0.4-0.5-0.2-3.5-0.2-3.5s5.4-0.2,7.5-2.1c-3.5-5.2-1.6-11.4-2.4-17c-0.7-5.7-4.1-9.3-10.6-9.3c0,0,0,0-0.2,0l0,0
+				c-6.3,0-9.6,3.6-10.3,9.3s1.4,12.5-2.2,17.1c2,1.8,7,1.9,7.5,1.9h0l0,0c0,0,0.2,3.2-0.2,3.8s-1.8,1-2.7,1.2
+				c-2,0.4-4.1,1.1-5.8,1.7c-1.7,0.6-5.1,4.1-5.1,8.4h18.1C-108.7,247.1-105.3,243.8-102,242.2L-102,242.2z"/>
+			<path id="Shape_2_" fill-opacity="0.3452" d="M-44.3,248.9h18.1c0-4.3-3.3-7.8-5.1-8.4c-1.7-0.6-3.8-1.3-5.8-1.7
+				c-0.9-0.2-2.2-0.7-2.7-1.2c-0.4-0.5-0.2-3.8-0.2-3.8l0,0h0c0.6,0,5.6-0.1,7.6-1.9c-3.6-4.6-1.5-11.4-2.3-17.1
+				c-0.7-5.7-4-9.2-10.3-9.2l0,0h-0.2c-6.5,0-10,3.6-10.7,9.3c-0.7,5.7,1.1,11.8-2.4,17c2.1,1.9,7.5,2.1,7.5,2.1s0.3,3-0.2,3.5
+				c-0.4,0.5-4.3,1.5-4.3,1.5c-2.8,0.5-2,1.9-2,1.9c1.5,0.2,3.5,0.2,5.6,1.2C-48.2,243.8-44.8,247.1-44.3,248.9L-44.3,248.9z"/>
+		</g>
+	</g>
+</g>
+</svg>

canvas/icons/field3.svg

@@ -1,16 +1,18 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field3</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field3" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
-            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <g id="shopping-cart" transform="translate(243.000000, 60.000000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
-                <path d="M67.5,180 C55.125,180 45,190.125 45,202.5 C45,214.875 55.125,225 67.5,225 C79.875,225 90,214.875 90,202.5 C90,190.125 79.875,180 67.5,180 L67.5,180 L67.5,180 Z M0,0 L0,22.5 L22.5,22.5 L63,108 L47.25,135 C46.125,138.375 45,142.875 45,146.25 C45,158.625 55.125,168.75 67.5,168.75 L202.5,168.75 L202.5,146.25 L72,146.25 C70.875,146.25 69.75,145.125 69.75,144 L69.75,142.875 L79.875,123.75 L163.125,123.75 C172.125,123.75 178.875,119.25 182.25,112.5 L222.75,39.375 C225,37.125 225,36 225,33.75 C225,27 220.5,22.5 213.75,22.5 L47.25,22.5 L37.125,0 L0,0 L0,0 Z M180,180 C167.625,180 157.5,190.125 157.5,202.5 C157.5,214.875 167.625,225 180,225 C192.375,225 202.5,214.875 202.5,202.5 C202.5,190.125 192.375,180 180,180 L180,180 L180,180 Z" id="Shape"></path>
-            </g>
-            <path d="M2372.10059,134.758789 C2372.10059,145.090872 2369.55504,153.756964 2364.46387,160.757324 C2359.3727,167.757685 2352.18527,172.605455 2342.90137,175.300781 L2342.90137,176.199219 C2353.23345,177.846362 2361.22572,181.889291 2366.87842,188.328125 C2372.53112,194.766959 2375.35742,203.526637 2375.35742,214.607422 C2375.35742,229.731195 2370.65939,241.785111 2361.26318,250.769531 C2351.86698,259.753951 2339.00822,264.246094 2322.68652,264.246094 C2308.16171,264.246094 2295.95806,261.663112 2286.0752,256.49707 L2286.0752,229.094727 C2291.01663,232.089533 2296.36976,234.447908 2302.13477,236.169922 C2307.89977,237.891936 2313.44008,238.75293 2318.75586,238.75293 C2327.4408,238.75293 2333.99184,236.750183 2338.40918,232.744629 C2342.82652,228.739075 2345.03516,222.393924 2345.03516,213.708984 C2345.03516,197.312418 2334.96527,189.114258 2314.8252,189.114258 L2305.50391,189.114258 L2305.50391,166.316406 L2314.37598,166.316406 C2323.28553,166.316406 2330.11733,164.220073 2334.87158,160.027344 C2339.62584,155.834614 2342.00293,149.583049 2342.00293,141.272461 C2342.00293,134.758756 2340.48683,129.836117 2337.45459,126.504395 C2334.42235,123.172672 2330.1361,121.506836 2324.5957,121.506836 C2316.13537,121.506836 2307.89978,125.10055 2299.88867,132.288086 L2286.0752,112.073242 C2297.15598,100.992458 2311.11906,95.4521484 2327.96484,95.4521484 C2341.81582,95.4521484 2352.6344,98.9522762 2360.4209,105.952637 C2368.2074,112.952997 2372.10059,122.554952 2372.10059,134.758789 L2372.10059,134.758789 Z" id="3" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="82.9 260.3 48.7 77.9"
+	 enable-background="new 82.9 260.3 48.7 77.9" xml:space="preserve">
+<title>field5</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field5" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="Shape" sketch:type="MSShapeGroup" fill-opacity="0.3452" d="M126,259.8H87.1c-2.7,0-4.9,2.2-4.9,4.9v68.2
+			c0,2.7,2.2,4.9,4.9,4.9H126c2.7,0,4.9-2.2,4.9-4.9v-68.2C130.9,262,128.7,259.8,126,259.8L126,259.8z M104.1,264.6h4.9
+			c1.3,0,2.4,1.1,2.4,2.4c0,1.4-1.1,2.4-2.4,2.4h-4.9c-1.3,0-2.4-1.1-2.4-2.4C101.7,265.7,102.8,264.6,104.1,264.6L104.1,264.6z
+			 M109,332.8h-4.9c-1.3,0-2.4-1.1-2.4-2.4c0-1.4,1.1-2.4,2.4-2.4h4.9c1.3,0,2.4,1.1,2.4,2.4C111.4,331.7,110.3,332.8,109,332.8
+			L109,332.8z M126,323.1H87.1v-48.7H126L126,323.1L126,323.1z"/>
+	</g>
+</g>
+</svg>

canvas/icons/field5.svg

@@ -1,14 +1,31 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field5</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field5" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
-            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <path d="M397.7,55 L275.3,55 C266.858225,55 260,61.8638281 260,70.3125 L260,284.6875 C260,293.151245 266.858225,300 275.3,300 L397.7,300 C406.156836,300 413,293.151245 413,284.6875 L413,70.3125 C413,61.8638281 406.156836,55 397.7,55 L397.7,55 Z M328.85,70.3125 L344.15,70.3125 C348.363477,70.3125 351.8,73.7444141 351.8,77.96875 C351.8,82.1930859 348.363477,85.625 344.15,85.625 L328.85,85.625 C324.629113,85.625 321.2,82.1930859 321.2,77.96875 C321.2,73.7444141 324.629113,70.3125 328.85,70.3125 L328.85,70.3125 Z M344.15,284.6875 L328.85,284.6875 C324.629113,284.6875 321.2,281.248169 321.2,277.03125 C321.2,272.814331 324.629113,269.375 328.85,269.375 L344.15,269.375 C348.363477,269.375 351.8,272.814331 351.8,277.03125 C351.8,281.248169 348.363477,284.6875 344.15,284.6875 L344.15,284.6875 Z M397.7,254.0625 L275.3,254.0625 L275.3,100.9375 L397.7,100.9375 L397.7,254.0625 L397.7,254.0625 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
-            <path d="M2313.15234,166.241211 C2325.50592,166.241211 2335.33248,170.546181 2342.63232,179.15625 C2349.93217,187.766319 2353.58203,199.558193 2353.58203,214.532227 C2353.58203,232.426196 2349.03374,246.351838 2339.93701,256.30957 C2330.84029,266.267302 2318.20614,271.246094 2302.03418,271.246094 C2287.65911,271.246094 2276.01697,268.513374 2267.10742,263.047852 L2267.10742,234.522461 C2270.9258,237.292657 2275.84844,239.744618 2281.87549,241.878418 C2287.90254,244.012218 2293.499,245.079102 2298.66504,245.079102 C2314.76212,245.079102 2322.81055,235.720471 2322.81055,217.00293 C2322.81055,199.558181 2314.98673,190.835938 2299.33887,190.835938 C2293.12464,190.835938 2286.53617,192.033842 2279.57324,194.429688 L2269.69043,187.129883 L2274.74414,104.810547 L2344.82227,104.810547 L2344.82227,132.100586 L2300.91113,132.100586 L2298.66504,167.588867 C2302.85777,166.690425 2307.68682,166.241211 2313.15234,166.241211 L2313.15234,166.241211 Z" id="5" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="72.7 259.5 76.4 76.3"
+	 enable-background="new 72.7 259.5 76.4 76.3" xml:space="preserve">
+<title>field8</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field8" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="Shape" sketch:type="MSShapeGroup" fill-opacity="0.3452" d="M110.2,259C89.1,259,72,276.1,72,297.1s17.1,38.2,38.2,38.2
+			c2.6,0,5.1-0.3,7.5-0.7c-1-0.5-1.1-4-0.1-6c1.1-2.2,4.5-7.9,1.1-9.8c-3.4-1.9-2.4-2.8-4.5-5s-1.2-2.5-1.3-3.1
+			c-0.4-1.9,2-4.8,2.1-5.2s0.1-1.4,0.1-1.7s-1.5-1.2-1.9-1.3s-0.6,0.6-1.1,0.6s-2.8-1.4-3.3-1.7s-0.7-1.3-1.4-1.9
+			c-0.7-0.7-0.7-0.2-1.8-0.6c-1-0.4-4.4-1.7-7-2.7c-2.6-1-2.8-2.5-2.8-3.5s-1.6-2.5-2.3-3.6c-0.7-1.1-0.9-2.6-1.1-2.2
+			s1.3,4.3,1.1,4.4c-0.3,0.1-0.8-1.1-1.6-2s0.8-0.4-1.6-5.2c-2.4-4.7,0.7-7.1,0.9-9.5c0.2-2.4,2,0.9,1-0.7s0.1-4.8-0.7-6
+			c-0.7-1.2-5,1.3-5,1.3c0.1-1.1,3.7-3.1,6.3-5c2.6-1.8,4.2-0.4,6.3,0.3c2.1,0.7,2.2,0.4,1.5-0.2c-0.7-0.7,0.3-1,1.9-0.7
+			c1.7,0.3,2.1,2.2,4.6,2c2.5-0.2,0.3,0.5,0.6,1.1s-0.4,0.6-2,1.7s0,1.1,3,3.2c2.9,2.1,2-1.4,1.7-3c-0.3-1.6,2.1-0.3,2.1-0.3
+			c1.8,1.2,1.5,0.1,2.8,0.5c1.3,0.4,4.8,3.4,4.8,3.4c-4.4,2.4-1.7,2.7-0.9,3.2c0.8,0.6-1.5,1.7-1.5,1.7c-0.9-0.9-1.1,0-1.7,0.4
+			s0,1.2,0,1.2c-3.1,0.5-2.4,3.7-2.4,4.5s-2,2-2.5,3.1s1.3,3.5,0.4,3.7s-1.9-3.7-7.2-2.2c-1.6,0.4-5.1,2.2-3.2,5.9
+			c1.8,3.7,5-1,6-0.5c1,0.5-0.3,2.9-0.1,2.9c0.2,0,3,0.1,3.1,3.3s4.1,2.9,5,3c0.9,0.1,3.7-2.4,4.1-2.4c0.4-0.1,2-1.5,5.6,0.6
+			s5.4,1.7,6.6,2.6c1.2,0.9,0.4,2.6,1.5,3.1c1.1,0.5,5.8-0.2,6.9,1.7s-4.8,11.4-6.6,12.5c-1.9,1-2.7,3.4-4.6,5
+			c-1.8,1.5-4.5,3.4-7,4.8c-2.2,1.3-2.6,3.6-3.5,4.4c17.1-3.8,29.9-19,29.9-37.2C148.4,276.1,131.3,259,110.2,259L110.2,259z
+			 M119.1,294.8c-0.5,0.2-1.6,1.1-4.3-0.4c-2.7-1.6-4.5-1.3-4.7-1.5c0,0-0.2-0.6,0.9-0.7c2.4-0.2,5.4,2.2,6,2.2s1-0.7,2.2-0.3
+			C120.6,294.4,119.7,294.6,119.1,294.8L119.1,294.8z M106.7,262.8c-0.3-0.2,0.2-0.4,0.5-0.8c0.2-0.2,0-0.6,0.3-0.8
+			c0.6-0.6,3.3-1.3,2.8,0.2C109.6,262.9,107.1,263.1,106.7,262.8L106.7,262.8z M113.3,267.6c-0.9,0-3.1-0.3-2.7-0.7
+			c1.6-1.6-0.6-2-1.9-2.1s-1.9-0.9-1.2-0.9c0.7-0.1,3.3,0,3.8,0.4c0.5,0.4,2.9,1.3,3,2C114.4,267.1,114.3,267.7,113.3,267.6
+			L113.3,267.6z M121.4,267.4c-0.7,0.6-4.5-2.1-5.2-2.8c-3.1-2.7-4.8-1.8-5.5-2.2c-0.7-0.4-0.4-1,0.6-1.9c1-0.9,3.8,0.3,5.5,0.5
+			s3.5,1.5,3.6,3C120.4,265.4,122.2,266.8,121.4,267.4L121.4,267.4z"/>
+	</g>
+</g>
+</svg>

canvas/icons/field7.svg

@@ -1,14 +1,17 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field7</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field7" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
-            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <path d="M352.838513,264.5 C459.393796,180.767406 455.383336,150.996174 455.383336,127.775883 C455.383336,104.555592 436.163625,76.5 404.107453,76.5 C372.051281,76.5 352.838513,110.686236 352.838513,110.686236 C352.838513,110.686236 333.626012,76.5 301.569573,76.5 C269.513134,76.5 250.29369,104.555592 250.29369,127.775883 C250.29369,150.996174 246.28323,180.767406 352.838513,264.5 L352.838513,264.5 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
-            <path d="M2299.21484,260 L2345.25977,123.100586 L2287.98438,123.100586 L2287.98438,96.0351562 L2376.03125,96.0351562 L2376.03125,116.699219 L2330.77246,260 L2299.21484,260 Z" id="7" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="81.4 267.6 67.2 59.9"
+	 enable-background="new 81.4 267.6 67.2 59.9" xml:space="preserve">
+<title>field9</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field9" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="Shape" sketch:type="MSShapeGroup" fill-opacity="0.3452" d="M147.4,320.7L118,269.3c-0.8-1.3-2.2-2.2-3.7-2.2
+			c-1.5,0-3,0.8-3.7,2.2l-29.3,51.3c-0.8,1.3-0.8,3,0,4.3c0.8,1.3,2.2,2.1,3.7,2.1h58.7c1.5,0,2.9-0.8,3.7-2.1
+			C148.1,323.6,148.1,322,147.4,320.7L147.4,320.7z M118.6,318.5H110V310h8.6V318.5L118.6,318.5z M118.6,305.7H110v-17.1h8.6V305.7
+			L118.6,305.7z"/>
+	</g>
+</g>
+</svg>

canvas/icons/field9.svg

@@ -1,14 +1,22 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2647px" height="346px" viewBox="0 0 2647 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field9</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field9" sketch:type="MSLayerGroup" transform="translate(0.700400, 0.500000)">
-            <rect id="Rectangle-1" stroke-opacity="0.499858469" stroke="#000000" fill-opacity="0.4" fill="#3F3F3F" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <path d="M464.796969,246.533901 L372.548785,85.0996828 C370.150424,80.9026036 365.687094,78.3125 360.853118,78.3125 C356.019141,78.3125 351.555812,80.9026036 349.157661,85.0996828 L256.909476,246.533901 C254.527111,250.703197 254.54416,255.825103 256.954308,259.978193 C259.364455,264.131283 263.802949,266.6875 268.604933,266.6875 L453.101302,266.6875 C457.903076,266.6875 462.34178,264.131283 464.751928,259.978193 C467.162075,255.825103 467.179334,250.703197 464.796969,246.533901 L464.796969,246.533901 Z M374.323509,239.746718 L347.382727,239.746718 L347.382727,212.805936 L374.323509,212.805936 L374.323509,239.746718 L374.323509,239.746718 Z M374.323509,199.335545 L347.382727,199.335545 L347.382727,145.45398 L374.323509,145.45398 L374.323509,199.335545 L374.323509,199.335545 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
-            <path d="M2376.48047,169.348633 C2376.48047,232.613923 2355.32996,264.246094 2313.02832,264.246094 C2305.99052,264.246094 2300.15074,263.647141 2295.50879,262.449219 L2295.50879,236.731445 C2300.59996,238.378589 2305.35414,239.202148 2309.77148,239.202148 C2322.2748,239.202148 2331.76445,234.859744 2338.24072,226.174805 C2344.71699,217.489865 2348.29199,203.826265 2348.96582,185.183594 L2347.95508,185.183594 C2345.55923,191.098337 2342.13397,195.7215 2337.6792,199.053223 C2333.22442,202.384945 2327.92744,204.050781 2321.78809,204.050781 C2310.63243,204.050781 2301.98506,199.48377 2295.8457,190.349609 C2289.70635,181.215449 2286.63672,168.674884 2286.63672,152.727539 C2286.63672,135.20792 2290.66093,121.319713 2298.70947,111.0625 C2306.75802,100.805287 2317.52044,95.6767578 2330.99707,95.6767578 C2345.67162,95.6767578 2356.9207,102.003192 2364.74463,114.65625 C2372.56856,127.309308 2376.48047,145.53992 2376.48047,169.348633 L2376.48047,169.348633 Z M2331.22168,121.731445 C2326.72947,121.731445 2323.15447,124.164689 2320.49658,129.03125 C2317.83869,133.897811 2316.50977,141.571888 2316.50977,152.053711 C2316.50977,160.66378 2317.67024,167.383277 2319.99121,172.212402 C2322.31219,177.041528 2325.83103,179.456055 2330.54785,179.456055 C2334.81545,179.456055 2338.52147,177.004094 2341.66602,172.100098 C2344.81056,167.196102 2346.38281,161.599641 2346.38281,155.310547 C2346.38281,145.577425 2344.99774,137.54772 2342.22754,131.221191 C2339.45734,124.894662 2335.78876,121.731445 2331.22168,121.731445 L2331.22168,121.731445 Z" id="9" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="63.9 257.7 93.5 81.1"
+	 enable-background="new 63.9 257.7 93.5 81.1" xml:space="preserve">
+<title>field12</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field12" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="Shape" sketch:type="MSShapeGroup" fill-opacity="0.3452" d="M110.1,269.7c3.3-0.1,5.9-2.7,6-6c0.1-3.6-2.8-6.5-6.4-6.4
+			c-3.3,0.1-5.9,2.7-6,6C103.6,266.9,106.5,269.8,110.1,269.7L110.1,269.7z M155.4,307.2h-1.7l-12.4-24c1.7-0.2,3.5-0.9,5.1-1.6
+			c2.4-1.1,2.8-4.2,1.1-6l-0.1-0.1c-1.1-1.1-2.7-1.5-4.2-0.8c-1.4,0.6-3.3,1.3-5.2,1.3c-5.5,0-7.9-6.2-28-6.2s-22.5,6.2-28,6.2
+			c-1.9,0-3.8-0.6-5.2-1.3c-1.5-0.6-3.1-0.3-4.2,0.8l-0.1,0.1c-1.7,1.8-1.3,4.9,1.1,6c1.6,0.8,3.3,1.4,5.1,1.6l-12.4,24h-1.7
+			c-0.8,0-1.4,0.7-1.3,1.5c1.1,6.2,9,11,18.6,11s17.6-4.8,18.6-11c0.1-0.8-0.5-1.5-1.3-1.5h-1.7l-12.4-23.9
+			c8.1-0.7,12.4-4.8,18.6-4.8v47.4c-3.4,0-6.2,2.8-6.2,6.2h-7c-2.7,0-5.6,2.8-5.6,6.2h49.9c0-3.4-2.8-6.2-6.9-6.2h-5.6
+			c0-3.4-2.8-6.2-6.2-6.2v-47.4c6.2,0,10.5,4.1,18.6,4.8l-12.4,23.9h-1.7c-0.8,0-1.4,0.7-1.3,1.5c1.1,6.2,9,11,18.6,11
+			s17.6-4.8,18.6-11C156.7,307.8,156.1,307.2,155.4,307.2L155.4,307.2z M91.2,307.2H72.5l9.4-17.6L91.2,307.2L91.2,307.2z
+			 M128.6,307.2l9.4-17.6l9.4,17.6H128.6L128.6,307.2z"/>
+	</g>
+</g>
+</svg>

canvas/icons/icon-collaborators.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1"
+	 id="svg2" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="8.8 19.8 67.8 43.5"
+	 enable-background="new 8.8 19.8 67.8 43.5" xml:space="preserve">
+<g id="g10" transform="matrix(1.3333333,0,0,-1.3333333,0,85.333333)">
+	<g id="g12" transform="scale(0.1)">
+		<path id="path22" fill="#333333" d="M426.1,238.7c-12.6,4.5-33.2,5.5-42.7,9c-6.5,2.5-16.6,5-19.6,9c-3.5,4-3.5,31.7-3.5,31.7
+			s8,7.5,11.1,15.6c3,8,5.5,30.7,5.5,30.7s0.5,0,1.5,0c2.5,0,6.5,1.5,8.5,12.1c2.5,12.6,7,19.6,6,29.1c-1,6.5-3.5,7.5-5,7.5
+			c-1,0-1.5,0-1.5,0s6.5,9.5,6.5,41.7c0,33.2-25.6,66.3-73.4,66.3c-47.2,0-72.9-33.2-72.9-66.3c0-32.2,6.5-41.7,6.5-41.7
+			s-0.5,0-1.5,0c-1.5,0-4.5-1-5-7.5c-1.5-9.5,3.5-16.1,6-29.1c2-10.6,6.5-12.1,8.5-12.1c1,0,1.5,0,1.5,0s2-22.6,5.5-30.7
+			c3.5-8.5,11.1-15.6,11.1-15.6s0-28.1-3.5-31.7c-3.5-4-13.1-6.5-19.6-9c-9-3.5-29.6-5-42.7-9c-12.6-4.5-51.8-23.1-51.8-73.9h315.5
+			C477.9,215.6,438.7,234.1,426.1,238.7L426.1,238.7"/>
+		<path id="path24" fill="#333333" d="M193.4,252.7c10.1,5,20.1,5,28.1,6c0,0,4.5,7-10,9.5c0,0-19.1,5-21.6,7.5
+			c-2,2.5-1,17.6-1,17.6s27.1,1,37.7,10.5c-17.6,26.1-8,57.3-12.1,85.4c-3.5,28.6-20.6,46.7-53.3,46.7c0,0,0,0-1,0l0,0
+			c-31.7,0-48.2-18.1-51.8-46.7c-3.5-28.6,7-62.8-11.1-85.9c10.1-9,35.2-9.5,37.7-9.5l0,0l0,0c0,0,1-16.1-1-19.1c-2-3-9-5-13.6-6
+			c-10-2-20.6-5.5-29.1-8.5c-8.5-3-25.6-20.6-25.6-42.2h90.9C159.7,228.1,176.8,244.7,193.4,252.7L193.4,252.7"/>
+		<path id="path26" fill="#333333" d="M483.3,219.1h90.9c0,21.6-16.6,39.2-25.6,42.2c-8.5,3-19.1,6.5-29.1,8.5
+			c-4.5,1-11.1,3.5-13.6,6c-2,2.5-1,19.1-1,19.1l0,0l0,0c3,0,28.1,0.5,38.2,9.5c-18.1,23.1-7.5,57.3-11.6,85.9
+			c-3.5,28.6-20.1,46.2-51.8,46.2l0,0h-1c-32.7,0-50.2-18.1-53.8-46.7c-3.5-28.6,5.5-59.3-12.1-85.4c10.6-9.5,37.7-10.5,37.7-10.5
+			s1.5-15.1-1-17.6c-2-2.5-21.6-7.5-21.6-7.5c-14.1-2.5-10-9.5-10-9.5c7.5-1,17.6-1,28.1-6C463.7,244.7,480.8,228.1,483.3,219.1
+			L483.3,219.1"/>
+	</g>
+</g>
+</svg>

canvas/icons/lightbulb.svg

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="607px" height="894px" viewBox="0 0 607 894" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <title>lamp</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="1467649260_advantage_creation" sketch:type="MSLayerGroup" transform="translate(-207.000000, -99.000000)">
+            <g id="lamp" transform="translate(510.050253, 510.050253) rotate(-45.000000) translate(-510.050253, -510.050253) translate(150.050253, 149.050253)" sketch:type="MSShapeGroup">
+                <g id="creation" transform="translate(0.000000, 1.000000)">
+                    <path d="M221.901639,535.832258 C216,529.929032 210.098361,524.025806 204.196721,516.941935 C198.295082,511.03871 191.213115,505.135484 185.311475,499.232258 C145.180328,460.270968 107.409836,424.851613 127.47541,367 C141.639344,329.219355 149.901639,289.077419 154.622951,250.116129 C165.245902,174.554839 203.016393,107.258065 263.213115,60.0322581 C311.606557,22.2516129 372.983607,1 436.721311,1 C500.459016,1 564.196721,22.2516129 612.590164,62.3935484 C676.327869,114.341935 714.098361,187.541935 718.819672,269.006452 C723.540984,349.290323 692.852459,428.393548 636.196721,485.064516 C590.163934,531.109677 532.327869,559.445161 467.409836,566.529032 C430.819672,570.070968 393.04918,579.516129 352.918033,593.683871 C343.47541,597.225806 332.852459,598.406452 323.409836,598.406452 C283.278689,598.406452 253.770492,567.709677 221.901639,535.832258 Z" id="Shape" stroke="#FFFFFF" stroke-width="40" fill-opacity="0.0952785326" fill="#4D4D4D"></path>
+                    <path d="M6.25277607e-13,616.116129 L6.25277607e-13,653.896774 C6.25277607e-13,671.606452 7.08196721,688.135484 18.8852459,701.122581 C31.8688525,714.109677 48.3934426,720.012903 66.0983607,720.012903 L66.0983607,720.012903 L100.327869,720.012903 C66.0983607,688.135484 31.8688525,652.716129 6.25277607e-13,616.116129 L6.25277607e-13,616.116129 Z" id="Shape" fill-opacity="0.651353034" fill="#FFFFFF"></path>
+                    <path d="M167.606557,703.483871 L264.393443,606.670968 L106.229508,464.993548 L17.704918,553.541935 C7.08196721,564.167742 1.18032787,579.516129 0,594.864516 L0,616.116129 C31.8688525,652.716129 64.9180328,688.135484 101.508197,720.012903 L126.295082,720.012903 C141.639344,720.012903 156.983607,714.109677 167.606557,703.483871 L167.606557,703.483871 Z" id="Shape" fill="#E8E8E8"></path>
+                    <g id="Group" transform="translate(9.000000, 80.096774)" fill="#FFFFFF">
+                        <path d="M20.5081967,479.348387 C15.7868852,474.625806 8.70491803,474.625806 3.98360656,478.167742 C1.62295082,480.529032 0.442622951,484.070968 0.442622951,487.612903 C52.3770492,538.380645 111.393443,582.064516 176.311475,617.483871 C119.655738,578.522581 66.5409836,531.296774 20.5081967,479.348387 L20.5081967,479.348387 Z" id="Shape"></path>
+                        <path d="M268.915558,-0.859687485 C263.50147,-8.17307731 255.380338,-8.17307731 249.96625,-2.68803494 C247.259206,0.968659972 245.905684,6.45370234 245.905684,11.9387447 C305.460652,90.5576854 373.136752,158.206541 447.580461,213.056965 C382.611405,152.721499 321.702916,79.5876006 268.915558,-0.859687485 L268.915558,-0.859687485 Z" id="Shape-Copy-2" transform="translate(346.743073, 103.229560) rotate(91.000000) translate(-346.743073, -103.229560) "></path>
+                        <path d="M302.791506,111.403201 C298.070194,106.68062 290.988227,106.68062 286.266916,110.222555 C283.90626,112.583846 282.725932,116.125781 282.725932,119.667717 C334.660358,170.435459 393.676752,214.11933 458.594784,249.538684 C401.939047,210.577394 348.824293,163.351588 302.791506,111.403201 L302.791506,111.403201 Z" id="Shape-Copy-3" transform="translate(370.660358, 178.618251) rotate(95.000000) translate(-370.660358, -178.618251) "></path>
+                        <path d="M20.5081967,479.348387 C15.7868852,474.625806 8.70491803,474.625806 3.98360656,478.167742 C1.62295082,480.529032 0.442622951,484.070968 0.442622951,487.612903 C52.3770492,538.380645 111.393443,582.064516 176.311475,617.483871 C119.655738,578.522581 66.5409836,531.296774 20.5081967,479.348387 L20.5081967,479.348387 Z" id="Shape-Copy"></path>
+                    </g>
+                    <g id="Group" transform="translate(32.696721, 514.096774)" fill="#FFFFFF">
+                        <path d="M0.180327869,13.4322581 C0.180327869,15.7935484 1.36065574,18.1548387 2.54098361,20.516129 C54.4754098,80.7290323 114.672131,135.03871 179.590164,181.083871 C181.95082,182.264516 184.311475,183.445161 186.672131,183.445161 C190.213115,183.445161 193.754098,182.264516 196.114754,178.722581 C199.655738,174 198.47541,168.096774 194.934426,163.374194 C121.754098,123.232258 56.8360656,72.4645161 0.180327869,13.4322581 L0.180327869,13.4322581 Z" id="Shape" fill-opacity="0.651353034"></path>
+                        <path d="M194.934426,162.193548 L193.754098,161.012903 C130.016393,116.148387 72.1803279,64.2 20.2459016,5.16774194 C15.5245902,0.44516129 8.44262295,-0.735483871 3.72131148,3.98709677 C1.36065574,6.3483871 0.180327869,9.89032258 0.180327869,13.4322581 C56.8360656,72.4645161 121.754098,123.232258 194.934426,162.193548 L194.934426,162.193548 Z" id="Shape"></path>
+                    </g>
+                    <g id="Group" transform="translate(50.163934, 464.993548)" fill="#FFFFFF">
+                        <path d="M0.262295082,10.8064516 C0.262295082,14.3483871 0.262295082,17.8903226 2.62295082,20.2516129 C55.7377049,80.4645161 115.934426,134.774194 180.852459,179.63871 C183.213115,180.819355 185.57377,182 187.934426,182 C191.47541,182 195.016393,179.63871 197.377049,177.277419 C199.737705,173.735484 199.737705,167.832258 197.377049,164.290323 C124.196721,124.148387 58.0983607,72.2 0.262295082,10.8064516 L0.262295082,10.8064516 Z" id="Shape"></path>
+                        <path d="M198.557377,164.290323 C197.377049,163.109677 196.196721,161.929032 195.016393,160.748387 C131.278689,117.064516 72.2622951,63.9354839 21.5081967,4.90322581 C16.7868852,0.180645161 9.70491803,-1 4.98360656,3.72258065 C2.62295082,6.08387097 1.44262295,8.44516129 1.44262295,10.8064516 C58.0983607,72.2 124.196721,124.148387 198.557377,164.290323 L198.557377,164.290323 Z" id="Shape"></path>
+                    </g>
+                    <path d="M272.655738,617.296774 C265.57377,617.296774 258.491803,614.935484 252.590164,610.212903 C199.47541,572.432258 149.901639,528.748387 105.04918,480.341935 C92.0655738,466.174194 93.2459016,444.922581 106.229508,431.935484 L120.393443,417.767742 L304.52459,601.948387 L298.622951,607.851613 C291.540984,613.754839 282.098361,617.296774 272.655738,617.296774 L272.655738,617.296774 Z" id="Shape" fill-opacity="0.651353034" fill="#FFFFFF"></path>
+                    <path d="M306.885246,614.935484 C303.344262,614.935484 300.983607,613.754839 298.622951,611.393548 L109.770492,422.490323 C105.04918,417.767742 105.04918,410.683871 109.770492,405.96129 C114.491803,401.23871 121.57377,401.23871 126.295082,405.96129 L315.147541,594.864516 C319.868852,599.587097 319.868852,606.670968 315.147541,611.393548 C312.786885,613.754839 310.42623,614.935484 306.885246,614.935484 L306.885246,614.935484 Z" id="Shape" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

canvas/icons/logo-black-text.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="721.6 272.3 22.6 52.2"
+	 enable-background="new 721.6 272.3 22.6 52.2" xml:space="preserve">
+<title>field1</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field1" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="_x31_" sketch:type="MSShapeGroup" opacity="0.3507" enable-background="new    " d="M743.4,324h-9.6v-30.7
+			c0-3.3,0.2-7.2,0.5-11.5c-0.2,0.2-0.8,1-1.8,2.2c-1,1.2-3.1,3.4-6.2,6.6l-5.4-5.9l13.9-12.8h8.7L743.4,324L743.4,324z"/>
+	</g>
+</g>
+</svg>

canvas/icons/number2.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="720.3 275.2 28.4 52.8"
+	 enable-background="new 720.3 275.2 28.4 52.8" xml:space="preserve">
+<title>field2</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field2" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="_x32_" sketch:type="MSShapeGroup" opacity="0.35" enable-background="new    " d="M747.9,327.5H720v-7.2l9.3-13.1
+			c2.5-3.6,4.3-6.3,5.2-8c1-1.7,1.7-3.4,2.1-5c0.4-1.6,0.7-3.2,0.7-5c0-2-0.4-3.5-1.3-4.5s-2-1.5-3.5-1.5c-1.3,0-2.4,0.3-3.5,1
+			c-1.1,0.7-2.4,1.9-4,3.6l-5.4-5.7c2.5-2.8,4.8-4.8,6.9-5.8c2.1-1,4.5-1.6,6.9-1.6c4.2,0,7.5,1.2,9.9,3.7c2.4,2.5,3.5,5.9,3.5,10.3
+			c0,2-0.2,3.9-0.6,5.7c-0.4,1.8-1.1,3.6-1.9,5.4c-0.9,1.8-1.9,3.7-3.2,5.6c-1.3,1.9-4.7,6.4-10.1,13.3v0.3h17L747.9,327.5
+			L747.9,327.5z"/>
+	</g>
+</g>
+</svg>

canvas/icons/number3.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 841.9 595.3"
+	 enable-background="new 0 0 841.9 595.3" xml:space="preserve">
+<title>field3</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field3" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="_x33_" sketch:type="MSShapeGroup" opacity="0.35" enable-background="new    " d="M563.9,140.4
+			c0,35.9-8.7,65.3-26.1,90.3s-42.4,41.4-75.1,50.1v3.3c35.9,5.4,63.1,19.6,82.7,41.4c19.6,21.8,29.4,52.2,29.4,91.4
+			c0,52.2-16.3,94.7-49,125.2c-32.6,31.6-77.3,46.8-133.9,46.8c-50.1,0-92.5-8.7-126.2-26.1V468c17.4,10.9,35.9,18.5,55.5,25
+			c19.6,5.4,39.2,8.7,57.7,8.7c30.5,0,52.2-6.5,68.6-20.7c15.2-14.1,22.9-35.9,22.9-65.3c0-56.6-34.8-84.9-104.5-84.9h-32.6v-79.4
+			h30.5c30.5,0,54.4-7.6,70.7-21.8c16.3-14.1,25-35.9,25-65.3c0-22.9-5.4-39.2-15.2-51.1c-9.8-12-25-17.4-44.6-17.4
+			c-29.4,0-57.7,12-86,37l-47.9-69.6c38.1-38.1,87.1-57.7,144.7-57.7c47.9,0,86,12,112.1,35.9C549.7,65.3,563.9,99.1,563.9,140.4
+			L563.9,140.4z"/>
+	</g>
+</g>
+</svg>

canvas/icons/number4.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 841.9 595.3"
+	 enable-background="new 0 0 841.9 595.3" xml:space="preserve">
+<title>field4</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field4" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="_x34_" sketch:type="MSShapeGroup" opacity="0.35" enable-background="new    " d="M596.5,466.7h-59.3v123.1H434.2V466.7
+			H244v-88.4L420.8,4.5h116.4V376h59.3V466.7L596.5,466.7z M434.2,377.1V254.1l2.2-54.8l3.4-51.5h-3.4c-9,29.1-19,54.8-30.2,78.3
+			l-70.5,151.1H434.2L434.2,377.1z"/>
+	</g>
+</g>
+</svg>

canvas/icons/number5.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="721.3 276.1 27.5 52.9"
+	 enable-background="new 721.3 276.1 27.5 52.9" xml:space="preserve">
+<title>field5</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field5" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="_x35_" sketch:type="MSShapeGroup" opacity="0.35" enable-background="new    " d="M735.2,295.1c3.9,0,7.1,1.4,9.4,4.1
+			c2.3,2.7,3.5,6.5,3.5,11.3c0,5.7-1.4,10.1-4.3,13.3c-2.9,3.2-6.9,4.7-12.1,4.7c-4.6,0-8.3-0.9-11.1-2.6v-9.1
+			c1.2,0.9,2.8,1.7,4.7,2.4c1.9,0.7,3.7,1,5.3,1c5.1,0,7.7-3,7.7-8.9c0-5.5-2.5-8.3-7.5-8.3c-2,0-4.1,0.4-6.3,1.1l-3.1-2.3l1.6-26.2
+			h22.3v8.7h-14l-0.7,11.3C732,295.3,733.5,295.1,735.2,295.1L735.2,295.1z"/>
+	</g>
+</g>
+</svg>

canvas/icons/number6.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 841.9 595.3"
+	 enable-background="new 0 0 841.9 595.3" xml:space="preserve">
+<title>field6</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field6" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="_x36_" sketch:type="MSShapeGroup" opacity="0.35" stroke="#979797" enable-background="new    " d="M266,340.2
+			c0-116.7,18.5-200.6,54.5-254S412.1,5.5,485.1,5.5c12,0,22.9,1.1,34.9,2.2s20.7,3.3,26.2,4.4v87.2c-18.5-4.4-36-6.5-53.4-6.5
+			c-29.4,0-53.4,6.5-73,19.6c-18.5,13.1-33.8,32.7-43.6,57.8c-9.8,26.2-16.4,62.1-18.5,109h4.4c8.7-21.8,21.8-38.2,37.1-49.1
+			c16.4-10.9,33.8-16.4,54.5-16.4c38.2,0,67.6,15.3,89.4,46.9c20.7,30.5,31.6,75.2,31.6,133c0,60-14.2,107.9-41.4,142.8
+			c-28.3,34.9-66.5,52.3-114.5,52.3c-51.2,0-89.4-20.7-115.6-63.2C279.1,485.2,266,422,266,340.2L266,340.2z M421.9,500.5
+			c15.3,0,28.3-8.7,37.1-26.2c9.8-17.4,14.2-43.6,14.2-79.6c0-29.4-4.4-52.3-12-69.8c-8.7-17.4-20.7-26.2-38.2-26.2
+			c-15.3,0-27.3,7.6-37.1,24c-9.8,16.4-14.2,36-14.2,60c0,38.2,4.4,66.5,13.1,87.2C393.5,490.7,406.6,500.5,421.9,500.5L421.9,500.5
+			z"/>
+	</g>
+</g>
+</svg>

canvas/icons/number7.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 841.9 595.3"
+	 enable-background="new 0 0 841.9 595.3" xml:space="preserve">
+<title>field7</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field7" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="_x37_" sketch:type="MSShapeGroup" opacity="0.35" enable-background="new    " d="M303.9,588.6l163.4-486.7H263.6V5.7
+			h313.3v73.9L415.8,588.6H303.9z"/>
+	</g>
+</g>
+</svg>

canvas/icons/number8.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 841.9 595.3"
+	 enable-background="new 0 0 841.9 595.3" xml:space="preserve">
+<title>field8</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field8" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="_x38_" sketch:type="MSShapeGroup" opacity="0.35" enable-background="new    " d="M419.7,6c44.7,0,79.6,12,106.8,38.2
+			c26.2,25.1,40.3,58.9,40.3,102.5c0,26.2-6.5,51.2-18.5,72c-12,21.8-33.8,42.5-63.2,62.1c33.8,24,56.7,48,70.9,72
+			c14.2,24,20.7,52.3,20.7,80.7c0,46.9-14.2,83.9-42.5,112.3c-28.3,28.3-66.5,42.5-113.4,42.5c-49.1,0-87.2-13.1-115.6-39.2
+			c-28.3-26.2-41.4-64.3-41.4-112.3c0-32.7,6.5-62.1,20.7-87.2c14.2-25.1,34.9-46.9,64.3-65.4c-27.3-21.8-45.8-43.6-57.8-65.4
+			s-17.4-46.9-17.4-74.1c0-42.5,13.1-76.3,41.4-102.5C342.3,19.1,377.2,6,419.7,6L419.7,6z M364.1,433.4c0,22.9,4.4,41.4,14.2,54.5
+			c9.8,13.1,22.9,19.6,40.3,19.6c18.5,0,33.8-6.5,42.5-19.6c9.8-13.1,14.2-31.6,14.2-54.5c0-16.4-3.3-31.6-10.9-46.9
+			c-7.6-14.2-21.8-31.6-43.6-50.2l-5.5-5.5c-17.4,12-29.4,26.2-38.2,42.5C367.4,389.8,364.1,409.4,364.1,433.4L364.1,433.4z
+			 M419.7,88.9c-15.3,0-26.2,5.5-33.8,16.4c-7.6,10.9-10.9,26.2-10.9,45.8c0,17.4,3.3,31.6,9.8,44.7c6.5,13.1,18.5,26.2,36,40.3
+			c17.4-13.1,28.3-26.2,34.9-40.3c6.5-13.1,9.8-28.3,9.8-45.8C465.5,109.6,450.2,88.9,419.7,88.9L419.7,88.9z"/>
+	</g>
+</g>
+</svg>

canvas/icons/number9.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 841.9 595.3"
+	 enable-background="new 0 0 841.9 595.3" xml:space="preserve">
+<title>field9</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field9" transform="translate(0.700400, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="_x39_" sketch:type="MSShapeGroup" opacity="0.35" enable-background="new    " d="M575.9,260.7
+			c0,218.7-72.9,328.7-219.8,328.7c-23.9,0-44.6-2.2-60.9-6.5v-89.2c17.4,5.4,33.7,8.7,49,8.7c43.5,0,76.2-15.2,99-44.6
+			c22.9-30.5,34.8-77.3,37-141.5h-3.3c-8.7,20.7-19.6,35.9-35.9,47.9c-15.2,12-33.7,17.4-55.5,17.4c-39.2,0-68.6-16.3-89.2-47.9
+			s-31.6-75.1-31.6-130.6c0-60.9,14.1-108.8,41.4-144.7c28.3-35.9,65.3-53.3,112.1-53.3c51.1,0,89.2,21.8,116.4,65.3
+			C561.7,115.9,575.9,179.1,575.9,260.7L575.9,260.7z M419.2,96.4c-15.2,0-28.3,8.7-37,25c-8.7,16.3-14.1,43.5-14.1,79.4
+			c0,29.4,4.4,53.3,12,69.6c7.6,17.4,19.6,25,37,25c15.2,0,27.2-8.7,38.1-26.1c10.9-17.4,16.3-35.9,16.3-57.7
+			c0-33.7-4.4-62-14.1-83.8C447.5,107.2,434.4,96.4,419.2,96.4L419.2,96.4z"/>
+	</g>
+</g>
+</svg>

canvas/icons/pdf/field1-pdf.svg

@@ -1,17 +1,24 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2646px" height="346px" viewBox="0 0 2646 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field1 copy</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field1-copy" sketch:type="MSLayerGroup" transform="translate(0.500000, 0.500000)">
-            <rect id="Rectangle-1" stroke="#85ADE5" fill="#85ADE5" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <g id="person" transform="translate(253.000000, 78.500000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
-                <path d="M131.761531,86.9772414 C123.457277,104.448436 105.344522,119.061513 87.7812642,119.061513 C66.337192,119.061513 50.7589872,104.619164 42.4547325,87.1542929 C-5.83907633,110.183642 0.246589235,168.46522 0.246589235,168.46522 C0.246589235,176.445186 7.07407408,177.602345 15.0967122,177.602345 L87.7743955,177.602345 L160.34218,177.602345 C168.378555,177.602345 175.226646,176.438863 175.226646,168.46522 C175.233515,168.46522 180.048471,110.012913 131.761531,86.9772414 L131.761531,86.9772414 Z" id="Shape"></path>
-                <path d="M130.587423,46.4208993 C130.587423,20.781986 110.719192,0 86.2076154,0 C61.6960385,0 41.8208462,20.781986 41.8208462,46.4208993 C41.8208462,72.0598127 62.0719615,103.078897 86.5905,103.078897 C111.102077,103.078897 130.587423,72.0536569 130.587423,46.4208993 Z" id="Shape"></path>
-            </g>
-            <path d="M2338.87012,257 L2308.77246,257 L2308.77246,160.642578 C2308.77246,150.160755 2309.29654,138.106839 2310.34473,124.480469 C2309.82064,125.22917 2307.89276,127.512676 2304.56104,131.331055 C2301.22931,135.149433 2294.73442,141.999951 2285.07617,151.882812 L2268.00586,133.240234 L2311.69238,92.8105469 L2338.87012,92.8105469 L2338.87012,257 Z" id="1" opacity="0.350746269" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.2 242.8 841.6 109.8"
+	 enable-background="new 0.2 242.8 841.6 109.8" xml:space="preserve">
+<title>field1 copy</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field1-copy" transform="translate(0.500000, 0.500000)" sketch:type="MSLayerGroup">
+		<rect id="Rectangle-1" x="-0.3" y="242.3" sketch:type="MSShapeGroup" fill="#A281D1" width="841.6" height="109.8">
+		</rect>
+		<g id="person" transform="translate(253.000000, 78.500000)" sketch:type="MSShapeGroup">
+			<path id="Shape" fill-opacity="0.3452" d="M-130.9,218c-2.6,5.6-8.4,10.2-14,10.2c-6.8,0-11.8-4.6-14.4-10.1
+				c-15.4,7.3-13.4,25.9-13.4,25.9c0,2.5,2.2,2.9,4.7,2.9h23.1h23.1c2.5,0,4.7-0.4,4.7-2.9C-117.1,243.9-115.6,225.3-130.9,218
+				L-130.9,218z"/>
+			<path id="Shape_1_" fill-opacity="0.3452" d="M-131.3,205.1c0-8.1-6.3-14.8-14.1-14.8s-14.1,6.6-14.1,14.8s6.5,18,14.3,18
+				S-131.3,213.3-131.3,205.1z"/>
+		</g>
+		<path id="_x31_" sketch:type="MSShapeGroup" opacity="0.3507" enable-background="new    " d="M752.5,322.6h-9.4v-30
+			c0-3.2,0.2-7,0.5-11.2c-0.2,0.2-0.8,1-1.8,2.2c-1.1,1.2-3,3.3-6.1,6.5l-5.3-5.8l13.6-12.6h8.5V322.6L752.5,322.6z"/>
+	</g>
+</g>
+</svg>

canvas/icons/pdf/field10-pdf.svg

@@ -1,14 +1,40 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2646px" height="346px" viewBox="0 0 2646 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field10 copy</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field10-copy" sketch:type="MSLayerGroup" transform="translate(0.500000, 0.500000)">
-            <rect id="Rectangle-1" stroke="#85ADE5" fill="#85ADE5" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <path d="M314.940377,273.356199 L342.769214,273.356199 L342.769214,174.579584 L314.940377,202.410702 L314.940377,273.356199 L314.940377,273.356199 Z M276.678256,240.652272 L276.678256,273.356199 L304.511493,273.356199 L304.511493,212.830827 L285.290896,232.04417 L276.678256,240.652272 L276.678256,240.652272 Z M353.197218,273.338171 L381.029575,273.338171 L381.029575,196.985624 L353.197218,169.171654 L353.197218,273.338171 L353.197218,273.338171 Z M391.459339,200.231085 L391.459339,273.356199 L419.290375,273.356199 L419.290375,172.408322 L397.472127,194.228674 L391.459339,200.231085 L391.459339,200.231085 Z M429.735979,273.356199 L457.549856,273.356199 L457.549856,134.172468 L429.735979,161.987756 L429.735979,273.356199 L429.735979,273.356199 Z M418.665602,77.6193899 L437.12107,96.0777595 L437.228426,96.1859269 L387.881848,145.519051 L350.687123,108.358716 L256,202.998148 L275.682577,222.653394 L350.688443,147.689434 L387.883168,184.84977 L456.909683,115.854804 L475.275396,134.208084 L481.270585,71.6438011 L418.665602,77.6193899 L418.665602,77.6193899 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
-            <path d="M2290.87012,262 L2260.77246,262 L2260.77246,165.642578 C2260.77246,155.160755 2261.29654,143.106839 2262.34473,129.480469 C2261.82064,130.22917 2259.89276,132.512676 2256.56104,136.331055 C2253.22931,140.149433 2246.73442,146.999951 2237.07617,156.882812 L2220.00586,138.240234 L2263.69238,97.8105469 L2290.87012,97.8105469 L2290.87012,262 Z M2413.61914,179.905273 C2413.61914,209.628729 2410.04414,231.116145 2402.89404,244.368164 C2395.74394,257.620183 2384.23283,264.246094 2368.36035,264.246094 C2352.48788,264.246094 2341.08906,257.582749 2334.16357,244.255859 C2327.23808,230.92897 2323.77539,209.478989 2323.77539,179.905273 C2323.77539,150.256688 2327.40654,128.731838 2334.66895,115.330078 C2341.93135,101.928318 2353.31145,95.2275391 2368.80957,95.2275391 C2384.60718,95.2275391 2396.0247,101.77858 2403.0625,114.880859 C2410.1003,127.983138 2413.61914,149.657726 2413.61914,179.905273 L2413.61914,179.905273 Z M2354.32227,179.905273 C2354.32227,202.890414 2355.31428,218.369589 2357.29834,226.343262 C2359.2824,234.316934 2363.04457,238.303711 2368.58496,238.303711 C2372.32847,238.303711 2375.22964,236.581723 2377.28857,233.137695 C2379.3475,229.693668 2380.82617,223.984903 2381.72461,216.01123 C2382.62305,208.037558 2383.07227,196.002359 2383.07227,179.905273 C2383.07227,157.294483 2382.0241,141.87146 2379.92773,133.635742 C2377.83137,125.400024 2374.05048,121.282227 2368.58496,121.282227 C2363.04457,121.282227 2359.2824,125.381307 2357.29834,133.57959 C2355.31428,141.777873 2354.32227,157.219613 2354.32227,179.905273 L2354.32227,179.905273 Z" id="10" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.2 485.5 841.9 109.8"
+	 enable-background="new 0.2 485.5 841.9 109.8" xml:space="preserve">
+<rect id="Rectangle-1" x="0.2" y="485.5" sketch:type="MSShapeGroup" fill="#A281D1" width="841.9" height="109.8">
+</rect>
+<title>field10 copy</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field10-copy" transform="translate(0.500000, 0.500000)" sketch:type="MSLayerGroup">
+		<line id="Rectangle-1_5_" sketch:type="MSShapeGroup" fill="#8B99E0" x1="-0.3" y1="594.9" x2="-0.3" y2="485">
+		</line>
+		<line id="Rectangle-1_4_" sketch:type="MSShapeGroup" fill="#8B99E0" x1="841.6" y1="485" x2="841.6" y2="594.9">
+		</line>
+	</g>
+</g>
+<g>
+	<g>
+		<g>
+			<g>
+				<g opacity="0.3452">
+					<path d="M110.1,548.6c2.4,0,5.4,0,7.3,0c2,0,3.2-0.5,4.4-1.4c3.3-2.4,5.7-5.4,7.3-9.1c2.5-5.9,3.4-11.9,2.5-18.2
+						c-0.7-4.8-3-8.9-7.2-11.4c-8.3-5.1-17.3-5.6-26.4-2.4c-3.5,1.2-6.6,3.2-8.9,6.1c-3,3.9-4.2,8.4-4.2,13.3c0,1.8,0.6,2.4,2.5,2.4
+						c4.4,0,8.9,0.1,13.3,0.1c1.6,0,2-0.3,2.6-1.8c0.5-1.4,1.5-2.3,3.1-2.5c1.2-0.2,2.4-0.4,3.7-0.3c1.9,0.1,3.3,1.2,3.5,2.9
+						c0.5,3.6-0.6,5.1-3.4,6c-0.3,0.1-0.5,0.1-0.7,0.2c-2.5,0.9-5,2-6.9,4.2c-2.3,2.6-3.1,5.7-3.4,8.9c-0.3,2,0.7,3.2,2.7,3.2
+						C104.7,548.6,107.4,548.6,110.1,548.6z M109.6,576.6c2.3,0,4.7,0,7,0c1.7,0,2.8-1,2.8-2.7c0-4.7,0-9.5,0-14.2
+						c0-1.7-1-2.7-2.8-2.7c-4.7,0-9.4,0-14.1,0c-1.7,0-2.7,1-2.8,2.7c0,4.7,0,9.5,0,14.2c0,1.7,1,2.7,2.8,2.7
+						C104.9,576.6,107.2,576.6,109.6,576.6z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<line id="Rectangle-1_3_" sketch:type="MSShapeGroup" fill="#A281D1" x1="0.2" y1="595.4" x2="0.2" y2="485.5">
+</line>
+<line id="Rectangle-1_2_" sketch:type="MSShapeGroup" fill="#A281D1" x1="842.1" y1="485.5" x2="842.1" y2="595.4">
+</line>
+</svg>

canvas/icons/pdf/field2-pdf.svg

@@ -1,20 +1,38 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2647px" height="347px" viewBox="0 0 2647 347" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field2 copy</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field2-copy" sketch:type="MSLayerGroup" transform="translate(1.000000, 1.000000)">
-            <rect id="Rectangle-1" stroke="#6BB5B4" fill="#6BB5B4" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <g id="Group" transform="translate(186.000000, 70.000000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
-                <g transform="translate(59.625000, 0.000000)" id="Shape">
-                    <path d="M165.530357,158.750865 C157.580357,155.984429 144.590625,155.133218 138.912054,152.934256 C134.937054,151.373702 128.619643,149.742215 126.632143,147.259516 C124.573661,144.847751 124.573661,127.32699 124.573661,127.32699 C124.573661,127.32699 129.542411,122.716263 131.600893,117.538062 C133.659375,112.359862 135.008036,98.3148789 135.008036,98.3148789 C135.008036,98.3148789 135.433929,98.4567474 136.072768,98.4567474 C137.563393,98.4567474 140.260714,97.4636678 141.538393,90.9377163 C143.1,82.9221453 146.08125,78.7370242 145.300446,72.849481 C144.732589,68.8771626 143.029018,68.2387543 142.035268,68.2387543 C141.538393,68.2387543 141.183482,68.3806228 141.183482,68.3806228 C141.183482,68.3806228 145.229464,62.4221453 145.229464,42.1349481 C145.229464,21.2802768 129.116518,0.709342561 99.375,0.638408304 C69.5625,0.709342561 53.5205357,21.2802768 53.5205357,42.1349481 C53.5205357,62.3512111 57.5665179,68.3806228 57.5665179,68.3806228 C57.5665179,68.3806228 57.2116071,68.2387543 56.7147321,68.2387543 C55.65,68.2387543 53.9464286,68.8771626 53.4495536,72.849481 C52.66875,78.7370242 55.5790179,82.9930796 57.2116071,90.9377163 C58.4892857,97.4636678 61.1866071,98.4567474 62.6772321,98.4567474 C63.3160714,98.4567474 63.7419643,98.3148789 63.7419643,98.3148789 C63.7419643,98.3148789 65.090625,112.430796 67.1491071,117.538062 C69.2075893,122.716263 74.1763393,127.32699 74.1763393,127.32699 C74.1763393,127.32699 74.1763393,144.847751 72.1178571,147.259516 C70.059375,149.67128 63.8129464,151.373702 59.8379464,152.934256 C54.159375,155.133218 41.1696429,155.984429 33.2196429,158.750865 C25.2696429,161.517301 0.709821429,173.079585 0.709821429,205 L198.040179,205 C198.040179,173.079585 173.551339,161.517301 165.530357,158.750865 L165.530357,158.750865 Z"></path>
-                </g>
-                <path d="M79.5709821,149.67128 C85.959375,146.479239 92.2058036,146.479239 97.0325893,145.84083 C97.0325893,145.84083 99.7299107,141.442907 90.8571429,139.882353 C90.8571429,139.882353 78.7191964,136.83218 77.2995536,135.129758 C75.8799107,133.427336 76.7316964,123.99308 76.7316964,123.99308 C76.7316964,123.99308 93.6964286,123.425606 100.439732,117.467128 C89.4375,101.010381 95.3290179,81.7871972 93.0575893,63.8408304 C90.8571429,45.9653979 80.1388393,34.7577855 59.625,34.7577855 C59.5540179,34.7577855 59.625,34.7577855 58.9151786,34.7577855 L58.9151786,34.7577855 C39.0401786,34.7577855 28.81875,45.9653979 26.5473214,63.9117647 C24.2758929,81.8581315 30.80625,103.209343 19.5200893,117.608997 C25.8375,123.212803 41.4535714,123.49654 43.228125,123.49654 L43.3700893,123.49654 L43.4410714,123.425606 C43.4410714,123.425606 44.1508929,133.49827 42.73125,135.200692 C41.3116071,136.903114 37.1236607,138.463668 34.284375,139.102076 C28.0379464,140.449827 21.4366071,142.648789 15.9709821,144.564014 C10.5053571,146.408304 0,157.474048 0,170.951557 L56.9276786,170.951557 C58.4892857,165.276817 69.2075893,154.920415 79.5709821,149.67128 L79.5709821,149.67128 Z" id="Shape"></path>
-                <path d="M261.072321,170.951557 L318,170.951557 C318,157.474048 307.494643,146.408304 302.029018,144.49308 C296.563393,142.577855 289.891071,140.378893 283.715625,139.031142 C280.805357,138.392734 276.688393,136.83218 275.26875,135.129758 C273.849107,133.427336 274.558929,123.354671 274.558929,123.354671 L274.629911,123.425606 L274.771875,123.425606 C276.546429,123.425606 292.233482,123.212803 298.550893,117.538062 C287.264732,103.138408 293.724107,81.7871972 291.452679,63.8408304 C289.18125,45.9653979 278.959821,34.7577855 259.084821,34.7577855 L259.084821,34.7577855 L258.375,34.7577855 C237.861161,34.7577855 227.071875,45.9653979 224.871429,63.9117647 C222.6,81.8581315 228.491518,101.081315 217.489286,117.538062 C224.232589,123.49654 241.197321,124.064014 241.197321,124.064014 C241.197321,124.064014 242.049107,133.49827 240.629464,135.200692 C239.209821,136.903114 227.071875,139.953287 227.071875,139.953287 C218.199107,141.513841 220.896429,145.911765 220.896429,145.911765 C225.723214,146.550173 232.040625,146.550173 238.358036,149.742215 C248.792411,154.920415 259.510714,165.276817 261.072321,170.951557 L261.072321,170.951557 Z" id="Shape"></path>
-            </g>
-            <path d="M2353.35742,269 L2265.31055,269 L2265.31055,246.202148 L2294.50977,204.874023 C2302.52087,193.493758 2308.02375,185.052274 2311.01855,179.549316 C2314.01336,174.046359 2316.222,168.768092 2317.64453,163.714355 C2319.06706,158.660619 2319.77832,153.438504 2319.77832,148.047852 C2319.77832,141.758758 2318.37453,137.042008 2315.56689,133.897461 C2312.75926,130.752914 2309.1094,129.180664 2304.61719,129.180664 C2300.64907,129.180664 2296.94305,130.228831 2293.49902,132.325195 C2290.055,134.42156 2285.86233,138.202447 2280.9209,143.667969 L2263.85059,125.699219 C2271.71195,116.789669 2279.01169,110.687842 2285.75,107.393555 C2292.48831,104.099267 2299.78805,102.452148 2307.64941,102.452148 C2320.90143,102.452148 2331.25208,106.345339 2338.70166,114.131836 C2346.15124,121.918333 2349.87598,132.73691 2349.87598,146.587891 C2349.87598,152.876985 2349.20216,158.829073 2347.85449,164.444336 C2346.50683,170.059598 2344.46665,175.693494 2341.73389,181.346191 C2339.00113,186.998889 2335.57587,192.876109 2331.45801,198.978027 C2327.34015,205.079946 2316.70874,219.06174 2299.56348,240.923828 L2299.56348,241.822266 L2353.35742,241.822266 L2353.35742,269 Z" id="2" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.3 242.8 841.3 109.7"
+	 enable-background="new 0.3 242.8 841.3 109.7" xml:space="preserve">
+<title>field2 copy</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field2-copy" transform="translate(1.000000, 1.000000)" sketch:type="MSLayerGroup">
+		<rect id="Rectangle-1" x="-0.7" y="241.8" sketch:type="MSShapeGroup" fill="#A281D1" width="841.3" height="109.7">
+		</rect>
+		<g id="Group" transform="translate(186.000000, 70.000000)" sketch:type="MSShapeGroup">
+			<g id="Shape" transform="translate(59.625000, 0.000000)">
+				<path fill-opacity="0.3452" d="M-116.9,244.4c-2.5-0.9-6.6-1.1-8.5-1.8c-1.3-0.5-3.3-1-3.9-1.8c-0.7-0.8-0.7-6.3-0.7-6.3
+					s1.6-1.5,2.2-3.1c0.6-1.6,1.1-6.1,1.1-6.1s0.1,0,0.3,0c0.5,0,1.3-0.3,1.7-2.4c0.5-2.5,1.4-3.9,1.2-5.8c-0.2-1.3-0.7-1.5-1-1.5
+					c-0.2,0-0.3,0-0.3,0s1.3-1.9,1.3-8.3c0-6.6-5.1-13.2-14.6-13.2c-9.4,0-14.5,6.6-14.5,13.2c0,6.4,1.3,8.3,1.3,8.3s-0.1,0-0.3,0
+					c-0.3,0-0.9,0.2-1,1.5c-0.3,1.9,0.7,3.2,1.2,5.8c0.4,2.1,1.3,2.4,1.7,2.4c0.2,0,0.3,0,0.3,0s0.4,4.5,1.1,6.1
+					c0.7,1.7,2.2,3.1,2.2,3.1s0,5.6-0.7,6.3c-0.7,0.8-2.6,1.3-3.9,1.8c-1.8,0.7-5.9,1-8.5,1.8c-2.5,0.9-10.3,4.6-10.3,14.7h62.8
+					C-106.6,249-114.4,245.3-116.9,244.4L-116.9,244.4z"/>
+			</g>
+			<path id="Shape_1_" fill-opacity="0.3452" d="M-103.6,241.6c2-1,4-1,5.6-1.2c0,0,0.9-1.4-2-1.9c0,0-3.8-1-4.3-1.5
+				c-0.4-0.5-0.2-3.5-0.2-3.5s5.4-0.2,7.5-2.1c-3.5-5.2-1.6-11.4-2.4-17c-0.7-5.7-4.1-9.3-10.6-9.3c0,0,0,0-0.2,0l0,0
+				c-6.3,0-9.6,3.6-10.3,9.3c-0.7,5.7,1.4,12.5-2.2,17.1c2,1.8,7,1.9,7.5,1.9l0,0l0,0c0,0,0.2,3.2-0.2,3.8c-0.4,0.5-1.8,1-2.7,1.2
+				c-2,0.4-4.1,1.1-5.8,1.7c-1.7,0.6-5.1,4.1-5.1,8.4h18.1C-110.3,246.5-106.9,243.2-103.6,241.6L-103.6,241.6z"/>
+			<path id="Shape_2_" fill-opacity="0.3452" d="M-45.9,248.3h18.1c0-4.3-3.3-7.8-5.1-8.4c-1.7-0.6-3.8-1.3-5.8-1.7
+				c-0.9-0.2-2.2-0.7-2.7-1.2c-0.4-0.5-0.2-3.8-0.2-3.8l0,0l0,0c0.6,0,5.6-0.1,7.6-1.9c-3.6-4.6-1.5-11.4-2.3-17.1
+				c-0.7-5.7-4-9.2-10.3-9.2l0,0h-0.2c-6.5,0-10,3.6-10.7,9.3c-0.7,5.7,1.1,11.8-2.4,17c2.1,1.9,7.5,2.1,7.5,2.1s0.3,3-0.2,3.5
+				c-0.4,0.5-4.3,1.5-4.3,1.5c-2.8,0.5-2,1.9-2,1.9c1.5,0.2,3.5,0.2,5.6,1.2C-49.8,243.2-46.4,246.5-45.9,248.3L-45.9,248.3z"/>
+		</g>
+		<path id="_x32_" sketch:type="MSShapeGroup" opacity="0.35" enable-background="new    " d="M754.5,322h-27v-7l9-12.6
+			c2.4-3.5,4.1-6.1,5-7.7c0.9-1.6,1.6-3.3,2-4.8c0.4-1.5,0.7-3.2,0.7-4.8c0-1.9-0.4-3.4-1.3-4.3c-0.9-1-2-1.4-3.4-1.4
+			c-1.3,0-2.3,0.3-3.4,1c-1.1,0.7-2.3,1.8-3.9,3.5l-5.2-5.5c2.4-2.7,4.6-4.6,6.8-5.6c2-1,4.3-1.5,6.8-1.5c4.1,0,7.2,1.2,9.5,3.6
+			c2.3,2.4,3.5,5.7,3.5,9.9c0,1.9-0.2,3.8-0.6,5.5c-0.4,1.7-1.1,3.5-1.8,5.2c-0.7,1.7-1.9,3.6-3.2,5.4s-4.5,6.2-9.7,12.8v0.3h16.5
+			L754.5,322L754.5,322z"/>
+	</g>
+</g>
+</svg>

canvas/icons/pdf/field3-pdf.svg

@@ -1,16 +1,32 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2646px" height="346px" viewBox="0 0 2646 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field3 copy</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field3-copy" sketch:type="MSLayerGroup" transform="translate(0.500000, 0.500000)">
-            <rect id="Rectangle-1" stroke-opacity="0.95" stroke="#9881C1" fill-opacity="0.990234375" fill="#9881C1" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <g id="shopping-cart" transform="translate(243.000000, 60.000000)" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup">
-                <path d="M67.5,180 C55.125,180 45,190.125 45,202.5 C45,214.875 55.125,225 67.5,225 C79.875,225 90,214.875 90,202.5 C90,190.125 79.875,180 67.5,180 L67.5,180 L67.5,180 Z M0,0 L0,22.5 L22.5,22.5 L63,108 L47.25,135 C46.125,138.375 45,142.875 45,146.25 C45,158.625 55.125,168.75 67.5,168.75 L202.5,168.75 L202.5,146.25 L72,146.25 C70.875,146.25 69.75,145.125 69.75,144 L69.75,142.875 L79.875,123.75 L163.125,123.75 C172.125,123.75 178.875,119.25 182.25,112.5 L222.75,39.375 C225,37.125 225,36 225,33.75 C225,27 220.5,22.5 213.75,22.5 L47.25,22.5 L37.125,0 L0,0 L0,0 Z M180,180 C167.625,180 157.5,190.125 157.5,202.5 C157.5,214.875 167.625,225 180,225 C192.375,225 202.5,214.875 202.5,202.5 C202.5,190.125 192.375,180 180,180 L180,180 L180,180 Z" id="Shape"></path>
-            </g>
-            <path d="M2372.10059,134.758789 C2372.10059,145.090872 2369.55504,153.756964 2364.46387,160.757324 C2359.3727,167.757685 2352.18527,172.605455 2342.90137,175.300781 L2342.90137,176.199219 C2353.23345,177.846362 2361.22572,181.889291 2366.87842,188.328125 C2372.53112,194.766959 2375.35742,203.526637 2375.35742,214.607422 C2375.35742,229.731195 2370.65939,241.785111 2361.26318,250.769531 C2351.86698,259.753951 2339.00822,264.246094 2322.68652,264.246094 C2308.16171,264.246094 2295.95806,261.663112 2286.0752,256.49707 L2286.0752,229.094727 C2291.01663,232.089533 2296.36976,234.447908 2302.13477,236.169922 C2307.89977,237.891936 2313.44008,238.75293 2318.75586,238.75293 C2327.4408,238.75293 2333.99184,236.750183 2338.40918,232.744629 C2342.82652,228.739075 2345.03516,222.393924 2345.03516,213.708984 C2345.03516,197.312418 2334.96527,189.114258 2314.8252,189.114258 L2305.50391,189.114258 L2305.50391,166.316406 L2314.37598,166.316406 C2323.28553,166.316406 2330.11733,164.220073 2334.87158,160.027344 C2339.62584,155.834614 2342.00293,149.583049 2342.00293,141.272461 C2342.00293,134.758756 2340.48683,129.836117 2337.45459,126.504395 C2334.42235,123.172672 2330.1361,121.506836 2324.5957,121.506836 C2316.13537,121.506836 2307.89978,125.10055 2299.88867,132.288086 L2286.0752,112.073242 C2297.15598,100.992458 2311.11906,95.4521484 2327.96484,95.4521484 C2341.81582,95.4521484 2352.6344,98.9522762 2360.4209,105.952637 C2368.2074,112.952997 2372.10059,122.554952 2372.10059,134.758789 L2372.10059,134.758789 Z" id="3" stroke="#979797" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.2 242.8 841.6 109.8"
+	 enable-background="new 0.2 242.8 841.6 109.8" xml:space="preserve">
+<g id="Page-1_1_" sketch:type="MSPage">
+	<g id="field6-copy" transform="translate(0.500000, 0.500000)" sketch:type="MSLayerGroup">
+		<rect id="Rectangle-1" x="-0.3" y="242.3" sketch:type="MSShapeGroup" fill="#85ADE5" width="841.6" height="109.8">
+		</rect>
+	</g>
+</g>
+<title>field5 copy</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field5-copy" transform="translate(0.500000, 0.500000)" sketch:type="MSLayerGroup">
+		<path id="Shape" sketch:type="MSShapeGroup" fill-opacity="0.3452" d="M127.5,258.1H88.6c-2.7,0-4.9,2.2-4.9,4.9v68.2
+			c0,2.7,2.2,4.9,4.9,4.9h38.9c2.7,0,4.9-2.2,4.9-4.9V263C132.4,260.2,130.2,258.1,127.5,258.1L127.5,258.1z M105.6,262.9h4.9
+			c1.3,0,2.4,1.1,2.4,2.4c0,1.4-1.1,2.4-2.4,2.4h-4.9c-1.3,0-2.4-1.1-2.4-2.4C103.2,264,104.2,262.9,105.6,262.9L105.6,262.9z
+			 M110.4,331.1h-4.9c-1.3,0-2.4-1.1-2.4-2.4c0-1.4,1.1-2.4,2.4-2.4h4.9c1.3,0,2.4,1.1,2.4,2.4C112.9,330.1,111.8,331.1,110.4,331.1
+			L110.4,331.1z M127.5,321.4H88.6v-48.7h38.9V321.4L127.5,321.4z"/>
+	</g>
+</g>
+<g opacity="0.35" enable-background="new    ">
+	<path d="M725.3,309.2l9.2-1.2c0.3,2.3,1.1,4.2,2.4,5.4c1.3,1.3,2.8,1.8,4.7,1.8s3.6-0.8,5-2.2c1.4-1.5,2-3.5,2-6
+		c0-2.4-0.7-4.3-1.9-5.7c-1.3-1.5-2.9-2.1-4.8-2.1c-1.3,0-2.7,0.2-4.4,0.7l1.1-7.8c2.6,0.1,4.6-0.5,5.9-1.7c1.4-1.2,2-2.8,2-4.8
+		c0-1.7-0.5-3-1.5-4c-1-1-2.3-1.5-4-1.5s-3,0.6-4.2,1.7c-1.2,1.2-1.8,2.8-2.1,5l-8.8-1.5c0.6-3,1.6-5.4,2.8-7.3
+		c1.3-1.8,3-3.2,5.2-4.3c2.2-1.1,4.7-1.6,7.5-1.6c4.7,0,8.5,1.5,11.4,4.5c2.3,2.4,3.5,5.2,3.5,8.4c0,4.4-2.4,7.9-7.2,10.5
+		c2.8,0.6,5.2,1.9,6.9,4.1c1.7,2.2,2.6,4.8,2.6,7.8c0,4.4-1.6,8.2-4.8,11.2c-3.2,3.1-7.2,4.7-12,4.7c-4.6,0-8.3-1.3-11.3-3.9
+		C727.5,316.7,725.8,313.3,725.3,309.2z"/>
+</g>
+</svg>

canvas/icons/pdf/field5-pdf.svg

@@ -1,14 +1,38 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="2646px" height="346px" viewBox="0 0 2646 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>field5 copy</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="field5-copy" sketch:type="MSLayerGroup" transform="translate(0.500000, 0.500000)">
-            <rect id="Rectangle-1" stroke="#AED581" fill="#AED581" sketch:type="MSShapeGroup" x="0" y="0" width="2645" height="345"></rect>
-            <path d="M397.7,55 L275.3,55 C266.858225,55 260,61.8638281 260,70.3125 L260,284.6875 C260,293.151245 266.858225,300 275.3,300 L397.7,300 C406.156836,300 413,293.151245 413,284.6875 L413,70.3125 C413,61.8638281 406.156836,55 397.7,55 L397.7,55 Z M328.85,70.3125 L344.15,70.3125 C348.363477,70.3125 351.8,73.7444141 351.8,77.96875 C351.8,82.1930859 348.363477,85.625 344.15,85.625 L328.85,85.625 C324.629113,85.625 321.2,82.1930859 321.2,77.96875 C321.2,73.7444141 324.629113,70.3125 328.85,70.3125 L328.85,70.3125 Z M344.15,284.6875 L328.85,284.6875 C324.629113,284.6875 321.2,281.248169 321.2,277.03125 C321.2,272.814331 324.629113,269.375 328.85,269.375 L344.15,269.375 C348.363477,269.375 351.8,272.814331 351.8,277.03125 C351.8,281.248169 348.363477,284.6875 344.15,284.6875 L344.15,284.6875 Z M397.7,254.0625 L275.3,254.0625 L275.3,100.9375 L397.7,100.9375 L397.7,254.0625 L397.7,254.0625 Z" id="Shape" fill-opacity="0.345193614" fill="#000000" sketch:type="MSShapeGroup"></path>
-            <path d="M2313.15234,166.241211 C2325.50592,166.241211 2335.33248,170.546181 2342.63232,179.15625 C2349.93217,187.766319 2353.58203,199.558193 2353.58203,214.532227 C2353.58203,232.426196 2349.03374,246.351838 2339.93701,256.30957 C2330.84029,266.267302 2318.20614,271.246094 2302.03418,271.246094 C2287.65911,271.246094 2276.01697,268.513374 2267.10742,263.047852 L2267.10742,234.522461 C2270.9258,237.292657 2275.84844,239.744618 2281.87549,241.878418 C2287.90254,244.012218 2293.499,245.079102 2298.66504,245.079102 C2314.76212,245.079102 2322.81055,235.720471 2322.81055,217.00293 C2322.81055,199.558181 2314.98673,190.835938 2299.33887,190.835938 C2293.12464,190.835938 2286.53617,192.033842 2279.57324,194.429688 L2269.69043,187.129883 L2274.74414,104.810547 L2344.82227,104.810547 L2344.82227,132.100586 L2300.91113,132.100586 L2298.66504,167.588867 C2302.85777,166.690425 2307.68682,166.241211 2313.15234,166.241211 L2313.15234,166.241211 Z" id="5" opacity="0.35" fill="#000000" sketch:type="MSShapeGroup"></path>
-        </g>
-    </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Lager_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.2 242.8 841.6 109.8"
+	 enable-background="new 0.2 242.8 841.6 109.8" xml:space="preserve">
+<title>field8 copy</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="field8-copy" transform="translate(0.500000, 0.500000)" sketch:type="MSLayerGroup">
+		<rect id="Rectangle-1" x="-0.3" y="242.3" sketch:type="MSShapeGroup" fill="#6BB5B4" width="841.6" height="109.8">
+		</rect>
+		<path id="Shape" sketch:type="MSShapeGroup" fill-opacity="0.3452" d="M108.3,261.2c-19.8,0-35.9,16.1-35.9,35.9
+			c0,19.8,16.1,35.9,35.9,35.9c2.4,0,4.8-0.3,7.1-0.7c-0.9-0.5-1-3.8-0.1-5.6c1-2.1,4.2-7.4,1-9.2c-3.2-1.8-2.3-2.6-4.2-4.7
+			c-1.9-2.1-1.1-2.4-1.2-2.9c-0.4-1.8,1.9-4.5,2-4.9c0.1-0.4,0.1-1.3,0.1-1.6c0-0.3-1.4-1.1-1.8-1.2c-0.4,0-0.6,0.6-1,0.6
+			s-2.6-1.3-3.1-1.6c-0.5-0.4-0.7-1.2-1.3-1.8c-0.7-0.7-0.7-0.2-1.7-0.6c-0.9-0.4-4.1-1.6-6.6-2.5c-2.4-0.9-2.6-2.4-2.6-3.3
+			s-1.5-2.4-2.2-3.4c-0.7-1-0.8-2.4-1-2.1c-0.3,0.4,1.2,4,1,4.1c-0.3,0.1-0.8-1-1.5-1.9s0.8-0.4-1.5-4.9s0.7-6.7,0.8-8.9
+			c0.2-2.3,1.9,0.8,0.9-0.7c-1-1.5,0.1-4.5-0.7-5.6c-0.7-1.1-4.7,1.2-4.7,1.2c0.1-1,3.5-2.9,5.9-4.7c2.4-1.7,4-0.4,5.9,0.3
+			c2,0.7,2.1,0.4,1.4-0.2c-0.7-0.7,0.3-0.9,1.8-0.7c1.6,0.3,2,2.1,4.3,1.9c2.3-0.2,0.3,0.5,0.6,1c0.3,0.5-0.4,0.6-1.9,1.6
+			c-1.5,1,0,1,2.8,3c2.7,2,1.9-1.3,1.6-2.8s2-0.4,2-0.4c1.7,1.1,1.4,0.1,2.6,0.5c1.2,0.4,4.5,3.2,4.5,3.2c-4.1,2.3-1.6,2.5-0.8,3
+			c0.8,0.6-1.4,1.6-1.4,1.6c-0.8-0.8-1,0-1.6,0.4c-0.6,0.4,0,1.1,0,1.1c-2.9,0.5-2.3,3.5-2.3,4.2s-1.9,1.9-2.4,2.9s1.2,3.3,0.4,3.5
+			s-1.8-3.5-6.8-2.1c-1.5,0.4-4.8,2.1-3,5.6c1.7,3.5,4.7-0.9,5.6-0.5c0.9,0.5-0.3,2.7-0.1,2.7c0.2,0,2.8,0.1,2.9,3.1
+			c0.1,3,3.9,2.7,4.7,2.8c0.8,0.1,3.5-2.3,3.9-2.3c0.4-0.1,1.9-1.4,5.3,0.6s5.1,1.6,6.2,2.4c1.1,0.8,0.4,2.4,1.4,2.9
+			c1,0.5,5.5-0.2,6.5,1.6c1,1.8-4.5,10.8-6.2,11.8c-1.8,0.9-2.5,3.2-4.3,4.7c-1.7,1.4-4.2,3.2-6.6,4.5c-2.1,1.2-2.4,3.4-3.3,4.1
+			c16.1-3.6,28.1-17.9,28.1-35.1C144.2,277.1,128.1,261.2,108.3,261.2L108.3,261.2z M116.7,294.8c-0.5,0.2-1.5,1-4-0.4
+			c-2.5-1.5-4.2-1.2-4.4-1.4c0,0-0.2-0.6,0.8-0.7c2.3-0.2,5.1,2.1,5.6,2.1c0.7,0,0.9-0.7,2.1-0.3
+			C118.1,294.5,117.2,294.6,116.7,294.8L116.7,294.8z M105,264.7c-0.3-0.2,0.2-0.4,0.5-0.8c0.2-0.2,0-0.6,0.3-0.8
+			c0.6-0.6,3.1-1.2,2.6,0.2C107.7,264.8,105.4,265,105,264.7L105,264.7z M111.2,269.2c-0.8,0-2.9-0.3-2.5-0.7c1.5-1.5-0.6-1.9-1.8-2
+			c-1.2-0.1-1.8-0.8-1.1-0.8s3.1,0,3.6,0.4c0.5,0.4,2.7,1.2,2.8,1.9C112.2,268.7,112.2,269.2,111.2,269.2L111.2,269.2z M118.8,269.1
+			c-0.7,0.6-4.2-2-4.9-2.6c-2.9-2.5-4.5-1.7-5.2-2.1c-0.7-0.4-0.4-0.9,0.6-1.8c0.9-0.8,3.6,0.3,5.2,0.5c1.5,0.2,3.3,1.4,3.4,2.8
+			C117.9,267.2,119.5,268.5,118.8,269.1L118.8,269.1z"/>
+	</g>
+</g>
+<path id="_x35_" sketch:type="MSShapeGroup" opacity="0.35" enable-background="new    " d="M742.7,291c3.8,0,6.8,1.4,9.1,4
+	c2.2,2.6,3.4,6.3,3.4,10.9c0,5.5-1.4,9.7-4.1,12.8c-2.8,3.1-6.7,4.5-11.7,4.5c-4.4,0-8-0.9-10.7-2.5v-8.8c1.2,0.9,2.7,1.6,4.5,2.3
+	s3.6,1,5.1,1c4.9,0,7.4-2.9,7.4-8.6c0-5.3-2.4-8-7.2-8c-1.9,0-4,0.4-6.1,1.1l-3-2.2l1.5-25.3h21.5v8.4h-13.5l-0.7,10.9
+	C739.5,291.2,740.9,291,742.7,291L742.7,291z"/>
+</svg>