Bladeren bron

Uncategorised ideas box

Unknown 7 jaren geleden
bovenliggende
commit
fbcfb1ffef

+ 18 - 2
canvas/css/canvas.css

@@ -962,6 +962,9 @@ div.dialog-content {
     .field_07, .field_08 {
         min-height: 250px;
     }
+    .field_10 {
+        min-height: 250px;
+    }
     /* Adjusting textarea heights */
     .added_item .expandable {
         height: 8em;
@@ -1138,6 +1141,9 @@ div.dialog-content {
     .field_07, .field_08 {
         min-height: 460px;
     }
+    .field_10 {
+        min-height: 460px;
+    }
     /* Adjusting textarea heights */
     .added_item .expandable {
         height: 8em;
@@ -1237,6 +1243,9 @@ div.dialog-content {
     .field_07, .field_08 {
         min-height: 500px;
     }
+    .field_10 {
+        min-height: 500px;
+    }
     /* Dialog */
     div.dialog {
         width: 30%;
@@ -1308,17 +1317,18 @@ div.dialog-content {
     .field_01, .field_04, .field_09, .field_06 {
         min-height: 480px;
     }
-    
     .field_02 {
         min-height: 970px;
     }
-    
     .field_03, .field_05 {
         min-height: 480px;
     }
     .field_07, .field_08 {
         min-height: 480px;
     }
+    .field_10 {
+        min-height: 480px;
+    }
     /* Dialog */
     div.dialog {
         width: 30%;
@@ -1374,6 +1384,9 @@ div.dialog-content {
     .field_07, .field_08 {
         min-height: 390px;
     }
+    .field_10 {
+        min-height: 390px;
+    }
 }
 @media (min-width: 1154px) and (max-width: 1702px) {
     /* Adjusting textarea heights */
@@ -1400,6 +1413,9 @@ div.dialog-content {
     .field_07, .field_08 {
         min-height: 340px;
     }
+    .field_10 {
+        min-height: 340px;
+    }
 }
 
 /* ---------------- Header space bug fix ---------------- */

+ 31 - 0
canvas/icons/field10.svg

@@ -0,0 +1,31 @@
+<?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>

+ 9 - 8
canvas/icons/number3.svg

@@ -2,18 +2,19 @@
 <!-- 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="726.7 272.7 29.5 54.7"
-	 enable-background="new 726.7 272.7 29.5 54.7" xml:space="preserve">
+	 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" stroke="#979797" enable-background="new    " d="M754,285.1
-			c0,3.3-0.8,6-2.4,8.3s-3.9,3.8-6.9,4.6v0.3c3.3,0.5,5.8,1.8,7.6,3.8s2.7,4.8,2.7,8.4c0,4.8-1.5,8.7-4.5,11.5
-			c-3,2.9-7.1,4.3-12.3,4.3c-4.6,0-8.5-0.8-11.6-2.4v-8.7c1.6,1,3.3,1.7,5.1,2.3c1.8,0.5,3.6,0.8,5.3,0.8c2.8,0,4.8-0.6,6.3-1.9
-			c1.4-1.3,2.1-3.3,2.1-6c0-5.2-3.2-7.8-9.6-7.8h-3v-7.3h2.8c2.8,0,5-0.7,6.5-2c1.5-1.3,2.3-3.3,2.3-6c0-2.1-0.5-3.6-1.4-4.7
-			s-2.3-1.6-4.1-1.6c-2.7,0-5.3,1.1-7.9,3.4l-4.4-6.4c3.5-3.5,8-5.3,13.3-5.3c4.4,0,7.9,1.1,10.3,3.3
-			C752.7,278.2,754,281.3,754,285.1L754,285.1z"/>
+		<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>

+ 5 - 5
canvas/icons/number4.svg

@@ -2,15 +2,15 @@
 <!-- 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="725.9 273.4 32.5 53.2"
-	 enable-background="new 725.9 273.4 32.5 53.2" xml:space="preserve">
+	 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" stroke="#979797" enable-background="new    " d="M757.2,314.6h-5.3
-			v11h-9.2v-11h-17v-7.9l15.8-33.4h10.4v33.2h5.3L757.2,314.6L757.2,314.6z M742.7,306.6v-11l0.2-4.9l0.3-4.6h-0.3
-			c-0.8,2.6-1.7,4.9-2.7,7l-6.3,13.5L742.7,306.6L742.7,306.6z"/>
+		<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>

+ 10 - 9
canvas/icons/number6.svg

@@ -2,19 +2,20 @@
 <!-- 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="727.2 272.1 29.5 54.6"
-	 enable-background="new 727.2 272.1 29.5 54.6" xml:space="preserve">
+	 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="M727,302.8
-			c0-10.7,1.7-18.4,5-23.3s8.4-7.4,15.1-7.4c1.1,0,2.1,0.1,3.2,0.2s1.9,0.3,2.4,0.4v8c-1.7-0.4-3.3-0.6-4.9-0.6
-			c-2.7,0-4.9,0.6-6.7,1.8c-1.7,1.2-3.1,3-4,5.3c-0.9,2.4-1.5,5.7-1.7,10h0.4c0.8-2,2-3.5,3.4-4.5c1.5-1,3.1-1.5,5-1.5
-			c3.5,0,6.2,1.4,8.2,4.3c1.9,2.8,2.9,6.9,2.9,12.2c0,5.5-1.3,9.9-3.8,13.1c-2.6,3.2-6.1,4.8-10.5,4.8c-4.7,0-8.2-1.9-10.6-5.8
-			C728.2,316.1,727,310.3,727,302.8L727,302.8z M741.3,317.5c1.4,0,2.6-0.8,3.4-2.4c0.9-1.6,1.3-4,1.3-7.3c0-2.7-0.4-4.8-1.1-6.4
-			c-0.8-1.6-1.9-2.4-3.5-2.4c-1.4,0-2.5,0.7-3.4,2.2s-1.3,3.3-1.3,5.5c0,3.5,0.4,6.1,1.2,8C738.7,316.6,739.9,317.5,741.3,317.5
-			L741.3,317.5z"/>
+		<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>

+ 4 - 4
canvas/icons/number7.svg

@@ -2,14 +2,14 @@
 <!-- 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="727.4 272.8 29 53.2"
-	 enable-background="new 727.4 272.8 29 53.2" xml:space="preserve">
+	 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" stroke="#979797" enable-background="new    " d="M730.8,325
-			l14.6-43.5h-18.2v-8.6h28v6.6L740.8,325H730.8z"/>
+		<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>

+ 11 - 10
canvas/icons/number8.svg

@@ -2,20 +2,21 @@
 <!-- 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="727.2 272.7 29.8 54.6"
-	 enable-background="new 727.2 272.7 29.8 54.6" xml:space="preserve">
+	 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" stroke="#979797" enable-background="new    " d="M741.3,272.7
-			c4.1,0,7.3,1.1,9.8,3.5c2.4,2.3,3.7,5.4,3.7,9.4c0,2.4-0.6,4.7-1.7,6.6c-1.1,2-3.1,3.9-5.8,5.7c3.1,2.2,5.2,4.4,6.5,6.6
-			s1.9,4.8,1.9,7.4c0,4.3-1.3,7.7-3.9,10.3s-6.1,3.9-10.4,3.9c-4.5,0-8-1.2-10.6-3.6s-3.8-5.9-3.8-10.3c0-3,0.6-5.7,1.9-8
-			c1.3-2.3,3.2-4.3,5.9-6c-2.5-2-4.2-4-5.3-6s-1.6-4.3-1.6-6.8c0-3.9,1.2-7,3.8-9.4C734.2,273.9,737.4,272.7,741.3,272.7
-			L741.3,272.7z M736.2,311.9c0,2.1,0.4,3.8,1.3,5c0.9,1.2,2.1,1.8,3.7,1.8c1.7,0,3.1-0.6,3.9-1.8c0.9-1.2,1.3-2.9,1.3-5
-			c0-1.5-0.3-2.9-1-4.3c-0.7-1.3-2-2.9-4-4.6l-0.5-0.5c-1.6,1.1-2.7,2.4-3.5,3.9C736.5,307.9,736.2,309.7,736.2,311.9L736.2,311.9z
-			 M741.3,280.3c-1.4,0-2.4,0.5-3.1,1.5s-1,2.4-1,4.2c0,1.6,0.3,2.9,0.9,4.1c0.6,1.2,1.7,2.4,3.3,3.7c1.6-1.2,2.6-2.4,3.2-3.7
-			c0.6-1.2,0.9-2.6,0.9-4.2C745.5,282.2,744.1,280.3,741.3,280.3L741.3,280.3z"/>
+		<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>

+ 9 - 8
canvas/icons/number9.svg

@@ -2,18 +2,19 @@
 <!-- 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="727 272.6 29.6 54.7"
-	 enable-background="new 727 272.6 29.6 54.7" xml:space="preserve">
+	 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" stroke="#979797" enable-background="new    " d="M755.4,296.1
-			c0,20.1-6.7,30.2-20.2,30.2c-2.2,0-4.1-0.2-5.6-0.6v-8.2c1.6,0.5,3.1,0.8,4.5,0.8c4,0,7-1.4,9.1-4.1c2.1-2.8,3.2-7.1,3.4-13h-0.3
-			c-0.8,1.9-1.8,3.3-3.3,4.4c-1.4,1.1-3.1,1.6-5.1,1.6c-3.6,0-6.3-1.5-8.2-4.4s-2.9-6.9-2.9-12c0-5.6,1.3-10,3.8-13.3
-			c2.6-3.3,6-4.9,10.3-4.9c4.7,0,8.2,2,10.7,6C754.1,282.8,755.4,288.6,755.4,296.1L755.4,296.1z M741,281c-1.4,0-2.6,0.8-3.4,2.3
-			c-0.8,1.5-1.3,4-1.3,7.3c0,2.7,0.4,4.9,1.1,6.4c0.7,1.6,1.8,2.3,3.4,2.3c1.4,0,2.5-0.8,3.5-2.4c1-1.6,1.5-3.3,1.5-5.3
-			c0-3.1-0.4-5.7-1.3-7.7C743.6,282,742.4,281,741,281L741,281z"/>
+		<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>

+ 70 - 1
canvas/index.php

@@ -125,6 +125,9 @@
                                 <li>
                                     <a href="#panel_09">9.&nbsp;&nbsp;What can we do?</a>
                                 </li>
+                                <li>
+                                    <a href="#panel_10">10.&nbsp;&nbsp;Uncategorised ideas</a>
+                                </li>
                             </ul>
                         </div>
                     </div>
@@ -558,7 +561,7 @@
 
                     </div>
 
-                    <!-- ================ 4 col ================ -->
+                    <!-- ================ 2 col ================ -->
                     <div class="masonry-layout2" id="2-col-layout">
                         <div class="masonry-layout__panel" id="panel_07">
                             <div class="card field_07 masonry-layout__panel-content bg--blue">
@@ -680,6 +683,69 @@
                             <!-- End of .card -->
                         </div>
                     </div>
+                    
+                    <!-- ================ 1 col ================ -->
+                    <div class="masonry-layout" id="1-col-layout">
+                        <div class="masonry-layout__panel" id="panel_10">
+                            <div class="card field_10 masonry-layout__panel-content bg--purple">
+                                <h2 class="field-title">
+                                    <!-- Field -->
+                                    <a href="#" data-toggle="tooltip" data-placement="left" title="Here you can place your ideas that still haven't been categorised"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>Uncategorised ideas
+                                </h2>
+                                <!--
+                                <p class="intro">
+                                    What are potential negative impact of your product or service failing to operate or to be used as intended?
+                                    What happens with technical errors, security failures, etc?
+                                </p>
+                                -->
+                                <!-- Into text toggle -->
+                                <!-- <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">
+                                </ul>
+                                <!-- The Box With All User input Thing -->
+                                <!-- # Tag selected term link -->
+                                <p class="tag-selected-term">
+                                    <a href="#">
+                                        Tag selected term
+                                    </a>
+                                </p>
+                                <div class="add_box">
+                                    <!-- # Add idea link -->
+                                    <p>
+                                        <a class="add-idea" href="#">
+                                            Add an idea
+                                        </a>
+                                    </p>
+                                    <!-- # 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 class="field-bottom">
+                                    <img src="./icons/field10.svg" alt="field10" />
+                                </div>
+                            </div>
+                            <!-- End of .card -->
+                        </div>
+                    </div>
                 </div>
                 <!-- End of .canvas.box -->
                 <!-- FORM BUTTON BOX -->
@@ -768,6 +834,9 @@
                         <li>
                             <a href="#">9.&nbsp;&nbsp;What can we do?</a>
                         </li>
+                        <li>
+                            <a href="#">10.&nbsp;&nbsp;Uncategorised ideas</a>
+                        </li>
                     </ul>
                     <!--
                     <h2 id="tag-description">

+ 11 - 6
canvas/js/canvas.js

@@ -40,6 +40,7 @@ $(document).ready(function() {
     var field02 = $("#panel_02");
     var field07 = $("#panel_07");
     var field08 = $("#panel_08");
+    var field10 = $("#panel_10");
     
     var isRearranged = false;
     
@@ -54,6 +55,7 @@ $(document).ready(function() {
         field02.detach();
         field07.detach();
         field08.detach();
+        field10.detach();
         
         groupOneLayout.append(field01);
         groupOneLayout.append(field02);
@@ -64,6 +66,7 @@ $(document).ready(function() {
         groupOneLayout.append(field07);
         groupOneLayout.append(field08);
         groupOneLayout.append(field09);
+        groupOneLayout.append(field10);
     }
     
     // Rearrange the fields according to their original order
@@ -77,6 +80,7 @@ $(document).ready(function() {
         field07.detach();
         field08.detach();
         field09.detach();
+        field10.detach();
         
         groupOneLayout.append(field01);
         groupOneLayout.append(field03);
@@ -87,6 +91,7 @@ $(document).ready(function() {
         groupOneLayout.append(field02);
         groupTwoLayout.append(field07);
         groupTwoLayout.append(field08);
+        groupTwoLayout.append(field10);
     }
     
     // If the web page is opened on a mobile
@@ -150,7 +155,7 @@ $(document).ready(function() {
                 showFixedJumpedTo();
                 
                 // Update scroll position
-                $(window).scrollTop($("div.saved-tags").offset().top - 300);
+                $(window).scrollTop($("div.saved-tags").offset().top - 360);
                 hasScrolledDown = true;
             }
             
@@ -1141,13 +1146,13 @@ $(document).ready(function() {
                             
                             itemListHTML +=
                                 // '<li class="added_item"><span class="handle glyphicon glyphicon-move"></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>';
-                                '<li class="added_item"><div class="expandable" name="' + key + '">' + itm + '</div><span class="handle glyphicon glyphicon-list"></span><span class="move-up glyphicon glyphicon-chevron-up"></span><span class="move-down glyphicon glyphicon-chevron-down"></span><span class="remove glyphicon glyphicon-remove-circle"></span></li>';
+                                '<li class="added_item"><div class="expandable" name="' + key + '">' + itm + '</div><br /><span class="handle glyphicon glyphicon-list"></span><span class="move-up glyphicon glyphicon-chevron-up"></span><span class="move-down glyphicon glyphicon-chevron-down"></span><span class="remove glyphicon glyphicon-remove-circle"></span></li>';
                         });
                     }
                     else { // a single value string
                         itemListHTML +=
                             // '<li class="added_item"><span class="handle glyphicon glyphicon-move"></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>';
-                            '<li class="added_item"><div class="expandable" name="' + key + '">' + value + '</div><span class="handle glyphicon glyphicon-list"></span><span class="move-up glyphicon glyphicon-chevron-up"></span><span class="move-down glyphicon glyphicon-chevron-down"></span><span class="remove glyphicon glyphicon-remove-circle"></span></li>';
+                            '<li class="added_item"><div class="expandable" name="' + key + '">' + value + '</div><br /><span class="handle glyphicon glyphicon-list"></span><span class="move-up glyphicon glyphicon-chevron-up"></span><span class="move-down glyphicon glyphicon-chevron-down"></span><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)
@@ -1293,7 +1298,7 @@ $(document).ready(function() {
             // 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-move"></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>'
-                '<li class="added_item"><div class="expandable" name="' + field_attr + '">' + new_item + '</div><span class="handle glyphicon glyphicon-list"></span><span class="move-up glyphicon glyphicon-chevron-up"></span><span class="move-down glyphicon glyphicon-chevron-down"></span><span class="remove glyphicon glyphicon-remove-circle"></span></li>'
+                '<li class="added_item"><div class="expandable" name="' + field_attr + '">' + new_item + '</div><br /><span class="handle glyphicon glyphicon-list"></span><span class="move-up glyphicon glyphicon-chevron-up"></span><span class="move-down glyphicon glyphicon-chevron-down"></span><span class="remove glyphicon glyphicon-remove-circle"></span></li>'
             );
             
             // Fix the heights only after a new item is added
@@ -1357,7 +1362,7 @@ $(document).ready(function() {
                 // 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-move"></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>');
-                    '<li class="added_item"><div class="expandable" name="' + field_attr + '">' + new_item + '</div><span class="handle glyphicon glyphicon-list"></span><span class="move-up glyphicon glyphicon-chevron-up"></span><span class="move-down glyphicon glyphicon-chevron-down"></span><span class="remove glyphicon glyphicon-remove-circle"></span></li>'
+                    '<li class="added_item"><div class="expandable" name="' + field_attr + '">' + new_item + '</div><br /><span class="handle glyphicon glyphicon-list"></span><span class="move-up glyphicon glyphicon-chevron-up"></span><span class="move-down glyphicon glyphicon-chevron-down"></span><span class="remove glyphicon glyphicon-remove-circle"></span></li>'
                 );
                 // Fix the heights only after a new item is added
                 // fixHeights();
@@ -1405,7 +1410,7 @@ $(document).ready(function() {
     var linkText;
     
     // Remove the link to the current category, as the idea cannot be moved to its own category where it already is
-    function removeLinkToOriginCategory(text) {        
+    function removeLinkToOriginCategory(text) {
         // If the number of the category is between 10-99
         if(text.substring(6, 7) != "0") {
             categoryOrigin = text.substring(6, 9) - 1;