ns-styleguide 1.0.0

data/templates/project/assets/svg/lifestyle.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<g>
+	<path fill="#6AB007" d="M61.941,32c0,16.508-13.434,29.941-29.942,29.941C15.491,61.941,2.058,48.508,2.058,32
+		S15.491,2.058,32,2.058S61.941,15.491,61.941,32z M32,0C14.353,0,0,14.353,0,32c0,17.641,14.353,32,32,32c17.641,0,32-14.359,32-32
+		C64,14.353,49.641,0,32,0z"/>
+</g>
+<path fill="#2DB8CC" d="M31.91,3.832c3.328,0,6.281,2.469,6.281,5.64c0,3.527-2.953,5.995-6.281,5.995
+	c-3.324,0-5.913-2.468-5.913-5.995C25.997,6.301,28.585,3.832,31.91,3.832L31.91,3.832z"/>
+<path fill="#2DB8CC" d="M26.368,16.877h5.542l0,0l0,0h5.91c1.482,0,2.225,0,3.695,2.117c1.481,1.762,3.321,5.996,4.062,9.168
+	c0.742,3.174,1.111,4.233-1.84,6c-2.965,1.76-7.76,2.82-11.829,2.82l0,0c-4.065,0-8.871-1.062-11.824-2.82
+	c-2.958-1.767-2.218-2.826-1.481-6c0.74-3.172,2.587-7.406,4.064-9.168C23.779,16.877,24.521,16.877,26.368,16.877L26.368,16.877z"
+	/>
+<path fill="#2DB8CC" d="M31.91,40.541c-4.807,0.348-7.388-2.381-9.606-2.734c-2.589-0.358-2.959,0-5.176,1.402
+	c-2.218,1.416-6.652,4.938-7.759,7.412c-1.482,2.463-0.371,4.58,4.064,4.234c4.435-0.713,9.976-1.771,14.04-2.832
+	c1.848-0.344,1.848-0.699,4.436-0.699c2.588,0,2.588,0.355,4.429,0.699c4.073,1.061,9.61,2.119,14.046,2.832
+	c4.437,0.346,5.546-1.771,4.064-4.234c-1.111-2.475-5.537-5.996-7.759-7.412c-2.211-1.402-2.584-1.762-5.178-1.402
+	C39.303,38.16,36.709,40.889,31.91,40.541"/>
+</svg>

data/templates/project/assets/svg/perspective.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<g>
+	<path fill="#2DB8CC" d="M43.48,43.948l-0.503,0.002l0.227,16.875c2.769-0.823,4.919-1.903,6.919-3.214l-6.264-13.706L43.48,43.948z
+		 M38.233,1.231c-2.133-0.491-3.734-0.53-6.733-0.462v7.205c0-0.017,0.755-0.035,0.97-0.035c4.936,0,9.103,4.517,9.103,10.089
+		c0,5.57-4.25,10.084-9.186,10.084c-0.215,0-0.887-0.019-0.887-0.036v3.24l10.526-0.003c4.771,0.208,8.892,3.483,10.079,7.886
+		l0.092-0.003l4.249,12.883c3.585-4.101,5.457-9.251,6.477-15.005C65.913,20.238,53.641,4.783,38.233,1.231z"/>
+	<path fill="#2DB8CC" d="M32.131,31.292L21.25,31.294c-4.741,0.234-8.758,2.793-9.938,7.177L7.958,51.314l-0.667-0.346l3.697,4.494
+		l4.202,2.587l4.645-13.55H20.5v-0.171l-0.003,16.352c0,0,2.798,1.981,9.838,2.176c0.831,0.024,0.921,0.027,1.691,0.019
+		L32.131,31.292z"/>
+	<path fill="#2DB8CC" d="M31.5,7.887c0-0.009,0.021-0.029-0.152-0.029c-4.933,0-8.76,4.518-8.76,10.09
+		c0,5.569,3.738,10.087,8.672,10.087c0.171,0,0.24-0.02,0.24-0.029V7.887z"/>
+	<path fill="#6AB007" d="M26.771,61.474C10.515,58.59-0.362,43.021,2.521,26.77C5.404,10.52,20.973-0.356,37.229,2.526
+		c7.873,1.395,14.729,5.776,19.312,12.33c4.58,6.556,6.332,14.5,4.937,22.374C58.59,53.478,43.021,64.354,26.771,61.474z
+		 M63.499,37.589c1.494-8.416-0.379-16.905-5.271-23.909C53.328,6.671,46,1.994,37.584,0.5C29.17-0.993,20.68,0.882,13.674,5.774
+		C6.667,10.668,1.987,17.999,0.495,26.412C-2.586,43.781,9.04,60.416,26.41,63.499c8.415,1.493,16.908-0.379,23.911-5.273
+		C57.326,53.331,62.006,46.002,63.499,37.589z"/>
+</g>
+</svg>

