0.2.3

Release 0.1.57 with tutorial fix patch

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,35 @@
+---
+name: Bug report
+about: Create a report to help us improve
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+Add screenshots to help explain your problem. You can copy paste the screenshot in the github report. The .gif screen recording is very useful as well. 
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,17 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

docs/SUMMARY.md

@@ -3,8 +3,8 @@
 ## Support #support
 
 * [Troubleshoot](/troubleshoot)
-* [LEGO Support](http://service.lego.com/)
 * [EV3 Manager](https://ev3manager.education.lego.com/)
+* [LEGO Support](https://www.lego.com/service/)
 
 ## Projects #projects
 

docs/getting-started.md

@@ -4,6 +4,14 @@
 
 ```codecard
 [
+{
+    "name": "Prepare",
+    "imageUrl": "/static/lessons/firmware.png",
+    "description": "To use Microsoft MakeCode with your EV3 brick, you will need to install the latest LEGO MINDSTORMS Education EV3 firmware - version 1.10 or higher. Follow these steps to install the latest firmware from LEGO.",
+    "label": "New? Start Here!",
+    "labelClass": "red ribbon large",
+    "url": "https://makecode.mindstorms.com/troubleshoot"
+},
 {
     "name": "Try",
     "imageUrl": "/static/lessons/try.png",

docs/index-ref.json

@@ -1,3 +1,3 @@
 {
-    "appref": "v0.1.27"
+    "appref": "v0.1.57"
 }

docs/maker.md

@@ -1,9 +1,5 @@
 # Maker Activites
 
-These six activities require the [@boardname@ Core Set (45544)](https://education.lego.com/en-us/products/lego-mindstorms-education-ev3-core-set-/5003400). Supporting materials for teachers and middle school students are provided, offering everything teachers and students need to explore their inner makers as they follow the design process to solve open-ended, themed challenges...
-
-* [Download Curriculum Materials](https://education.lego.com/en-us/downloads/mindstorms-ev3/curriculum)
-
 ## Activites
 
 ```codecard

docs/static/download/firmware.svg

@@ -1,252 +1,279 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="261.3" height="109.3" viewBox="0 0 69.1 28.9" id="svg9461">
+<?xml version="1.0" encoding="utf-8"?>
-  <defs id="defs9455">
+<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-    <clipPath id="clipPath8689">
+<svg version="1.1" id="svg9461" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-      <path d="M0 1145.9h1366V0H0z" id="path8687"/>
+	 viewBox="0 0 85.6 95.6" style="enable-background:new 0 0 85.6 95.6;" xml:space="preserve">
-    </clipPath>
+<style type="text/css">
-    <clipPath id="clipPath8663">
+	.st0{fill:url(#path8773_1_);}
-      <path d="M309.8 89.4h3.7v3.7h-3.7z" id="path8661"/>
+	.st1{clip-path:url(#SVGID_2_);}
-    </clipPath>
+	.st2{fill:#F2F2F2;}
-    <clipPath id="clipPath8647">
+	.st3{fill:url(#path8805_1_);}
-      <path d="M0 1145.9h1366V0H0z" id="path8645"/>
+	.st4{clip-path:url(#SVGID_4_);}
-    </clipPath>
+	.st5{fill:#393939;}
-    <linearGradient x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 .6661 -.32488 0 300.7 115)" id="linearGradient8637">
+	.st6{fill:#98B6A7;}
-      <stop offset="0" id="stop8633" stop-color="#757575"/>
+	.st7{fill:url(#path8841_1_);}
-      <stop offset="1" id="stop8635" stop-color="#393939"/>
+	.st8{clip-path:url(#SVGID_6_);}
-    </linearGradient>
+	.st9{fill:#6A6A6A;}
-    <clipPath id="clipPath8595">
+	.st10{fill:url(#path8875_1_);}
-      <path d="M0 1145.9h1366V0H0z" id="path8593"/>
+	.st11{clip-path:url(#SVGID_8_);}
-    </clipPath>
+	.st12{fill:#A9ABA9;}
-    <linearGradient x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 12.8096 -17.18704 0 300.7 98.4)" id="linearGradient8585">
+	.st13{fill:#9B9B9B;}
-      <stop offset="0" id="stop8579" stop-color="#6a6a6a"/>
+	.st14{fill:url(#path8927_1_);}
-      <stop offset=".5" id="stop8581" stop-color="#48e400"/>
+	.st15{clip-path:url(#SVGID_10_);}
-      <stop offset="1" id="stop8583" stop-color="#6a6a6a"/>
+	.st16{fill:#818181;}
-    </linearGradient>
+	.st17{fill:#FFFFFF;}
-    <clipPath id="clipPath8561">
+	.st18{clip-path:url(#SVGID_12_);}
-      <path d="M0 1145.9h1366V0H0z" id="path8559"/>
+	.st19{fill:#FFEE00;}
-    </clipPath>
+	.st20{fill:#D52715;}
-    <linearGradient x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -1.33016 5.597 0 300.7 88.4)" id="linearGradient8551">
+	.st21{fill:#171714;}
-      <stop offset="0" id="stop8547" stop-color="#a9aba9"/>
+	.st22{clip-path:url(#SVGID_14_);}
-      <stop offset="1" id="stop8549" stop-color="#535453"/>
+	.st23{fill:#303030;}
-    </linearGradient>
+</style>
-    <clipPath id="clipPath8525">
+<g id="layer1" transform="translate(0 -268)">
-      <path d="M0 1145.9h1366V0H0z" id="path8523"/>
+	<g id="g10860" transform="translate(-20.8 -2)">
-    </clipPath>
+		<g id="g8755" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-    <linearGradient x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -.56074 .70884 0 300.7 115.6)" id="linearGradient8515">
+			<g id="g8757">
-      <stop offset="0" id="stop8511" stop-color="#a9aba9"/>
+				<g id="g8763">
-      <stop offset="1" id="stop8513" stop-color="#818181"/>
+					<g id="g8765">
-    </linearGradient>
+						
-    <clipPath id="clipPath8493">
+							<linearGradient id="path8773_1_" gradientUnits="userSpaceOnUse" x1="-839.9431" y1="-715.001" x2="-838.9431" y2="-715.001" gradientTransform="matrix(0 -3.2193 3.3335 0 2933.3757 -2723.9758)">
-      <path d="M0 1145.9h1366V0H0z" id="path8491"/>
+							<stop  offset="0" style="stop-color:#F2F2F2"/>
-    </clipPath>
+							<stop  offset="1" style="stop-color:#7A7A7A"/>
-    <linearGradient x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -2.39765 2.48247 0 300.7 98.1)" id="linearGradient8483">
+						</linearGradient>
-      <stop offset="0" id="stop8479" stop-color="#f2f2f2"/>
+						<path id="path8773" class="st0" d="M490.2,93.1c-1.3,0-2.3-1-2.3-2.3V-24.8c0-1.1,0.8-2.3,2.3-2.3h119.9
-      <stop offset="1" id="stop8481" stop-color="#7a7a7a"/>
+							c1.1,0,1.9,1.1,1.9,2.3V90.9c0,1.1-0.8,2.3-1.9,2.3H490.2z"/>
-    </linearGradient>
+					</g>
-    <clipPath id="clipPath8449">
+				</g>
-      <path d="M0 1145.9h1366V0H0z" id="path8447"/>
+			</g>
-    </clipPath>
+		</g>
-    <clipPath id="clipPath8977">
+		<g id="g8775" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-      <path d="M0 1145.9h1366V0H0z" id="path8975"/>
+			<g>
-    </clipPath>
+				<defs>
-    <clipPath id="clipPath8951">
+					<rect id="SVGID_1_" x="14.3" y="967.1" width="1822.3" height="1528.7"/>
-      <path d="M593 101h3.6v3.7H593z" id="path8949"/>
+				</defs>
-    </clipPath>
+				<clipPath id="SVGID_2_">
-    <clipPath id="clipPath8935">
+					<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
-      <path d="M0 1145.9h1366V0H0z" id="path8933"/>
+				</clipPath>
-    </clipPath>
+				<g id="g8777" class="st1">
-    <linearGradient x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 .67046 -.32706 0 583.8 126.8)" id="linearGradient8925">
+					<g id="g8783" transform="translate(569.7 111.2)">
-      <stop offset="0" id="stop8921" stop-color="#757575"/>
+						<path id="path8785" class="st2" d="M-72.7-125.8H33.2c1.1,0,2.3-1.1,2.3-2.3v-43.1c0-1.5-1.1-2.3-2.3-2.3H-72.7
-      <stop offset="1" id="stop8923" stop-color="#393939"/>
+							c-1.1,0-2.3,0.8-2.3,2.3v43.1C-75-127-73.8-125.8-72.7-125.8"/>
-    </linearGradient>
+					</g>
-    <clipPath id="clipPath8883">
+				</g>
-      <path d="M0 1145.9h1366V0H0z" id="path8881"/>
+			</g>
-    </clipPath>
+		</g>
-    <linearGradient x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 12.89405 -17.29507 0 583.7 110)" id="linearGradient8873">
+		<g id="g8787" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-      <stop offset="0" id="stop8867" stop-color="#6a6a6a"/>
+			<g id="g8789">
-      <stop offset=".5" id="stop8869" stop-color="#48e400"/>
+				<g id="g8795">
-      <stop offset="1" id="stop8871" stop-color="#6a6a6a"/>
+					<g id="g8797">
-    </linearGradient>
+						
-    <clipPath id="clipPath8849">
+							<linearGradient id="path8805_1_" gradientUnits="userSpaceOnUse" x1="106.3515" y1="93.6155" x2="107.3515" y2="93.6155" gradientTransform="matrix(0 -0.7528 0.9518 0 460.8399 126.682)">
-      <path d="M0 1145.9h1366V0H0z" id="path8847"/>
+							<stop  offset="0" style="stop-color:#A9ABA9"/>
-    </clipPath>
+							<stop  offset="1" style="stop-color:#818181"/>
-    <linearGradient x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -1.33884 5.6329 0 583.7 100)" id="linearGradient8839">
+						</linearGradient>
-      <stop offset="0" id="stop8835" stop-color="#a9aba9"/>
+						<path id="path8805" class="st3" d="M495.9,128.7c-1.3,0-2.3-1-2.3-2.3V42.1c0-1.1,1.1-2.3,2.3-2.3H604c1.1,0,2.3,1.1,2.3,2.3
-      <stop offset="1" id="stop8837" stop-color="#535453"/>
+							v84.3c0,1.1-1.1,2.3-2.3,2.3H495.9z"/>
-    </linearGradient>
+					</g>
-    <clipPath id="clipPath8813">
+				</g>
-      <path d="M0 1145.9h1366V0H0z" id="path8811"/>
+			</g>
-    </clipPath>
+		</g>
-    <linearGradient x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -.56429 .71345 0 583.7 127.4)" id="linearGradient8803">
+		<g id="g8807" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-      <stop offset="0" id="stop8799" stop-color="#a9aba9"/>
+			<g>
-      <stop offset="1" id="stop8801" stop-color="#818181"/>
+				<defs>
-    </linearGradient>
+					<rect id="SVGID_3_" x="14.3" y="967.1" width="1822.3" height="1528.7"/>
-    <clipPath id="clipPath8781">
+				</defs>
-      <path d="M0 1145.9h1366V0H0z" id="path8779"/>
+				<clipPath id="SVGID_4_">
-    </clipPath>
+					<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
-    <linearGradient x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -2.41323 2.4988 0 583.7 109.8)" id="linearGradient8771">
+				</clipPath>
-      <stop offset="0" id="stop8767" stop-color="#f2f2f2"/>
+				<g id="g8809" class="st4">
-      <stop offset="1" id="stop8769" stop-color="#7a7a7a"/>
+					<g id="g8815" transform="translate(572.7 146)">
-    </linearGradient>
+						<path id="path8817" class="st5" d="M-64.4-29h83.6c2.3,0,4.2-1.9,4.2-4.2v-47.3c0-2.3-1.9-3.8-3.8-3.8h-83.9
-    <clipPath id="clipPath8737">
+							c-2.3,0-4.2,1.5-4.2,3.8v47.6C-68.5-30.9-66.6-29-64.4-29"/>
-      <path d="M0 1145.9h1366V0H0z" id="path8735"/>
+					</g>
-    </clipPath>
+					<g id="g8819" transform="translate(574.4 145.4)">
-  </defs>
+						<path id="path8821" class="st6" d="M-59.6-30.7h71.1c1.5,0,3-1.5,3-3v-45.4c0-1.5-1.5-3-3-3h-71.1c-1.5,0-3,1.5-3,3v45.4
-  <g id="layer1" transform="translate(0 -268)">
+							C-62.7-32.2-61.1-30.7-59.6-30.7"/>
-    <g id="g10860" transform="translate(-20.8 -2)">
+					</g>
-      <g transform="matrix(.35278 0 0 -.35278 62.8 291.4)" id="g8727">
+				</g>
-        <path id="path8729" d="M0 0h24" fill="none" stroke="#000" stroke-width="2"/>
+			</g>
-      </g>
+		</g>
-      <g id="g8731" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+		<g id="g8823" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-        <g clip-path="url(#clipPath8737)" id="g8733">
+			<g id="g8825">
-          <g transform="translate(458 159.9)" id="g8739">
+				<g id="g8831">
-            <path id="path8741" d="M0 0h83a4 4 0 0 0 4-4v-52.5H-4V-4a4 4 0 0 0 4 4" fill="#e6e6e6"/>
+					<g id="g8833">
-          </g>
+						
-          <g transform="translate(458 158.4)" id="g8743">
+							<linearGradient id="path8841_1_" gradientUnits="userSpaceOnUse" x1="-608.1827" y1="-894.7903" x2="-607.1827" y2="-894.7903" gradientTransform="matrix(0 -1.7861 7.5145 0 7273.7993 -1143.2354)">
-            <path id="path8745" d="M0 0h83c1.3 0 2.4-1.1 2.4-2.5V-52c0-.9-.6-1.5-1.5-1.5H-1c-.8 0-1.5.6-1.5 1.5v49.5C-2.5-1.1-1.4 0 0 0z" fill="none" stroke="#282828" stroke-width="3"/>
+							<stop  offset="0" style="stop-color:#A9ABA9"/>
-          </g>
+							<stop  offset="1" style="stop-color:#535453"/>
-          <g transform="translate(445 102.9)" id="g8747">
+						</linearGradient>
-            <path id="path8749" d="M0 0h108.8v-1.2a3 3 0 0 0-3-3H3a3 3 0 0 0-3 3z" fill="#626262"/>
+						<path id="path8841" class="st7" d="M494.7-35.8V-60c0-1.1,1.1-2.3,2.3-2.3h105.9c1.1,0,2.3,1.1,2.3,2.3v24.2H494.7z"/>
-          </g>
+					</g>
-          <g transform="translate(489.8 102.9)" id="g8751">
+				</g>
-            <path id="path8753" d="M0 0h19.3c0-.8-.6-1.4-1.4-1.4H1.4C.6-1.4 0-.8 0 0" fill="#818181"/>
+			</g>
-          </g>
+		</g>
-        </g>
+		<g id="g8843" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-      </g>
+			<g>
-      <g id="g8755" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+				<defs>
-        <g id="g8757">
+					<rect id="SVGID_5_" x="14.3" y="967.1" width="1822.3" height="1528.7"/>
-          <g id="g8763">
+				</defs>
-            <g id="g8765">
+				<clipPath id="SVGID_6_">
-              <path id="path8773" d="M567.9 139.7a.6.6 0 0 1-.6-.6v-30.6c0-.3.2-.6.6-.6h31.7c.3 0 .5.3.5.6v30.6c0 .3-.2.6-.5.6z" fill="url(#linearGradient8771)"/>
+					<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
-            </g>
+				</clipPath>
-          </g>
+				<g id="g8845" class="st8">
-        </g>
+					<g id="g8851" transform="translate(581.7 109.3)">
-      </g>
+						<path id="path8853" class="st9" d="M-39.3-131.1l-15.9,15.9v2.3H-59c-5.1,1-8.4,6-7.4,11.1c0.8,3.7,3.7,6.6,7.4,7.4h3.8v1.9
-      <g id="g8775" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+							l15.9,16.3h15.1l15.9-15.9v-2.3h3.8c5.2,0,9.5-4.2,9.5-9.5c0-5.2-4.2-9.5-9.5-9.5h-3.8v-1.9l-15.1-15.9H-39.3z"/>
-        <g clip-path="url(#clipPath8781)" id="g8777">
+					</g>
-          <g transform="translate(569.7 111.2)" id="g8783">
+				</g>
-            <path id="path8785" d="M0 0h28c.3 0 .6-.3.6-.6V-12c0-.4-.3-.6-.6-.6H0c-.3 0-.6.2-.6.6V-.6c0 .3.3.6.6.6" fill="#f2f2f2"/>
+			</g>
-          </g>
+		</g>
-        </g>
+		<g id="g8855" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-      </g>
+			<g id="g8857">
-      <g id="g8787" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+				<g id="g8863">
-        <g id="g8789">
+					<g id="g8865">
-          <g id="g8795">
+						
-            <g id="g8797">
+							<linearGradient id="path8875_1_" gradientUnits="userSpaceOnUse" x1="-1182.8013" y1="-1084.7936" x2="-1181.8013" y2="-1084.7936" gradientTransform="matrix(0 17.201 -23.0721 0 -24479.207 20326.2344)">
-              <path id="path8805" d="M569.4 149.1a.6.6 0 0 1-.6-.6v-22.3c0-.3.3-.6.6-.6H598c.3 0 .6.3.6.6v22.3c0 .3-.3.6-.6.6z" fill="url(#linearGradient8803)"/>
+							<stop  offset="0" style="stop-color:#6A6A6A"/>
-            </g>
+							<stop  offset="0.5" style="stop-color:#48E400"/>
-          </g>
+							<stop  offset="1" style="stop-color:#6A6A6A"/>
-        </g>
+						</linearGradient>
-      </g>
+						<path id="path8875" class="st10" d="M542.4,33l-15.9-15.9v-2.3h-3.8c-5.2,0-9.5-4.2-9.5-9.5s4.2-9.5,9.5-9.5v0.4h3.8v-1.9
-      <g id="g8807" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+							l15.9-16.3h15.9l15.9,16.3v1.9h3.8c5.1,1.1,8.3,6.2,7.2,11.3c-0.8,3.7-3.8,6.6-7.5,7.2h-3.8v2.6L558.3,33H542.4z"/>
-        <g clip-path="url(#clipPath8813)" id="g8809">
+					</g>
-          <g transform="translate(572.7 146)" id="g8815">
+				</g>
-            <path id="path8817" d="M0 0h22.1c.6 0 1.1-.5 1.1-1.1v-12.5c0-.6-.5-1-1-1H0c-.6 0-1.1.4-1.1 1V-1c0 .5.5 1 1.1 1" fill="#393939"/>
+			</g>
-          </g>
+		</g>
-          <g transform="translate(574.4 145.4)" id="g8819">
+		<g id="g8877" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-            <path id="path8821" d="M0 0h18.8c.4 0 .8-.4.8-.8v-12c0-.4-.4-.8-.8-.8H0c-.4 0-.8.4-.8.8v12c0 .4.4.8.8.8" fill="#98b6a7"/>
+			<g>
-          </g>
+				<defs>
-        </g>
+					<rect id="SVGID_7_" x="14.3" y="967.1" width="1822.3" height="1528.7"/>
-      </g>
+				</defs>
-      <g id="g8823" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+				<clipPath id="SVGID_8_">
-        <g id="g8825">
+					<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
-          <g id="g8831">
+				</clipPath>
-            <g id="g8833">
+				<g id="g8879" class="st11">
-              <path id="path8841" d="M569.1 105.6v-6.4c0-.3.3-.6.6-.6h28c.3 0 .6.3.6.6v6.4z" fill="url(#linearGradient8839)"/>
+					<g id="g8885" transform="translate(576.4 118.4)">
-            </g>
+						<path id="path8887" class="st12" d="M-54.1-105.8h11.3v-13.6h-11.3c-3.8,0-6.8,3-6.8,6.8C-60.9-108.9-57.8-105.8-54.1-105.8"
-          </g>
+							/>
-        </g>
+					</g>
-      </g>
+					<g id="g8889" transform="translate(591 114.8)">
-      <g id="g8843" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+						<path id="path8891" class="st12" d="M-13.5-115.8h-11.3v13.6h11.3c3.8,0,6.8-3,6.8-6.8C-6.6-112.8-9.7-115.8-13.5-115.8"/>
-        <g clip-path="url(#clipPath8849)" id="g8845">
+					</g>
-          <g transform="translate(581.7 109.3)" id="g8851">
+					<g id="g8893" transform="translate(582 118.4)">
-            <path id="path8853" d="M0 0l-4.2 4.2v.6h-1a2.5 2.5 0 0 0 0 4.9h1v.5L0 14.5h4l4.2-4.2v-.6h1a2.5 2.5 0 0 0 0-5h-1v-.5L4.2 0z" fill="#6a6a6a"/>
+						<path id="path8895" class="st5" d="M-38.5-105.8h13.6v-13.6h-14v13.6H-38.5"/>
-          </g>
+					</g>
-        </g>
+					<g id="g8897" transform="translate(581.9 123.2)">
-      </g>
+						<path id="path8899" class="st12" d="M-38.8-92.5h14.4l10.6-11l-4.2-4.2v-7.6h-4.5v3.8c0,1.9-1.5,3.8-3.8,3.8h-11.3
-      <g id="g8855" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+							c-1.4,0.2-2.8-0.8-3-2.2c0-0.3,0-0.5,0-0.8v-5.3h-3.8v8.3L-49-103L-38.8-92.5z"/>
-        <g id="g8857">
+					</g>
-          <g id="g8863">
+					<g id="g8901" transform="translate(585.6 110)">
-            <g id="g8865">
+						<path id="path8903" class="st12" d="M-28.5-129.2h-14.4l-10.6,11l4.5,4.5v7.6h3.8v-4.2c0-1.9,1.9-3.8,3.8-3.8h12.1
-              <path id="path8875" d="M581.7 123.8l-4.2-4.2v-.6h-1a2.5 2.5 0 1 1 0-5v.1h1v-.5l4.2-4.3h4.2l4.2 4.3v.5h1a2.5 2.5 0 0 1-.1 4.9h-1v.7l-4.1 4.1z" fill="url(#linearGradient8873)"/>
+							c1.9,0,3,1.5,3,3v5.3h4.2v-8.3l4.5-4.5L-28.5-129.2z"/>
-            </g>
+					</g>
-          </g>
+					<path id="path8905" class="st5" d="M548.4,61.7h3.4V46.2h-3.4V61.7z"/>
-        </g>
+					<path id="path8907" class="st13" d="M548.4,46.6h3.4v-6.8h-3.4V46.6z"/>
-      </g>
+				</g>
-      <g id="g8877" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+			</g>
-        <g clip-path="url(#clipPath8883)" id="g8879">
+		</g>
-          <g transform="translate(576.4 118.4)" id="g8885">
+		<g id="g8909" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-            <path id="path8887" d="M0 0h3v-3.6H0A1.8 1.8 0 1 0 0 0" fill="#a9aba9"/>
+			<g id="g8911">
-          </g>
+				<g id="g8917">
-          <g transform="translate(591 114.8)" id="g8889">
+					<g id="g8919">
-            <path id="path8891" d="M0 0h-3v3.6h3A1.8 1.8 0 1 0 0 0" fill="#a9aba9"/>
+						
-          </g>
+							<linearGradient id="path8927_1_" gradientUnits="userSpaceOnUse" x1="-2168.2661" y1="-3506.5073" x2="-2167.2661" y2="-3506.5073" gradientTransform="matrix(0 0.8944 -0.4363 0 -979.787 1983.6796)">
-          <g transform="translate(582 118.4)" id="g8893">
+							<stop  offset="0" style="stop-color:#757575"/>
-            <path id="path8895" d="M0 0h3.6v-3.6H-.1V0H0" fill="#393939"/>
+							<stop  offset="1" style="stop-color:#393939"/>
-          </g>
+						</linearGradient>
-          <g transform="translate(581.9 123.2)" id="g8897">
+						<path id="path8927" class="st14" d="M548.4,39.8h3.4v6.8h-3.4V39.8z"/>
-            <path id="path8899" d="M0 0h3.8l2.8-2.9L5.5-4v-2H4.3v1c0 .5-.4 1-1 1h-3a.7.7 0 0 1-.8-.8v-1.4h-1V-4l-1.2 1.2z" fill="#a9aba9"/>
+					</g>
-          </g>
+				</g>
-          <g transform="translate(585.6 110)" id="g8901">
+			</g>
-            <path id="path8903" d="M0 0h-3.8l-2.8 2.9 1.2 1.2v2h1V5c0-.5.5-1 1-1h3.2c.5 0 .8.4.8.8v1.4h1.1V4l1.2-1.2z" fill="#a9aba9"/>
+		</g>
-          </g>
+		<g id="g8929" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-          <path id="path8905" d="M583.3 131.4h.9v-4.1h-.9z" fill="#393939"/>
+			<g>
-          <path id="path8907" d="M583.3 127.4h.9v-1.8h-.9z" fill="#9b9b9b"/>
+				<defs>
-        </g>
+					<rect id="SVGID_9_" x="14.3" y="967.1" width="1822.3" height="1528.7"/>
-      </g>
+				</defs>
-      <g id="g8909" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+				<clipPath id="SVGID_10_">
-        <g id="g8911">
+					<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
-          <g id="g8917">
+				</clipPath>
-            <g id="g8919">
+				<g id="g8931" class="st15">
-              <path id="path8927" d="M583.3 125.6h.9v1.8h-.9z" fill="url(#linearGradient8925)"/>
+					<path id="path8937" class="st16" d="M548.4,39.8h3.4V33h-3.4V39.8z"/>
-            </g>
+					<g id="g8939" transform="translate(571.2 125.6)">
-          </g>
+						<path id="path8941" class="st12" d="M-68.5-85.8h26.5v-6.4l-6.4-6.8h-17.8c-1.1,0-2.3,1.1-2.3,2.3V-85.8z"/>
-        </g>
+					</g>
-      </g>
+					<path id="path8943" class="st17" d="M585.1-39.2h13.6v-14h-13.6V-39.2z"/>
-      <g id="g8929" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+				</g>
-        <g clip-path="url(#clipPath8935)" id="g8931">
+			</g>
-          <path id="path8937" d="M583.3 125.6h.9v-1.8h-.9z" fill="#818181"/>
+		</g>
-          <g transform="translate(571.2 125.6)" id="g8939">
+		<g id="g8945" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-            <path id="path8941" d="M0 0h7v-1.7L5.3-3.5H.6c-.3 0-.6.3-.6.6z" fill="#a9aba9"/>
+			<g>
-          </g>
+				<defs>
-          <path id="path8943" d="M593 104.7h3.6V101H593z" fill="#fff"/>
+					<rect id="SVGID_11_" x="589.5" y="-48.7" width="4.8" height="4.9"/>
-        </g>
+				</defs>
-      </g>
+				<clipPath id="SVGID_12_">
-      <g id="g8945" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+					<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
-        <g clip-path="url(#clipPath8951)" id="g8947">
+				</clipPath>
-          <g transform="translate(596.4 103.2)" id="g8953">
+				<g id="g8947" class="st18">
-            <path id="path8955" d="M0 0v-.3C-.3-.8-.4-1-.8-1l-.3.2a.6.6 0 0 0-.5-.2c-.1 0-.2 0-.3.2C-2-1-2.1-1-2.2-1h-.6a.3.3 0 0 0-.3.2l.3 1h.5l.5.2.2-.1h.4c.1.1.3 0 .4 0V.1l.4.2.3-.1L0 0m-3.4-2.1H.2v3.6h-3.6z" fill="#fe0"/>
+					<g id="g8953" transform="translate(596.4 103.2)">
-          </g>
+						<path id="path8955" class="st19" d="M1.6-148.1v-1.1c-1.1-1.9-1.5-2.6-3-2.6l-1.1,0.8c-0.5-0.5-1.2-0.8-1.9-0.8
-          <g transform="translate(596.5 103)" id="g8957">
+							c-0.4,0-0.8,0-1.1,0.8c-0.4-0.8-0.8-0.8-1.1-0.8H-9c-0.5,0-1,0.3-1.1,0.8l1.1,3.8h1.9l1.9,0.8l0.8-0.4H-3c0.4,0.4,1.1,0,1.5,0
-            <path id="path8959" d="M0 0c0-.2 0-.3-.2-.5 0-.2-.3-.4-.6-.4l-.4.1a.7.7 0 0 0-.4-.1H-2a.7.7 0 0 0-.4 0H-3c-.2 0-.3.1-.4.3 0 .4.2.7.4 1 0 .2.2.2.4.2h2.1L0 .5V0m-3.5-2H.1v3.6h-3.6z" fill="#d52715"/>
+							v-0.8l1.5,0.8l1.1-0.4L1.6-148.1 M-11.3-156H2.3v13.6h-13.6L-11.3-156z"/>
-          </g>
+					</g>
-          <path id="path8961" d="M596.6 101H593v3.6h3.6zm-3.7 0h3.7v3.7H593z" fill="#171714"/>
+					<g id="g8957" transform="translate(596.5 103)">
-          <g transform="translate(596.5 103.7)" id="g8963">
+						<path id="path8959" class="st20" d="M1.8-148.6c0-0.8,0-1.1-0.8-1.9c0-0.8-1.1-1.5-2.3-1.5l-1.5,0.4c-0.5-0.3-1-0.4-1.5-0.4
-            <path id="path8965" d="M0 0v-.2.2m0 0v-.2.1m0 0zm0 0z" fill="#171714"/>
+							h-1.5c-0.5-0.1-1-0.1-1.5,0h-2.3c-0.8,0-1.1,0.4-1.5,1.1c0,1.5,0.8,2.6,1.5,3.8c0,0.8,0.8,0.8,1.5,0.8H0l1.9-0.4V-148.6
-          </g>
+							 M-11.4-156.2H2.2v13.6h-13.6V-156.2z"/>
-          <g transform="translate(596 103.2)" id="g8967">
+					</g>
-            <path id="path8969" d="M0 0a3 3 0 0 0-.2-.6h-.1c0 .2 0 .4.2.6H0m.3-.2L0-.6C0-.8-.2-1-.3-1c-.2 0-.3 0-.3.3l.1.4c.1.3.2.5.5.5s.3-.3.3-.5M-1 .1V0l-.3-.5.1-.1.2.2c0 .2 0 .2.2.2s.2-.1.1-.2c0-.3-.2-.5-.5-.5a.3.3 0 0 0-.3.3l.2.5c0 .2.2.4.5.4.2 0 .3 0 .3-.2 0-.1 0-.2-.2-.2h-.1v.2m-1-.5v-.2h.3c0-.2-.2-.3-.3-.3-.2 0-.3.1-.3.2 0 .3 0 .5.2.7 0 .2.2.3.4.3l.2-.1c0-.2 0-.2-.2-.2h-.1v-.1c.1 0 .2 0 .1-.2l-.3-.1m-.6-.2h.2c0-.2-.1-.3-.3-.3 0 0-.2 0-.2.2l.3.9s.1.1.2 0h.1c0-.3-.2-.5-.3-.8M0 .4C-.2.4-.3.4-.4.2l-.4.2-.4-.1-.3.1c-.2 0-.3 0-.4-.2v.1l-.3.1c-.1 0-.2 0-.3-.2-.1-.3-.3-.6-.3-1 0 0 .1-.2.3-.2l.3.1c.1 0 .2-.1.4 0h.6l.5.1.4-.2c.3 0 .5.3.6.6V0a.4.4 0 0 1-.3.4" fill="#171714"/>
+					<path id="path8961" class="st21" d="M598.7-53.2h-13.6v13.6h13.6V-53.2z M584.7-53.2h14v14h-13.6L584.7-53.2z"/>
-          </g>
+					<g id="g8963" transform="translate(596.5 103.7)">
-        </g>
+						<path id="path8965" class="st21" d="M1.8-146.7v-0.8V-146.7 M1.8-146.7v-0.8v0.4V-146.7z"/>
-      </g>
+					</g>
-      <g id="g8971" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
+					<g id="g8967" transform="translate(596 103.2)">
-        <g clip-path="url(#clipPath8977)" id="g8973">
+						<path id="path8969" class="st21" d="M0.5-148.1c-0.2-0.8-0.4-1.5-0.8-2.3h-0.4c0,0.8,0,1.5,0.8,2.3H0.5 M1.6-148.8l-1.1-1.5
-          <g transform="translate(578 103)" id="g8979">
+							c0-0.8-0.8-1.5-1.1-1.5c-0.8,0-1.1,0-1.1,1.1l0.4,1.5c0.4,1.1,0.8,1.9,1.9,1.9s1.1-1.1,1.1-1.9 M-3.3-147.7v-0.4l-1.1-1.9
-            <path id="path8981" d="M0 0v-.3h-.6l-.1-.1v-.4H0v-.4h-1l-.2.2h-.3l-.1-.1v-.6H.7V.5h-2.3v-.6h.5V0H0z" fill="#f2f2f2"/>
+							l0.4-0.4l0.8,0.8c0,0.8,0,0.8,0.8,0.8s0.8-0.4,0.4-0.8c0-1.1-0.8-1.9-1.9-1.9c-0.6,0-1.1,0.5-1.1,1.1l0,0l0.8,1.9
-          </g>
+							c0,0.8,0.8,1.5,1.9,1.5c0.8,0,1.1,0,1.1-0.8c0-0.4,0-0.8-0.8-0.8h-0.4v0.8 M-6.4-149.6v-0.8h1.1c0-0.8-0.8-1.1-1.1-1.1
-          <g transform="translate(576 103.6)" id="g8983">
+							c-0.8,0-1.1,0.4-1.1,0.8c0,1.1,0,1.9,0.8,2.6c0,0.8,0.8,1.1,1.5,1.1l0.8-0.4c0-0.8,0-0.8-0.8-0.8h-0.4v-0.4
-            <path id="path8985" d="M0 0h-.5l-.1-.1-.6-1.3L-2-.1V0h-.5s-.1 0 0-.1l.9-2 .2-.1h.5l1 2L0 0" fill="#f2f2f2"/>
+							c0.4,0,0.8,0,0.4-0.8L-6.4-149.6 M-8.6-150.4h0.8c0-0.8-0.4-1.1-1.1-1.1c0,0-0.8,0-0.8,0.8l1.1,3.4c0,0,0.4,0.4,0.8,0h0.4
-          </g>
+							C-7.5-148.5-8.2-149.2-8.6-150.4 M0.5-146.6c-0.8,0-1.1,0-1.5-0.8l-1.5,0.8l-1.5-0.4l-1.1,0.4c-0.8,0-1.1,0-1.5-0.8v0.4
-          <g transform="translate(573 102.8)" id="g8987">
+							l-1.1,0.4c-0.4,0-0.8,0-1.1-0.8c-0.4-1.1-1.1-2.3-1.1-3.8c0,0,0.4-0.8,1.1-0.8l1.1,0.4c0.4,0,0.8-0.4,1.5,0h2.3l1.9,0.4
-            <path id="path8989" d="M0 0h.1v-.4L0-.5h-1.5v-.3H0L.1-1v-.4h-2.2v2l.1.2H.1V.4h-1.6V0z" fill="#f2f2f2"/>
+							l1.5-0.8c1.1,0,1.9,1.1,2.3,2.3v1.5C1.6-147.4,1.1-146.8,0.5-146.6"/>
-          </g>
+					</g>
-          <g transform="translate(583.5 136.6)" id="g8991">
+				</g>
-            <path id="path8993" d="M0 0l-.8 1.3-1.4-2.9 4-1c-.5.5-.5.7-.9 1.3.5.1 1 .4 1.4.7.8.4 1.5 1 2 1.9a4 4 0 0 1-.6 3.6c-.4 0-.8 0-1.3-.2C3.5 3 3.5 1 0 0" fill="#303030"/>
+			</g>
-          </g>
+		</g>
-          <g transform="translate(583.1 141.4)" id="g8995">
+		<g id="g8971" transform="matrix(.35278 0 0 -.35278 -129 330.1)">
-            <path id="path8997" d="M0 0l.8-1.2 1.4 2.8-3.8 1 .7-1.3-1.3-.7a4.5 4.5 0 0 1-2-2c-.4-1-.2-2.4.5-3.4.4 0 .8 0 1.2.2C-3.3-3-3.3-1 0 0" fill="#303030"/>
+			<g>
-          </g>
+				<defs>
-        </g>
+					<rect id="SVGID_13_" x="14.3" y="967.1" width="1822.3" height="1528.7"/>
-      </g>
+				</defs>
-    </g>
+				<clipPath id="SVGID_14_">
-  </g>
+					<use xlink:href="#SVGID_13_"  style="overflow:visible;"/>
+				</clipPath>
+				<g id="g8973" class="st22">
+					<g id="g8979" transform="translate(578 103)">
+						<path id="path8981" class="st2" d="M-49.6-148.6v-1.1h-2.3l-0.4-0.4v-1.5h2.6v-1.5h-3.8l-0.8,0.8h-1.1l-0.4-0.4v-2.3h8.7v8.3
+							h-8.7v-2.3h1.9v0.4H-49.6z"/>
+					</g>
+					<g id="g8983" transform="translate(576 103.6)">
+						<path id="path8985" class="st2" d="M-55.2-147h-1.9l-0.4-0.4l-2.3-4.9l-3,4.9v0.4h-1.9c0,0-0.4,0,0-0.4l3.4-7.6l0.8-0.4h1.9
+							l3.8,7.6L-55.2-147"/>
+					</g>
+					<g id="g8987" transform="translate(573 102.8)">
+						<path id="path8989" class="st2" d="M-63.5-149.2h0.4v-1.5l-0.4-0.4h-5.7v-1.1h5.7l0.4-0.8v-1.5h-8.3v7.6l0.4,0.8h7.9v-1.5
+							h-6.1v-1.5H-63.5z"/>
+					</g>
+					<g id="g8991" transform="translate(583.5 136.6)">
+						<path id="path8993" class="st23" d="M-34.3-55.2l-3,4.9l-5.3-11l15.1-3.8c-1.9,1.9-1.9,2.6-3.4,4.9c1.9,0.4,3.8,1.5,5.3,2.6
+							c3,1.5,5.7,3.8,7.6,7.2c1.5,4.6,0.6,9.7-2.3,13.6c-1.5,0-3,0-4.9-0.8C-21.1-43.8-21.1-51.4-34.3-55.2"/>
+					</g>
+					<g id="g8995" transform="translate(583.1 141.4)">
+						<path id="path8997" class="st23" d="M-35.4-41.8l3-4.5l5.3,10.6L-41.5-32l2.6-4.9l-4.9-2.6c-3.3-1.6-5.9-4.3-7.6-7.6
+							c-1.5-3.8-0.8-9.1,1.9-12.9c1.5,0,3,0,4.5,0.8C-47.9-53.2-47.9-45.6-35.4-41.8"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
 </svg>

docs/static/icons/browserconfig.xml

@@ -3,7 +3,7 @@
     <msapplication>
         <tile>
             <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#da532c</TileColor>
+            <TileColor>#33adcb</TileColor>
         </tile>
     </msapplication>
 </browserconfig>

docs/static/icons/safari-pinned-tab.svg

@@ -2,14 +2,60 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="904.000000pt" height="904.000000pt" viewBox="0 0 904.000000 904.000000"
+ width="326.000000pt" height="326.000000pt" viewBox="0 0 326.000000 326.000000"
  preserveAspectRatio="xMidYMid meet">
 <metadata>
 Created by potrace 1.11, written by Peter Selinger 2001-2013
 </metadata>
-<g transform="translate(0.000000,904.000000) scale(0.100000,-0.100000)"
+<g transform="translate(0.000000,326.000000) scale(0.100000,-0.100000)"
 fill="#000000" stroke="none">
-<path d="M0 4520 l0 -4510 4520 0 4520 0 0 4510 0 4510 -4520 0 -4520 0 0
+<path d="M1535 3046 c-5 -2 -35 -9 -65 -16 -30 -7 -69 -23 -85 -36 -38 -30
--4510z"/>
+-29 -49 37 -81 131 -64 395 -46 468 32 l22 23 -39 26 c-53 35 -134 53 -239 54
+-49 1 -93 -1 -99 -2z"/>
+<path d="M1122 2799 l-64 -30 56 -41 c74 -54 87 -92 93 -269 5 -129 4 -139
+-20 -190 -97 -213 -600 -265 -788 -82 -38 37 -49 55 -58 101 -6 30 -11 75 -11
+98 0 24 -4 45 -9 48 -8 5 -228 -88 -243 -102 -3 -4 78 -58 180 -121 295 -181
+588 -360 987 -606 204 -125 375 -228 381 -228 6 0 154 87 330 193 175 107 330
+200 344 208 14 7 165 98 335 202 171 103 365 221 432 262 67 40 119 76 115 79
+-18 18 -236 109 -242 102 -4 -4 -10 -37 -13 -73 -10 -105 -22 -134 -79 -184
+-29 -25 -57 -46 -64 -46 -7 0 -33 -9 -58 -20 -39 -16 -128 -31 -201 -34 -62
+-2 -186 18 -248 41 -106 38 -171 87 -204 152 -24 48 -27 63 -24 145 6 224 14
+253 93 316 l57 45 -71 33 c-39 17 -74 32 -78 32 -5 0 -8 -19 -7 -43 2 -78 -21
+-134 -72 -177 -153 -132 -500 -137 -674 -9 -39 28 -50 44 -65 93 -11 33 -19
+77 -18 98 2 47 -6 47 -92 7z m729 -454 c163 -53 253 -149 252 -270 -1 -268
+-14 -325 -95 -396 -38 -33 -77 -55 -138 -78 -74 -26 -203 -49 -250 -44 -8 1
+-46 5 -85 8 -105 10 -220 56 -288 117 -74 66 -87 106 -92 293 -4 128 -2 145
+18 195 29 69 110 135 212 170 92 31 138 37 271 35 90 -2 127 -8 195 -30z"/>
+<path d="M1619 2246 c-2 -2 -33 -7 -69 -10 -91 -10 -176 -43 -222 -87 -46 -43
+-45 -64 3 -115 27 -28 112 -66 179 -79 36 -8 188 -8 230 -1 120 20 220 82 220
+137 0 65 -118 130 -260 145 -36 3 -68 8 -71 10 -3 2 -8 2 -10 0z"/>
+<path d="M1297 1873 c-3 -2 -1 -18 5 -35 68 -194 612 -185 653 11 7 31 5 33
+-11 26 -193 -80 -377 -88 -561 -25 -45 16 -84 26 -86 23z"/>
+<path d="M1350 2775 c0 -68 96 -119 240 -128 144 -9 288 34 309 94 13 39 -1
+45 -59 24 -112 -40 -311 -38 -432 4 -47 16 -58 17 -58 6z"/>
+<path d="M680 2674 c-99 -19 -210 -72 -223 -108 -10 -25 31 -64 91 -87 75 -28
+256 -35 335 -13 107 32 177 77 177 115 0 22 -42 53 -101 74 -44 16 -229 28
+-279 19z"/>
+<path d="M2448 2675 c-2 -2 -30 -5 -63 -8 -99 -8 -184 -54 -185 -99 0 -26 74
+-75 149 -99 96 -30 262 -31 352 0 66 21 90 39 102 73 16 46 -149 121 -285 131
+-37 2 -69 3 -70 2z"/>
+<path d="M1050 2380 c-34 -19 -149 -52 -200 -58 -121 -14 -268 -4 -332 23 -48
+19 -48 19 -48 -9 0 -35 37 -71 101 -97 45 -18 74 -22 174 -22 101 -1 130 3
+185 23 78 28 125 61 138 99 12 33 3 53 -18 41z"/>
+<path d="M2184 2363 c2 -16 7 -36 11 -45 13 -32 112 -84 200 -104 11 -3 65 -5
+120 -6 154 -1 253 41 271 116 6 26 5 28 -12 22 -87 -34 -252 -48 -364 -32 -51
+8 -161 42 -202 63 -27 13 -28 13 -24 -14z"/>
+<path d="M11 2146 c4 -31 10 -88 14 -128 4 -40 9 -80 10 -89 2 -9 6 -40 10
+-70 6 -55 32 -266 40 -329 5 -36 11 -93 20 -177 3 -27 8 -65 11 -85 5 -35 28
+-53 716 -553 391 -284 712 -514 715 -512 2 3 6 237 7 521 2 369 0 520 -8 530
+-9 11 -465 295 -576 358 -19 11 -47 29 -62 39 -14 11 -31 19 -37 19 -6 0 -11
+4 -11 8 0 5 -12 14 -27 21 -14 7 -49 27 -77 45 -52 34 -467 288 -515 316 -14
+8 -68 41 -120 73 -126 79 -119 78 -110 13z"/>
+<path d="M2816 1930 c-236 -143 -431 -260 -433 -260 -3 0 -17 -8 -31 -19 -15
+-10 -166 -103 -337 -206 -170 -103 -313 -191 -316 -196 -7 -13 -12 -1049 -4
+-1049 4 0 382 267 500 354 11 8 135 96 275 196 140 100 262 186 270 193 8 7
+94 68 190 136 96 68 180 128 187 135 10 9 28 108 38 214 2 18 6 45 9 60 3 15
+8 52 11 82 4 30 11 87 16 125 5 39 12 88 15 110 2 22 7 56 9 76 3 20 8 56 10
+80 3 24 7 60 10 79 10 67 17 150 14 150 -2 0 -197 -117 -433 -260z"/>
 </g>
 </svg>

docs/static/icons/site.webmanifest

@@ -1,6 +1,6 @@
 {
-    "name": "",
+    "name": "MakeCode for EV3",
-    "short_name": "",
+    "short_name": "MakeCode for EV3",
     "icons": [
         {
             "src": "/android-chrome-192x192.png",
@@ -8,12 +8,14 @@
             "type": "image/png"
         },
         {
-            "src": "/android-chrome-512x512.png",
+            "src": "/android-chrome-256x256.png",
-            "sizes": "512x512",
+            "sizes": "256x256",
             "type": "image/png"
         }
     ],
-    "theme_color": "#ffffff",
+    "theme_color": "#ff0000",
-    "background_color": "#ffffff",
+    "background_color": "#ff0000",
-    "display": "standalone"
+    "start_url": "makecode.mindstorms.com",
+    "display": "standalone",
+    "orientation": "portrait"
 }

docs/tutorials/line-following.md

@@ -1,6 +1,6 @@
 # Line Following
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 Make a program to follow a line using the Color sensor and reflected light. Let's test reflected light to see if it's white or black (on the line), and drive our robot accordingly. 
 
@@ -90,7 +90,7 @@ forever(function () {
 })
 ```
 
-# Step 7
+## Step 7
 
 In the second ``||motors:tank large motors||`` block in the ``||logic:else||`` clause, change the speed values of the motors from ``50%``, ``50%`` to ``15%``, ``5%``.  This slows down the robot, and steers it to the right (because the **B** motor is driving faster than the **C** motor).
 

docs/tutorials/make-an-animation.md

@@ -1,6 +1,6 @@
 # Make a custom animation
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 Create a custom animation for your @boardname@.
  
@@ -10,7 +10,7 @@ Create a custom animation for your @boardname@.
 
 Open the ``||brick:Brick||`` Toolbox drawer. Drag out a ``||brick:show string||`` block onto the Workspace, and drop it into the ``||loops:on Start||`` block. You should hear and see the block click into place.
 
-```block
+```blocks
 brick.showString("Hello world", 1) 
 ```
 

docs/tutorials/music-brick.md

@@ -1,6 +1,6 @@
 # Music Brick
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 Transform your @boardname@ into a musical instrument!
 

docs/tutorials/object-near.md

@@ -1,10 +1,10 @@
 # Object Near?
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 The digital Ultrasonic Sensor generates sound waves and reads their echoes to detect and measure distance from objects in centimeters. Build a program that will detect when an object is nearby.
 
-![Simualtor with brick and ultrasonic sensor](/static/tutorials/object-near/ultrasonic-near.gif)
+![Simulator with brick and ultrasonic sensor](/static/tutorials/object-near/ultrasonic-near.gif)
 
 ## Step 1
 

docs/tutorials/redlight-greenlight.md

@@ -1,6 +1,6 @@
 # Red Light, Green Light
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 Use the ``||sensors:pause color sensor||`` block to play Red Light, Green Light with your @boardname@ robot! 
 

docs/tutorials/run-motors.md

@@ -1,6 +1,6 @@
 # Run motors
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 Use the buttons to start and stop the large and medium motors.
  
@@ -66,8 +66,7 @@ brick.buttonDown.onEvent(ButtonEvent.Pressed, function () {
 
 ## Step 5
 
-Now, let’s add a Medium motor, and tell it how many rotations we want it to run for. 
+Now, let’s add a Medium motor, and tell it how many rotations we want it to run for. Open the ``||brick:Brick||`` Toolbox drawer. Drag out **2** ``|brick:on button||`` blocks. In the ``||brick:on button||`` blocks, use the drop-down menu to select the ``left`` and ``right`` buttons.
-Open the ``||brick:Brick||`` Toolbox drawer. Drag out **2** ``|brick:on button||`` blocks. In the ``||brick:on button||`` blocks, use the drop-down menu to select the ``left`` and ``right`` buttons.
 
 ```blocks
 brick.buttonUp.onEvent(ButtonEvent.Pressed, function () {
@@ -105,9 +104,11 @@ brick.buttonRight.onEvent(ButtonEvent.Pressed, function () {
 
 ## Step 7
 
-For the ``||motors:run||`` blocks that are in the ``||brick:on button left||`` and ``||brick:on button right||`` blocks, use the drop-down menu to select ``medium motor D``. 
+For the ``||motors:run||`` blocks that are in the ``||brick:on button left||`` and ``||brick:on button right||`` blocks, use the drop-down menu to select a ``medium motor`` on port ``D``. 
- 
+
-![Select motor on a port dropdown](/static/tutorials/run-motors/run-motor-dropdown.png)
+| | | |
+|-|-|-|
+| ![Select a motor type dropdown](/static/tutorials/run-motors/run-motor-dropdown.png) | | | ![Select a motor port dropdown](/static/tutorials/run-motors/motor-port-dropdown.png) |
 
 ```blocks
 brick.buttonUp.onEvent(ButtonEvent.Pressed, function () {
@@ -203,7 +204,7 @@ brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () {
 })
 ```
 
-# Step 12
+## Step 12
 
 Open the ``||motors:Motors||`` Toolbox drawer. Drag out a ``||motors:stop all motors||`` block onto the Workspace, and drop into the ``||brick:on button||`` enter block.
 

docs/tutorials/security-alert.md

@@ -1,6 +1,6 @@
 # Security Alert
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 The Infrared Sensor uses infrared light waves to detect proximity to the robot. Build an security alert using the infrared sensor. 
  

docs/tutorials/touch-sensor-values.md

@@ -1,6 +1,6 @@
 # Using Touch Sensor Values
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 Use the Touch sensor value to stop a running motor.
 

docs/tutorials/touch-to-run.md

@@ -1,6 +1,6 @@
 # Touch to Run
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 Use the Touch sensor to run a motor.
 

docs/tutorials/wake-up.md

@@ -1,6 +1,6 @@
 # Wake Up!
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 Show different moods on your @boardname@.
 

docs/tutorials/what-animal-am-i.md

@@ -1,6 +1,6 @@
 # What Animal Am I?
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 Create different animal effects with your @boardname@.
 
@@ -10,7 +10,7 @@ Create different animal effects with your @boardname@.
 
 Open the ``||brick:Brick||`` Toolbox drawer. Drag out a ``||brick:show string||`` block from the **Screen** section onto the Workspace, and drop it into the ``||loops:on start||`` block. You should hear and see the block click into place.
 
-```block
+```blocks
 brick.showString("Hello world", 1)
 ```
 

docs/tutorials/what-color.md

@@ -1,6 +1,6 @@
 # What Color is it?
 
-## Introduction @fullscreen
+## Introduction @unplugged
 
 Use the Color sensor to detect different colors.
 
@@ -111,7 +111,7 @@ brick.showString("What color?", 1)
 
 ## Step 8
 
-In the ``||music::play sound effect||`` blocks, use the drop-down menu to select the ``colors red``, ``colors green``, and ``colors yellow`` sound effects corresponding to the different colors detected. 
+In the ``||music:play sound effect||`` blocks, use the drop-down menu to select the ``colors red``, ``colors green``, and ``colors yellow`` sound effects corresponding to the different colors detected. 
 
 ```blocks
 sensors.color3.onColorDetected(ColorSensorColor.Red, function () {

editor/extension.ts

@@ -25,41 +25,55 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P
             const saveAs = pxt.BrowserUtils.hasSaveAs();
 
             const htmlBody = `
-            <div class="ui two column grid stackable">
+            <div class="ui grid stackable">
-                <div class="column">
+                <div class="column five wide" style="background-color: #E2E2E2;">
-                    <div class="ui">
+                    <div class="ui header">${lf("First time here?")}</div>
-                        <div class="image">
+                    <strong style="font-size:small">${lf("You must have version 1.10 or above of the firmware")}</strong>
-                            <img class="ui medium rounded image" src="./static/download/connect.svg" style="height:109px;width:261px;margin-bottom:1rem;">
+                    <div style="justify-content: center;display: flex;padding: 1rem;">
-                        </div>
+                        <img class="ui image" src="./static/download/firmware.png" style="height:100px;" />
-                        <div class="content">
+                    </div>
-                            <div class="description">
+                    <a href="/troubleshoot" target="_blank">${lf("Check your firmware version here and update if needed")}</a>
-                                <span class="ui blue circular label">1</span>
+                </div>
-                                <strong>${lf("Connect the EV3 brick to your computer with a USB cable.")}</strong>
+                <div class="column eleven wide">
+                    <div class="ui grid">
+                        <div class="row">
+                            <div class="column">
+                                <div class="ui two column grid padded">
+                                    <div class="column">
+                                        <div class="ui">
+                                            <div class="image">
+                                                <img class="ui medium rounded image" src="./static/download/connect.svg" style="height:109px;width:261px;margin-bottom:1rem;" />
+                                            </div>
+                                            <div class="content">
+                                                <div class="description">
+                                                    <span class="ui yellow circular label">1</span>
+                                                    <strong>${lf("Connect the EV3 to your computer with a USB cable")}</strong>
+                                                    <br />
+                                                    <span style="font-size:small">${lf("Use the miniUSB port on the top of the EV3 brick")}</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="column">
+                                        <div class="ui">
+                                            <div class="image">
+                                                <img class="ui medium rounded image" src="./static/download/transfer.svg" style="height:109px;width:261px;margin-bottom:1rem;" />
+                                            </div>
+                                            <div class="content">
+                                                <div class="description">
+                                                    <span class="ui yellow circular label">2</span>
+                                                    <strong>${lf("Move the .uf2 file to the EV3 brick")}</strong>
+                                                    <br />
+                                                    <span style="font-size:small">${lf("Locate the downloaded .uf2 file and drag it to the EV3 USB drive")}</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
-                <div class="column">
-                    <div class="ui">
-                        <div class="image">
-                            <img class="ui medium rounded image" src="./static/download/transfer.svg" style="height:109px;width:261px;margin-bottom:1rem;">
-                        </div>
-                        <div class="content">
-                            <div class="description">
-                                <span class="ui blue circular label">2</span>
-                                ${lf("Locate the downloaded .uf2 file and drag it to the EV3 drive")}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="ui one column grid">
-                <div class="column">
-                    <a href="/troubleshoot" target="_blank" class="ui segment container" style="background:#ffdb90">
-                        <i class="icon exclamation circle large" aria-hidden="true"></i>
-                        ${lf("Did you prepare your EV3 brick for MakeCode?")}
-                    </a>
-                </div>
             </div>`;
 
             return confirmAsync({
@@ -69,6 +83,7 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P
                 hideCancel: true,
                 hideAgree: false,
                 agreeLbl: lf("I got it"),
+                className: 'downloaddialog',
                 buttons: [downloadAgain ? {
                     label: fn,
                     icon: "download",

jenkins.groovy

@@ -24,6 +24,7 @@ def projectName = "pxt-ev3"
                 credentialsBinding {
                     string("PXT_ACCESS_TOKEN", "pxt_access_token")
                     string("PXT_RELEASE_REPO", "pxt_release_repo_ev3")
+                    string("CROWDIN_KEY", "pxt_crowdin_key")
                 }
             }
         }

jenkins.sh

@@ -13,7 +13,7 @@ echo isPR: $1
 
 originRegex="^origin/.*"
 branchRegex="^origin/\K.*(?=$)"
-releaseBranchRegex="^(master|v\d+)$"
+releaseBranchRegex="^(master|stable|v\d+)$"
 
 if [[ "$GIT_BRANCH" =~ $originRegex ]]; then
     branchName=$(echo ${GIT_BRANCH} | grep -oP $branchRegex)

libs/music/music.cpp

@@ -164,7 +164,7 @@ void playTone(int frequency, int ms) {
 }
 
 /**
-* Play a tone through the speaker for some amount of time.
+* Stop all sounds.
 */
 //% help=music/stop-all-sounds
 //% blockId=music_stop_all_sounds block="stop all sounds"

libs/music/shims.d.ts

@@ -26,7 +26,7 @@ declare namespace music {
     function playTone(frequency: int32, ms: int32): void;
 
     /**
-     * Play a tone through the speaker for some amount of time.
+     * Stop all sounds.
      */
     //% help=music/stop-all-sounds
     //% blockId=music_stop_all_sounds block="stop all sounds"

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "pxt-ev3",
-  "version": "0.1.44",
+  "version": "0.2.3",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pxt-ev3",
-  "version": "0.1.44",
+  "version": "0.2.3",
   "description": "LEGO MINDSTORMS EV3 for Microsoft MakeCode",
   "private": true,
   "keywords": [
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "pxt-common-packages": "0.22.7",
-    "pxt-core": "3.12.21"
+    "pxt-core": "3.13.30"
   },
   "scripts": {
     "test": "node node_modules/pxt-core/built/pxt.js travis"

pxtarget.json

@@ -98,6 +98,8 @@
         "betaUrl": "https://makecode.legoeducation.com/about",
         "driveDisplayName": "EV3",
         "boardName": "LEGO® MINDSTORMS® Education EV3",
+        "copyrightText": "LEGO, the LEGO logo, MINDSTORMS and the MINDSTORMS EV3 logo are trademarks and/ or copyrights of the LEGO Group. ©2018 The LEGO Group. All rights reserved.",
+        "crowdinProject": "kindscript",
         "selectLanguage": true,
         "availableLocales": [
             "en"
@@ -106,7 +108,7 @@
         "docMenu": [
             {
                 "name": "Support",
-                "path": "http://service.lego.com"
+                "path": "https://www.lego.com/service/"
             },
             {
                 "name": "Troubleshoot",
@@ -169,7 +171,8 @@
         },
         "monacoColors": {
             "editor.background": "#f9f9f9"
-        }
+        },
+        "fileNameExclusiveFilter": "[^a-zA-Z]"
     },
     "ignoreDocsErrors": true
 }

targetconfig.json

@@ -15,6 +15,6 @@
         "Maker": "maker"
     },
     "electronManifest": {
-        "latest": "v0.1.40"
+        "latest": "v0.1.56"
     }
 }

theme/style.less

@@ -111,9 +111,11 @@
 }
 
 /* Editor download dialog */
-.ui.button.troubleshoot {
+.ui.downloaddialog.modal>.content {
-    background: none !important;
+    padding: 1rem;
-    color: @blue;
+}
+.ui.downloaddialog.modal>.actions {
+    background-color: #FAFAFA;
 }
 
 /* Tutorial */