data/templates/project/assets/svg/supplements.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<g>
+	<path fill="#6AB007" d="M61.942,32c0,16.51-13.433,29.941-29.943,29.941C15.491,61.941,2.058,48.51,2.058,32S15.491,2.058,32,2.058
+		C48.511,2.058,61.942,15.49,61.942,32z M32,0C14.354,0,0,14.354,0,32c0,17.645,14.354,32,32,32c17.643,0,32-14.355,32-32
+		C64,14.354,49.643,0,32,0z"/>
+</g>
+<path fill="#2DB8CC" d="M27.394,24.402c1.498-0.934,3.176-1.519,4.901-1.812c-5.592-7.591-5.486-7.454-7.129-9.705
+	c0,0,0.855-0.486,2.553-0.522c1.646-0.034,2.299,0.499,2.299,0.499c1.661,2.285,2.168,2.927,7.435,9.749
+	c0.577,0.104,1.154,0.231,1.712,0.402c0.604,0.296,0.794,0.517,0.817,0.524l-8.812-12.021c-3.627-4.4-10.819-6.173-16.119-2.923
+	c-5.083,3.116-6.349,10.695-2.727,15.096l8.865,11.659c-0.164-0.473-0.322-1.587-0.322-1.713
+	C20.835,29.762,24.05,26.482,27.394,24.402z M51.771,40.885L42.442,28.08c-1.188-1.066-2.673-1.811-4.272-2.23l11.788,15.794
+	c1.08,1.666,2.35,5.248,0.668,8.78l-0.507,0.845c-0.126-4.146-3.828-8.186-5.32-10.379l-11.115-15.34
+	c-1.615,0.193-3.198,0.707-4.6,1.578c-2.729,1.701-4.907,4.947-5.419,8.074c-0.155,0.939-0.188,2.158,0.213,3.352l10.624,14.432
+	c3.439,4.177,10.704,5.488,15.45,1.97C54.921,51.277,55.211,45.061,51.771,40.885z"/>
+</svg>

data/templates/project/assets/svgicons/community.svg

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="39.789px" viewBox="0 0 64 39.789" enable-background="new 0 0 64 39.789" xml:space="preserve">
+<path fill="#38C1D8" d="M34.096,5h26.758C62.582,5,64,6.407,64,8.12v15.551C64,25.383,62.582,26,60.854,26h-5.688
+	c-0.303,2-0.378,3.021-0.146,4.665C53.501,29.448,52.156,29,51.102,26H34.096C32.365,26,31,25.383,31,23.671V8.12
+	C31,6.407,32.365,5,34.096,5z"/>
+<path fill="#FFFFFF" d="M14.805,37.759c0.152-1.813,0.064-3.571-0.254-4.979L14.375,32H5.94C3.782,32,1,29.566,1,27.268V4.887
+	C1,2.641,3.805,1,5.94,1h38.094C46.189,1,47,2.575,47,4.887v22.38C47,29.593,46.156,32,44.035,32H19.592l-0.293,0.473
+	C18.1,34.411,16.591,36.186,14.805,37.759z"/>
+<path fill="#6FB844" d="M44.035,2C45.62,2,46,3.137,46,4.887v22.38C46,29.062,45.512,31,44.035,31H20.149h-1.114l-0.586,0.945
+	c-0.74,1.197-1.604,2.328-2.584,3.387c-0.037-0.998-0.15-1.941-0.338-2.773L15.174,31h-1.599H5.94C4.333,31,2,29.011,2,27.268V4.887
+	C2,3.258,4.286,2,5.94,2H44 M44.035,0H5.94C3.162,0,0,2.108,0,4.887v22.38C0,30.049,3.162,33,5.94,33h7.635
+	c0.361,2,0.401,3.686,0.118,5.729l-0.195,1.062l1.103-0.548c2.2-1.78,4.066-4.241,5.549-6.241h23.885C46.814,33,48,30.049,48,27.268
+	V4.887C48,2.108,46.814,0,44.035,0L44.035,0z"/>
+<g>
+	<path fill="#4B820A" d="M12.501,16.196V8.171l-1.538,1.64l-0.719-0.733l2.401-2.474h1.049v9.593h-1.193V16.196z"/>
+	<path fill="#4B820A" d="M19.835,16.196v-2.431h-4.559v-0.992l4.113-6.17h1.64v6.112h1.352v1.05h-1.352v2.431H19.835z M19.835,7.711
+		l-3.365,5.005h3.365V7.711z"/>
+	<path fill="#4B820A" d="M24.579,16.196l3.868-8.528h-5.162V6.604h6.542v0.819l-3.926,8.773H24.579z"/>
+	<path fill="#4B820A" d="M30.66,14.786l0.704-0.748c0.562,0.748,1.541,1.267,2.676,1.267c1.396,0,2.243-0.705,2.243-1.798
+		c0-1.193-0.979-1.697-2.387-1.697c-0.403,0-0.851,0-0.992,0.015v-1.093c0.156,0.014,0.604,0.014,0.992,0.014
+		c1.207,0,2.229-0.475,2.229-1.582c0-1.063-0.979-1.64-2.145-1.64c-1.049,0-1.828,0.402-2.53,1.166l-0.662-0.748
+		c0.69-0.849,1.798-1.481,3.294-1.481c1.841,0,3.234,0.935,3.234,2.545c0,1.396-1.164,2.086-2.058,2.229
+		c0.863,0.087,2.216,0.819,2.216,2.373c0,1.597-1.295,2.761-3.408,2.761C32.443,16.368,31.249,15.649,30.66,14.786z"/>
+	<path fill="#4B820A" d="M6.268,23.85c0-1.142,0.775-2.021,1.924-2.021c0.702,0,1.117,0.287,1.413,0.671l-0.398,0.359
+		c-0.256-0.354-0.583-0.495-0.983-0.495c-0.814,0-1.332,0.63-1.332,1.483S7.41,25.34,8.224,25.34c0.399,0,0.727-0.158,0.983-0.503
+		l0.398,0.367c-0.295,0.383-0.71,0.671-1.413,0.671C7.043,25.877,6.268,24.99,6.268,23.85z"/>
+	<path fill="#4B820A" d="M10.23,23.85c0-1.119,0.735-2.021,1.908-2.021c1.173,0,1.908,0.901,1.908,2.021
+		c0,1.118-0.735,2.027-1.908,2.027C10.965,25.877,10.23,24.967,10.23,23.85z M13.416,23.85c0-0.783-0.456-1.483-1.278-1.483
+		c-0.822,0-1.277,0.7-1.277,1.483c0,0.789,0.456,1.492,1.277,1.492C12.96,25.342,13.416,24.639,13.416,23.85z"/>
+	<path fill="#4B820A" d="M19.676,25.781v-2.619c0-0.486-0.208-0.798-0.71-0.798c-0.399,0-0.823,0.278-1.022,0.591v2.826h-0.599
+		v-2.619c0-0.486-0.2-0.798-0.71-0.798c-0.391,0-0.807,0.286-1.014,0.599v2.818h-0.598v-3.856h0.598v0.56
+		c0.168-0.248,0.679-0.653,1.253-0.653c0.583,0,0.918,0.317,1.03,0.719c0.215-0.352,0.735-0.719,1.293-0.719
+		c0.703,0,1.078,0.392,1.078,1.165v2.787L19.676,25.781L19.676,25.781z"/>
+	<path fill="#4B820A" d="M26.13,25.781v-2.619c0-0.486-0.208-0.798-0.71-0.798c-0.399,0-0.823,0.278-1.021,0.591v2.826H23.8v-2.619
+		c0-0.486-0.2-0.798-0.71-0.798c-0.391,0-0.807,0.286-1.014,0.599v2.818h-0.598v-3.856h0.598v0.56
+		c0.167-0.248,0.679-0.653,1.253-0.653c0.583,0,0.918,0.317,1.03,0.719c0.215-0.352,0.734-0.719,1.293-0.719
+		c0.703,0,1.078,0.392,1.078,1.165v2.787L26.13,25.781L26.13,25.781z"/>
+	<path fill="#4B820A" d="M27.707,23.85c0-1.119,0.798-2.021,1.9-2.021c1.166,0,1.852,0.91,1.852,2.067v0.15h-3.113
+		c0.047,0.727,0.551,1.333,1.381,1.333c0.448,0,0.886-0.176,1.198-0.495l0.287,0.393c-0.392,0.384-0.91,0.6-1.533,0.6
+		C28.528,25.877,27.707,25.055,27.707,23.85z M29.598,22.324c-0.822,0-1.229,0.693-1.261,1.277h2.53
+		C30.86,23.034,30.476,22.324,29.598,22.324z"/>
+	<path fill="#4B820A" d="M35.037,25.781v-2.523c0-0.686-0.352-0.894-0.87-0.894c-0.472,0-0.911,0.286-1.142,0.599v2.818h-0.601
+		v-3.856h0.601v0.56c0.271-0.325,0.799-0.653,1.379-0.653c0.8,0,1.223,0.405,1.223,1.246v2.706L35.037,25.781L35.037,25.781z"/>
+	<path fill="#4B820A" d="M36.955,24.975v-2.521h-0.639v-0.527h0.639v-1.054h0.607v1.054h0.783v0.527h-0.783v2.396
+		c0,0.285,0.127,0.493,0.383,0.493c0.176,0,0.328-0.079,0.408-0.168l0.174,0.456c-0.151,0.145-0.366,0.247-0.709,0.247
+		C37.243,25.877,36.955,25.549,36.955,24.975z"/>
+	<path fill="#4B820A" d="M38.857,25.27l0.303-0.431c0.255,0.295,0.742,0.552,1.27,0.552c0.59,0,0.918-0.279,0.918-0.664
+		c0-0.934-2.388-0.356-2.388-1.787c0-0.605,0.511-1.108,1.429-1.108c0.662,0,1.125,0.247,1.43,0.56l-0.279,0.416
+		c-0.23-0.279-0.646-0.486-1.148-0.486c-0.527,0-0.854,0.264-0.854,0.604c0,0.841,2.387,0.288,2.387,1.789
+		c0,0.646-0.521,1.165-1.509,1.165C39.775,25.877,39.249,25.677,38.857,25.27z"/>
+</g>
+</svg>

data/templates/project/assets/svgicons/conditions.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<path fill="#2DB8CC" d="M31.815,3.526c3.357,0,6.072,2.718,6.072,6.051c0,3.358-2.715,6.072-6.072,6.072
+	c-3.333,0-6.048-2.718-6.051-6.072C25.764,6.244,28.481,3.526,31.815,3.526z"/>
+<path fill="#2DB8CC" d="M57.208,18.476L37.34,22.174l2.529,12.112l7.044,24.729c0.312,1.236-0.638,1.068-1.858,1.373
+	c-1.222,0.307-2.27,1.037-2.576-0.199l-9.711-22.974h-1.85L21.055,60.02c-0.462,1.187-1.76,0.465-2.947,0.002
+	c-1.174-0.459-1.912-0.524-1.448-1.711l7.518-24.457l1.893-11.681L7.062,17.765c-1.144-0.091-1.697-1.049-1.603-2.193
+	c0.083-1.153,0.899-2.059,2.044-1.967l21.404,4.059h5.938l22.191-3.358c1.146-0.045,2.117,0.845,2.156,2
+	C59.238,17.453,58.355,18.43,57.208,18.476z"/>
+<path fill="#6AB007" d="M61.941,32c0,16.51-13.433,29.943-29.941,29.943C15.49,61.943,2.057,48.51,2.057,32S15.49,2.057,32,2.057
+	S61.941,15.49,61.941,32z M32,0C14.355,0,0,14.355,0,32c0,17.645,14.355,32,32,32c17.645,0,32-14.355,32-32C64,14.355,49.645,0,32,0
+	z"/>
+</svg>

data/templates/project/assets/svgicons/experts.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="50px" viewBox="0 0 64 50" enable-background="new 0 0 64 50" xml:space="preserve">
+<path fill="#69B045" d="M28.271,36.789H6.17c-2.258,0-4.096-1.959-4.096-4.365V6.453c0-2.406,1.838-4.364,4.096-4.364h37.111
+	c2.258,0,4.095,1.958,4.095,4.364v6.256c0.354-0.064,0.731-0.107,1.14-0.112c0.332-0.005,0.641,0.028,0.936,0.081V6.453
+	C49.45,2.895,46.684,0,43.281,0H6.17C2.768,0,0,2.895,0,6.453v25.971c0,3.559,2.768,6.454,6.17,6.454h24.792L28.271,36.789z"/>
+<ellipse fill="#2BB7CB" cx="48.266" cy="18.183" rx="4.688" ry="4.719"/>
+<path fill="#2BB7CB" d="M63.921,44.465l-5.124-15.412l-0.006,0.002c-0.629-2.375-2.725-4.14-5.254-4.252l-3.741,0.001l-0.534,2.391
+	h-1.687l-0.495-2.39h-4.12c-2.513,0.126-4.597,1.888-5.222,4.251l-0.035-0.01l-1.793,5.438l-6.369-4.814
+	c-1.085-0.677-2.512-0.34-3.185,0.753c-0.673,1.095-0.339,2.527,0.745,3.207l8.407,6.386c0.27,0.252,0.592,0.451,0.971,0.555
+	c1.234,0.332,2.502-0.404,2.834-1.646l2.78-8.383h1.154v0.003L41.7,50h13.134l-1.551-19.457V30.54h1.121l5.049,15.128
+	c0.331,1.242,1.599,1.979,2.832,1.646C63.518,46.982,64.25,45.705,63.921,44.465z M48.562,38.837l-1.998-2.829l1.054-8.22h1.729
+	l1.264,8.22L48.562,38.837z"/>
+<path fill="#2BB7CB" d="M18.232,5.047c1.42,0,2.568,1.146,2.568,2.551c0,1.414-1.148,2.559-2.568,2.559
+	c-1.409,0-2.558-1.146-2.559-2.559C15.674,6.193,16.822,5.047,18.232,5.047z"/>
+<path fill="#2BB7CB" d="M18.311,3.561c-7.463,0-13.534,6.05-13.534,13.485c0,7.437,6.071,13.485,13.534,13.485
+	s13.535-6.049,13.535-13.485S25.773,3.561,18.311,3.561z M18.311,4.43c4.237,0,7.986,2.09,10.286,5.283
+	c-0.015,0-0.028-0.008-0.044-0.008l-9.038,1.3h-2.512L8.337,9.449C8.294,9.445,8.254,9.461,8.212,9.464
+	C10.525,6.413,14.186,4.43,18.311,4.43z M5.646,17.046c0-2.345,0.657-4.535,1.78-6.419c0.105,0.312,0.371,0.547,0.725,0.575
+	l7.652,1.704l-0.801,4.922l-2.947,9.688c-0.061,0.154-0.061,0.312-0.035,0.465C8.217,25.801,5.646,21.721,5.646,17.046z
+	 M13.486,28.706c0.185-0.103,0.344-0.255,0.428-0.47l3.939-8.992h0.781l3.876,9.102c0.062,0.25,0.219,0.379,0.419,0.438
+	c-1.434,0.562-2.988,0.88-4.619,0.88C16.603,29.662,14.975,29.32,13.486,28.706z M24.4,28.104c0.004-0.078,0.01-0.155-0.014-0.252
+	L21.64,18.01l-1.071-5.104l8.057-1.443c0.346-0.014,0.627-0.23,0.759-0.527c1.011,1.812,1.592,3.895,1.592,6.11
+	C30.976,21.805,28.315,25.955,24.4,28.104z"/>
+<path fill="#69B045" d="M18.311,3.545c-7.443,0-13.5,6.057-13.5,13.501c0,7.444,6.057,13.499,13.5,13.499s13.5-6.055,13.5-13.499
+	C31.811,9.602,25.754,3.545,18.311,3.545z M18.311,29.545c-6.892,0-12.5-5.606-12.5-12.499c0-6.892,5.608-12.501,12.5-12.501
+	c6.893,0,12.5,5.609,12.5,12.501S25.203,29.545,18.311,29.545z"/>
+</svg>

data/templates/project/assets/svgicons/lifestyle.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<path fill="#6AB007" d="M61.941,32c0,16.51-13.432,29.941-29.942,29.941C15.489,61.941,2.058,48.51,2.058,32S15.489,2.058,32,2.058
+	C48.512,2.058,61.941,15.49,61.941,32z M32,0C14.355,0,0,14.354,0,32c0,17.646,14.355,32,32,32c17.645,0,32-14.354,32-32
+	C64,14.354,49.645,0,32,0z"/>
+<path fill="#2DB8CC" d="M31.911,3.83c3.325,0,6.282,2.47,6.282,5.643c0,3.526-2.959,5.994-6.282,5.994
+	c-3.327,0-5.914-2.468-5.914-5.994C25.997,6.3,28.584,3.83,31.911,3.83L31.911,3.83z"/>
+<path fill="#2DB8CC" d="M26.367,16.879h5.544l0,0l0,0h5.912c1.479,0,2.218,0,3.694,2.114c1.479,1.765,3.325,5.996,4.063,9.171
+	c0.742,3.171,1.108,4.229-1.847,5.994c-2.957,1.762-7.76,2.82-11.823,2.82l0,0c-4.066,0-8.87-1.06-11.827-2.82
+	c-2.956-1.765-2.217-2.823-1.477-5.994c0.739-3.175,2.586-7.406,4.064-9.171C23.779,16.879,24.52,16.879,26.367,16.879
+	L26.367,16.879z"/>
+<path fill="#2DB8CC" d="M31.911,40.538c-4.806,0.353-7.392-2.382-9.609-2.731c-2.587-0.355-2.957,0-5.173,1.408
+	c-2.217,1.41-6.652,4.938-7.761,7.406c-1.479,2.468-0.37,4.583,4.064,4.23c4.435-0.705,9.977-1.764,14.042-2.822
+	c1.849-0.353,1.849-0.703,4.436-0.703c2.586,0,2.586,0.352,4.433,0.703c4.064,1.06,9.607,2.117,14.044,2.822
+	c4.434,0.353,5.541-1.764,4.065-4.23c-1.109-2.471-5.545-5.996-7.763-7.406c-2.213-1.408-2.586-1.765-5.172-1.408
+	C39.3,38.156,36.713,40.891,31.911,40.538"/>
+</svg>

data/templates/project/assets/svgicons/supplements.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<path fill="#2DB8CC" d="M27.393,24.402c1.499-0.934,3.175-1.519,4.899-1.812c-5.59-7.591-5.484-7.454-7.127-9.705
+	c0,0,0.855-0.486,2.554-0.522c1.645-0.034,2.299,0.499,2.299,0.499c1.66,2.285,2.167,2.927,7.433,9.749
+	c0.58,0.104,1.152,0.231,1.709,0.402c0.609,0.296,0.799,0.517,0.818,0.524l-8.812-12.021c-3.625-4.4-10.817-6.173-16.116-2.923
+	c-5.084,3.116-6.35,10.695-2.727,15.096l8.864,11.657c-0.164-0.471-0.321-1.584-0.322-1.711
+	C20.835,29.762,24.05,26.482,27.393,24.402z M51.773,40.886l-9.332-12.805c-1.188-1.067-2.67-1.811-4.275-2.23l11.793,15.797
+	c1.076,1.664,2.347,5.248,0.666,8.777l-0.506,0.846c-0.127-4.146-3.83-8.184-5.32-10.377L33.683,25.551
+	c-1.616,0.193-3.201,0.707-4.598,1.578c-2.731,1.702-4.909,4.947-5.422,8.073c-0.155,0.942-0.188,2.161,0.212,3.353L34.5,52.986
+	c3.439,4.175,10.705,5.486,15.449,1.972C54.917,51.277,55.212,45.061,51.773,40.886z"/>
+<path fill="#6AB007" d="M61.941,32c0,16.51-13.432,29.941-29.941,29.941C15.491,61.941,2.058,48.51,2.058,32S15.49,2.058,32,2.058
+	C48.509,2.058,61.941,15.49,61.941,32z M32,0C14.354,0,0,14.354,0,32c0,17.646,14.354,32,32,32s32-14.354,32-32
+	C64,14.354,49.645,0,32,0z"/>
+</svg>

data/templates/project/assets/svgicons/your-perspective.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<path fill="#2DB8CC" d="M43.48,43.949l-0.504,0.002l0.229,16.873c2.766-0.822,4.918-1.902,6.917-3.213l-6.263-13.705L43.48,43.949z
+	 M38.566,1.23c-2.133-0.49-4.295-0.529-6.399-0.463v7.205c0.21-0.018,0.423-0.035,0.638-0.035c4.936,0,8.936,4.516,8.936,10.09
+	c0,5.57-4,10.084-8.936,10.084c-0.215,0-0.427-0.018-0.638-0.035v3.24l10.192-0.002c4.77,0.207,8.724,3.479,9.91,7.885l0.012-0.002
+	L56.49,52.08c3.586-4.104,5.602-9.252,6.621-15.006C66.098,20.238,53.973,4.783,38.566,1.23z"/>
+<path fill="#2DB8CC" d="M32.132,31.293L21.25,31.295c-4.739,0.234-8.759,2.793-9.938,7.18l-3.354,12.84l-0.666-0.346l3.695,4.496
+	l4.203,2.498l4.643-13.641h0.806v0.008l-0.072,16.35c0,0,2.764,1.984,9.803,2.178c0.833,0.023,0.905,0.025,1.673,0.017
+	L32.132,31.293z"/>
+<path fill="#2DB8CC" d="M32.208,7.887C32.04,7.879,31.873,7.86,31.701,7.86c-4.933,0-8.937,4.518-8.937,10.088
+	c0,5.57,4.004,10.088,8.937,10.088c0.171,0,0.338-0.02,0.507-0.027V7.887z"/>
+<path fill="#6AB007" d="M26.77,61.475C10.516,58.59-0.362,43.023,2.521,26.77C5.404,10.52,20.973-0.357,37.227,2.525
+	C45.1,3.922,51.958,8.303,56.538,14.857c4.58,6.555,6.333,14.5,4.937,22.372C58.592,53.48,43.023,64.357,26.77,61.475z M63.5,37.59
+	c1.493-8.416-0.381-16.906-5.275-23.912C53.329,6.672,46,1.992,37.585,0.5S20.68,0.881,13.674,5.775
+	C6.668,10.67,1.988,17.998,0.495,26.412C-2.586,43.779,9.041,60.418,26.411,63.5c8.415,1.492,16.907-0.381,23.912-5.275
+	C57.327,53.332,62.007,46.002,63.5,37.59z"/>
+</svg>

data/templates/project/assets/vitamin.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path opacity="0.2" fill="#FFFFFF" d="M24,0C10.745,0,0,10.745,0,24c0,13.254,10.745,24,24,24c13.256,0,24-10.746,24-24
+	C48,10.745,37.256,0,24,0z M34.716,20.987c-0.44,0-0.866-0.05-1.282-0.141L27.695,32.79c1.259,1.101,2.057,2.71,2.057,4.509
+	c0,3.312-2.688,5.995-5.995,5.995c-3.312,0-5.995-2.685-5.995-5.995c0-1.762,0.766-3.344,1.979-4.439
+	c-2.732-6.029-4.362-9.695-5.317-11.958c-0.316,0.052-0.641,0.086-0.972,0.086c-3.311,0-5.995-2.684-5.995-5.994S10.142,9,13.453,9
+	c3.309,0,5.994,2.684,5.994,5.994c0,1.993-0.977,3.753-2.473,4.843c1.223,2.833,3.249,7.37,5.197,11.688
+	c0.506-0.142,1.037-0.219,1.588-0.219c0.519,0,1.021,0.07,1.5,0.194l5.689-11.851c-1.358-1.099-2.228-2.777-2.228-4.66
+	c0-3.31,2.684-5.994,5.991-5.994s5.993,2.684,5.993,5.994C40.709,18.303,38.023,20.987,34.716,20.987z"/>
+<g opacity="0.2">
+	<path fill="#FFFFFF" d="M17.957,12.924c0,0,0.597,2.079,0.022,3.372c-1.107,2.489-1.993,3.034-1.993,3.034l-2.283-1.94
+		c0,0,1.779-0.262,2.941-1.482C17.926,14.56,17.957,12.924,17.957,12.924z"/>
+</g>
+<g opacity="0.2">
+	<path fill="#FFFFFF" d="M39.075,13.039c0,0,0.562,2.063,0.021,3.372c-0.873,2.121-1.994,3.034-1.994,3.034l-2.283-1.94
+		c0,0,1.779-0.261,2.943-1.481C39.046,14.675,39.075,13.039,39.075,13.039z"/>
+</g>
+<g opacity="0.2">
+	<path fill="#FFFFFF" d="M28.346,35.068c0,0,0.521,2.05,0.021,3.373c-0.946,2.508-1.992,3.033-1.992,3.033l-2.286-1.939
+		c0,0,1.781-0.262,2.944-1.482C28.312,36.707,28.346,35.068,28.346,35.068z"/>
+</g>
+</svg>

data/templates/project/component.json

@@ -0,0 +1,9 @@
+{
+  "name": "style-prototypes",
+  "version": "1.0.0",
+  "dependencies": {
+    "modernizr": "~2.6.2",
+    "jquery": "~1.9.1"
+  },
+  "devDependencies": {}
+}

data/templates/project/libs/bootstrap-modal.js

@@ -0,0 +1,374 @@
+/* ===========================================================
+ * bootstrap-modal.js v2.1
+ * ===========================================================
+ * Copyright 2012 Jordan Schroter
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================== */
+
+
+!function ($) {
+
+    "use strict"; // jshint ;_;
+
+    /* MODAL CLASS DEFINITION
+    * ====================== */
+
+    var Modal = function (element, options) {
+        this.init(element, options);
+    };
+
+    Modal.prototype = {
+
+        constructor: Modal,
+
+        init: function (element, options) {
+            this.options = options;
+
+            this.$element = $(element)
+                .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this));
+
+            this.options.remote && this.$element.find('.modal-body').load(this.options.remote);
+
+            var manager = typeof this.options.manager === 'function' ?
+                this.options.manager.call(this) : this.options.manager;
+
+            manager = manager.appendModal ?
+                manager : $(manager).modalmanager().data('modalmanager');
+
+            manager.appendModal(this);
+        },
+
+        toggle: function () {
+            return this[!this.isShown ? 'show' : 'hide']();
+        },
+
+        show: function () {
+            var e = $.Event('show');
+
+            if (this.isShown) return;
+
+            this.$element.trigger(e);
+
+            if (e.isDefaultPrevented()) return;
+
+            this.escape();
+
+            this.tab();
+
+            this.options.loading && this.loading();
+        },
+
+        hide: function (e) {
+            e && e.preventDefault();
+
+            e = $.Event('hide');
+
+            this.$element.trigger(e);
+
+            if (!this.isShown || e.isDefaultPrevented()) return (this.isShown = false);
+
+            this.isShown = false;
+
+            this.escape();
+
+            this.tab();
+
+            this.isLoading && this.loading();
+
+            $(document).off('focusin.modal');
+
+            this.$element
+                .removeClass('in')
+                .removeClass('animated')
+                .removeClass(this.options.attentionAnimation)
+                .removeClass('modal-overflow')
+                .attr('aria-hidden', true);
+
+            $.support.transition && this.$element.hasClass('fade') ?
+                this.hideWithTransition() :
+                this.hideModal();
+        },
+
+        layout: function () {
+            var prop = this.options.height ? 'height' : 'max-height',
+                value = this.options.height || this.options.maxHeight;
+
+            if (this.options.width){
+                this.$element.css('width', this.options.width);
+
+                var that = this;
+                this.$element.css('margin-left', function () {
+                    if (/%/ig.test(that.options.width)){
+                        return -(parseInt(that.options.width) / 2) + '%';
+                    } else {
+                        return -($(this).width() / 2) + 'px';
+                    }
+                });
+            } else {
+                this.$element.css('width', '');
+                this.$element.css('margin-left', '');
+            }
+
+            this.$element.find('.modal-body')
+                .css('overflow', '')
+                .css(prop, '');
+
+            var modalOverflow = $(window).height() - 10 < this.$element.height();
+
+            if (value){
+                this.$element.find('.modal-body')
+                    .css('overflow', 'auto')
+                    .css(prop, value);
+            }
+
+            if (modalOverflow || this.options.modalOverflow) {
+                this.$element
+                    .css('margin-top', 0)
+                    .addClass('modal-overflow');
+            } else {
+                this.$element
+                    .css('margin-top', 0 - this.$element.height() / 2)
+                    .removeClass('modal-overflow');
+            }
+        },
+
+        tab: function () {
+            var that = this;
+
+            if (this.isShown && this.options.consumeTab) {
+                this.$element.on('keydown.tabindex.modal', '[data-tabindex]', function (e) {
+                    if (e.keyCode && e.keyCode == 9){
+                        var $next = $(this),
+                            $rollover = $(this);
+
+                        that.$element.find('[data-tabindex]:enabled:not([readonly])').each(function (e) {
+                            if (!e.shiftKey){
+                                $next = $next.data('tabindex') < $(this).data('tabindex') ?
+                                    $next = $(this) :
+                                    $rollover = $(this);
+                            } else {
+                                $next = $next.data('tabindex') > $(this).data('tabindex') ?
+                                    $next = $(this) :
+                                    $rollover = $(this);
+                            }
+                        });
+
+                        $next[0] !== $(this)[0] ?
+                            $next.focus() : $rollover.focus();
+
+                        e.preventDefault();
+                    }
+                });
+            } else if (!this.isShown) {
+                this.$element.off('keydown.tabindex.modal');
+            }
+        },
+
+        escape: function () {
+            var that = this;
+            if (this.isShown && this.options.keyboard) {
+                if (!this.$element.attr('tabindex')) this.$element.attr('tabindex', -1);
+
+                this.$element.on('keyup.dismiss.modal', function (e) {
+                    e.which == 27 && that.hide();
+                });
+            } else if (!this.isShown) {
+                this.$element.off('keyup.dismiss.modal')
+            }
+        },
+
+        hideWithTransition: function () {
+            var that = this
+                , timeout = setTimeout(function () {
+                    that.$element.off($.support.transition.end);
+                    that.hideModal();
+                }, 500);
+
+            this.$element.one($.support.transition.end, function () {
+                clearTimeout(timeout);
+                that.hideModal();
+            });
+        },
+
+        hideModal: function () {
+            this.$element
+                .hide()
+                .trigger('hidden');
+
+            var prop = this.options.height ? 'height' : 'max-height';
+            var value = this.options.height || this.options.maxHeight;
+
+            if (value){
+                this.$element.find('.modal-body')
+                    .css('overflow', '')
+                    .css(prop, '');
+            }
+
+        },
+
+        removeLoading: function () {
+            this.$loading.remove();
+            this.$loading = null;
+            this.isLoading = false;
+        },
+
+        loading: function (callback) {
+            callback = callback || function () {};
+
+            var animate = this.$element.hasClass('fade') ? 'fade' : '';
+
+            if (!this.isLoading) {
+                var doAnimate = $.support.transition && animate;
+
+                this.$loading = $('<div class="loading-mask ' + animate + '">')
+                    .append(this.options.spinner)
+                    .appendTo(this.$element);
+
+                if (doAnimate) this.$loading[0].offsetWidth; // force reflow
+
+                this.$loading.addClass('in');
+
+                this.isLoading = true;
+
+                doAnimate ?
+                    this.$loading.one($.support.transition.end, callback) :
+                    callback();
+
+            } else if (this.isLoading && this.$loading) {
+                this.$loading.removeClass('in');
+
+                var that = this;
+                $.support.transition && this.$element.hasClass('fade')?
+                    this.$loading.one($.support.transition.end, function () { that.removeLoading() }) :
+                    that.removeLoading();
+
+            } else if (callback) {
+                callback(this.isLoading);
+            }
+        },
+
+        focus: function () {
+            var $focusElem = this.$element.find(this.options.focusOn);
+
+            $focusElem = $focusElem.length ? $focusElem : this.$element;
+
+            $focusElem.focus();
+        },
+
+        attention: function (){
+            // NOTE: transitionEnd with keyframes causes odd behaviour
+
+            if (this.options.attentionAnimation){
+                this.$element
+                    .removeClass('animated')
+                    .removeClass(this.options.attentionAnimation);
+
+                var that = this;
+
+                setTimeout(function () {
+                    that.$element
+                        .addClass('animated')
+                        .addClass(that.options.attentionAnimation);
+                }, 0);
+            }
+
+
+            this.focus();
+        },
+
+
+        destroy: function () {
+            var e = $.Event('destroy');
+            this.$element.trigger(e);
+            if (e.isDefaultPrevented()) return;
+
+            this.teardown();
+        },
+
+        teardown: function () {
+            if (!this.$parent.length){
+                this.$element.remove();
+                this.$element = null;
+                return;
+            }
+
+            if (this.$parent !== this.$element.parent()){
+                this.$element.appendTo(this.$parent);
+            }
+
+            this.$element.off('.modal');
+            this.$element.removeData('modal');
+            this.$element
+                .removeClass('in')
+                .attr('aria-hidden', true);
+        }
+    };
+
+
+    /* MODAL PLUGIN DEFINITION
+    * ======================= */
+
+    $.fn.modal = function (option, args) {
+        return this.each(function () {
+            var $this = $(this),
+                data = $this.data('modal'),
+                options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option);
+
+            if (!data) $this.data('modal', (data = new Modal(this, options)));
+            if (typeof option == 'string') data[option].apply(data, [].concat(args));
+            else if (options.show) data.show()
+        })
+    };
+
+    $.fn.modal.defaults = {
+        keyboard: true,
+        backdrop: true,
+        loading: false,
+        show: true,
+        width: null,
+        height: null,
+        maxHeight: null,
+        modalOverflow: false,
+        consumeTab: true,
+        focusOn: null,
+        replace: false,
+        resize: false,
+        attentionAnimation: 'shake',
+        manager: 'body',
+        spinner: '<div class="loading-spinner" style="width: 200px; margin-left: -100px;"><div class="progress progress-striped active"><div class="bar" style="width: 100%;"></div></div></div>'
+    };
+
+    $.fn.modal.Constructor = Modal;
+
+
+    /* MODAL DATA-API
+    * ============== */
+
+    $(function () {
+        $(document).off('click.modal').on('click.modal.data-api', '[data-toggle="modal"]', function ( e ) {
+            var $this = $(this),
+                href = $this.attr('href'),
+                $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))), //strip for ie7
+                option = $target.data('modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data());
+
+            e.preventDefault();
+            $target
+                .modal(option)
+                .one('hide', function () {
+                    $this.focus();
+                })
+        });
+    });
+
+}(window.jQuery);