@robotical/martyblocksjr 4.1.2 → 4.2.1

package/editions/free/src/assets/blockicons/microbittiltright.svg

@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="76" height="66" viewBox="0 0 85 66">
+  <g transform="translate(42.5 33) rotate(10) translate(-42.5 -33)">
+    <rect x="27" y="18" width="31" height="27" rx="3" fill="#231f20" opacity="0.16"/>
+    <rect x="26" y="17" width="31" height="27" rx="3" fill="#414757"/>
+    <path d="M26 25v-5c0-1.65 1.35-3 3-3h5z" fill="#4c97ff"/>
+    <path d="M49 17h5c1.65 0 3 1.35 3 3v5z" fill="#4c97ff"/>
+    <path d="M26 37l6 7h-3c-1.65 0-3-1.35-3-3z" fill="#4c97ff"/>
+    <path d="M57 37v4c0 1.65-1.35 3-3 3h-3z" fill="#4c97ff"/>
+    <rect x="30.5" y="27" width="5" height="5" rx="0.8" fill="#e6e7e8" stroke="#7c87a5" stroke-width="0.75"/>
+    <rect x="49.5" y="27" width="5" height="5" rx="0.8" fill="#e6e7e8" stroke="#7c87a5" stroke-width="0.75"/>
+    <circle cx="33" cy="29.5" r="1.05" fill="#414757"/>
+    <circle cx="52" cy="29.5" r="1.05" fill="#414757"/>
+    <g fill="#e6e7e8">
+      <rect x="38" y="25" width="1.8" height="1.8" rx="0.25"/>
+      <rect x="42" y="25" width="1.8" height="1.8" rx="0.25"/>
+      <rect x="46" y="25" width="1.8" height="1.8" rx="0.25"/>
+      <rect x="38" y="29" width="1.8" height="1.8" rx="0.25"/>
+      <rect x="42" y="29" width="1.8" height="1.8" rx="0.25"/>
+      <rect x="46" y="29" width="1.8" height="1.8" rx="0.25"/>
+      <rect x="38" y="33" width="1.8" height="1.8" rx="0.25"/>
+      <rect x="42" y="33" width="1.8" height="1.8" rx="0.25"/>
+      <rect x="46" y="33" width="1.8" height="1.8" rx="0.25"/>
+    </g>
+    <g fill="#ffbf00">
+      <rect x="28" y="41" width="2.5" height="4.5"/>
+      <rect x="32" y="41" width="2.5" height="4.5"/>
+      <rect x="36" y="41" width="2.5" height="4.5"/>
+      <rect x="40" y="41" width="2.5" height="4.5"/>
+      <rect x="44" y="41" width="2.5" height="4.5"/>
+      <rect x="48" y="41" width="2.5" height="4.5"/>
+      <rect x="52" y="41" width="2.5" height="4.5"/>
+    </g>
+    <path d="M39 21h7" stroke="#4c97ff" stroke-width="1.8" stroke-linecap="round"/>
+    <circle cx="40.2" cy="21" r="0.8" fill="#e6e7e8"/>
+    <circle cx="44.8" cy="21" r="0.8" fill="#e6e7e8"/>
+  </g>
+  <path d="M66.5 27L72.5 33L66.5 39" fill="none" stroke="#898345" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M66.5 27L72.5 33L66.5 39" fill="none" stroke="#34332b" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/editions/free/src/assets/categories/MicroBitLooksOff.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="17.99mm" height="20.11mm" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 51 57"><defs><linearGradient id="linear-gradient" x1="25.4" y1="1146.28" x2="25.4" y2="1101.28" gradientTransform="translate(0 -1091.28)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#000" stop-opacity=".5"/><stop offset=".09" stop-color="#000" stop-opacity=".46"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient><linearGradient id="linear-gradient-2" y1="1147.87" y2="1103.3" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-3" x1="25.56" y1="1646.85" x2="25.56" y2="1679.15" gradientTransform="translate(0 -1645.28)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".5"/><stop offset=".5" stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><g id="Layer_2"><path d="M47.9,47.5c0,4.12-3.38,7.5-7.5,7.5H10.4c-4.12,0-7.5-3.38-7.5-7.5v-30c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v30Z" style="fill:url(#linear-gradient); isolation:isolate; opacity:.5;"/><path d="M47.9,46.5c0,4.12-3.38,7.5-7.5,7.5H10.4c-4.12,0-7.5-3.38-7.5-7.5v-30c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v30Z" style="fill:#c9bf8b;"/><path d="M47.9,48.5c0,4.12-3.38,7.5-7.5,7.5H10.4c-4.12,0-7.5-3.38-7.5-7.5v-30c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v30Z" style="fill:url(#linear-gradient-2); isolation:isolate; opacity:.5;"/><path d="M48.01,46.5c0,4.12-3.38,7.5-7.5,7.5H10.51c-4.12,0-7.5-3.38-7.5-7.5v-30c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v30Z" style="fill:#a86aad;"/><path d="M10.51,53.5c-3.86,0-7-3.14-7-7v-30c0-3.86,3.14-7,7-7h30c3.86,0,7,3.14,7,7v30c0,3.86-3.14,7-7,7H10.51Z" style="fill:#a86aad;"/><path d="M48.01,36.5c0,4.12-3.38,7.5-7.5,7.5H10.51c-4.12,0-7.5-3.38-7.5-7.5V8.5c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v28Z" style="fill:#a86aad;"/><path d="M40.51,1.5H10.51c-3.86,0-7,3.14-7,7v30c0,3.86,3.14,7,7,7h30c3.86,0,7-3.14,7-7V8.5c0-3.86-3.14-7-7-7ZM47.01,38.5c0,3.58-2.92,6.5-6.5,6.5H10.51c-3.59,0-6.5-2.91-6.5-6.5V8.5c0-3.58,2.92-6.5,6.5-6.5h30c3.58,0,6.5,2.92,6.5,6.5v30Z" style="fill:#c5b4d8;"/><path d="M40.51,1.5H10.51c-3.86,0-7,3.14-7,7v30c0,3.86,3.14,7,7,7h30c3.86,0,7-3.14,7-7V8.5c0-3.86-3.14-7-7-7ZM47.01,38.5c0,3.58-2.92,6.5-6.5,6.5H10.51c-3.59,0-6.5-2.91-6.5-6.5V8.5c0-3.58,2.92-6.5,6.5-6.5h30c3.58,0,6.5,2.92,6.5,6.5v30Z" style="fill:#fff; isolation:isolate; opacity:.3;"/><path d="M40.51,2H10.51c-3.59,0-6.5,2.91-6.5,6.5v30c0,3.58,2.92,6.5,6.5,6.5h30c3.58,0,6.5-2.92,6.5-6.5V8.5c0-3.58-2.92-6.5-6.5-6.5Z" style="fill:#f7ec9f;"/><path d="M40.51,2H10.51c-3.59,0-6.5,2.91-6.5,6.5v30c0,3.58,2.92,6.5,6.5,6.5h30c3.58,0,6.5-2.92,6.5-6.5V8.5c0-3.58-2.92-6.5-6.5-6.5Z" style="fill:#cd7cd1;"/><path d="M4.06,38.5c0,3.58,2.92,6.5,6.5,6.5h30c3.58,0,6.5-2.92,6.5-6.5V8.5c0-3.58-2.92-6.5-6.5-6.5H10.56c-3.59,0-6.5,2.91-6.5,6.5v30Z" style="fill:url(#linear-gradient-3);"/></g><g id="Layer_1"><path d="M36.25,18.54l-1.41-3.82-3.82-1.41,3.82-1.41,1.41-3.82,1.41,3.82,3.82,1.41-3.82,1.41-1.41,3.82ZM33.01,13.31l2.37.88.88,2.37.88-2.37,2.37-.88-2.37-.88-.88-2.37-.88,2.37-2.37.88Z" style="fill:#a86aad;"/><rect x="39.97" y="8.37" width="1.74" height=".69" transform="translate(5.8 31.43) rotate(-45)" style="fill:#a86aad;"/><path d="M40.22,10.14c-.22,0-.42-.08-.57-.24-.15-.15-.24-.35-.24-.57s.08-.42.24-.57l1.23-1.23c.31-.31.83-.31,1.14,0,.15.15.24.35.24.57s-.08.42-.24.57l-1.23,1.23c-.15.15-.35.24-.57.24ZM41.45,7.99s-.06.01-.08.03l-1.23,1.23s-.03.06-.03.08,0,.05.03.08c.06.06.1.06.16,0l1.23-1.23s.03-.06.03-.08,0-.05-.03-.08c-.02-.02-.05-.03-.08-.03Z" style="fill:#a86aad;"/><rect x="30.79" y="17.55" width="1.74" height=".69" transform="translate(-3.38 27.63) rotate(-45)" style="fill:#a86aad;"/><path d="M31.04,19.32c-.22,0-.42-.08-.57-.24-.31-.31-.31-.82,0-1.14l1.23-1.23c.31-.31.83-.31,1.14,0s.31.82,0,1.14l-1.23,1.23c-.15.15-.35.24-.57.24ZM32.27,17.17s-.06.01-.08.03l-1.23,1.23s-.04.12,0,.16c.06.06.1.06.16,0l1.23-1.23s.04-.12,0-.16c-.02-.02-.05-.03-.08-.03Z" style="fill:#a86aad;"/><rect x="31.31" y="7.85" width=".69" height="1.74" transform="translate(3.11 24.94) rotate(-45)" style="fill:#a86aad;"/><path d="M32.27,10.14c-.22,0-.42-.08-.57-.24l-1.23-1.23c-.31-.31-.31-.82,0-1.14.31-.31.83-.31,1.14,0l1.23,1.23c.31.31.31.82,0,1.14-.15.15-.35.24-.57.24ZM31.04,7.99s-.06.01-.08.03c-.04.04-.04.12,0,.16l1.23,1.23c.06.06.1.06.16,0,.04-.04.04-.12,0-.16l-1.23-1.23s-.05-.03-.08-.03Z" style="fill:#a86aad;"/><rect x="40.49" y="17.03" width=".69" height="1.74" transform="translate(-.69 34.13) rotate(-45.01)" style="fill:#a86aad;"/><path d="M41.45,19.32c-.22,0-.42-.08-.57-.24l-1.23-1.23c-.15-.15-.24-.35-.24-.57s.08-.42.24-.57c.31-.31.83-.31,1.14,0l1.23,1.23c.31.31.31.82,0,1.14-.15.15-.35.24-.57.24ZM40.22,17.17s-.06.01-.08.03c-.04.04-.04.12,0,.16l1.23,1.23c.06.06.1.06.16,0,.04-.04.04-.12,0-.16l-1.23-1.23s-.05-.03-.08-.03Z" style="fill:#a86aad;"/><polygon points="36.25 9.07 37.39 12.16 40.49 13.31 37.39 14.45 36.25 17.54 35.1 14.45 32.01 13.31 35.1 12.16 36.25 9.07" style="fill:#34332b;"/><rect x="42.77" y="12.96" width="1.74" height=".69" style="fill:#a86aad;"/><path d="M44.51,14.11h-1.74c-.44,0-.81-.36-.81-.81s.36-.81.81-.81h1.74c.44,0,.81.36.81.81s-.36.81-.81.81ZM42.77,13.19c-.06,0-.12.05-.12.12s.05.12.12.12h1.74c.06,0,.12-.05.12-.12s-.05-.12-.12-.12h-1.74Z" style="fill:#a86aad;"/><rect x="27.99" y="12.96" width="1.74" height=".69" style="fill:#a86aad;"/><path d="M29.73,14.11h-1.74c-.44,0-.81-.36-.81-.81s.36-.81.81-.81h1.74c.44,0,.81.36.81.81s-.36.81-.81.81ZM27.99,13.19c-.06,0-.12.05-.12.12s.05.12.12.12h1.74c.06,0,.12-.05.12-.12s-.05-.12-.12-.12h-1.74Z" style="fill:#a86aad;"/><line x1="42.77" y1="13.31" x2="44.51" y2="13.31" style="fill:#34332b;"/><path d="M44.51,13.77h-1.74c-.25,0-.46-.21-.46-.46s.21-.46.46-.46h1.74c.25,0,.46.21.46.46s-.21.46-.46.46Z" style="fill:#34332b;"/><line x1="27.99" y1="13.31" x2="29.73" y2="13.31" style="fill:#34332b;"/><path d="M29.73,13.77h-1.74c-.25,0-.46-.21-.46-.46s.21-.46.46-.46h1.74c.25,0,.46.21.46.46s-.21.46-.46.46Z" style="fill:#34332b;"/><rect x="35.9" y="19.82" width=".69" height="1.74" style="fill:#a86aad;"/><path d="M35.44,21.57v-1.74c0-.44.36-.81.81-.81s.81.36.81.81v1.74c0,.44-.36.81-.81.81s-.81-.36-.81-.81ZM36.36,19.82c0-.06-.05-.12-.12-.12s-.12.05-.12.12v1.74c0,.06.05.12.12.12s.12-.05.12-.12v-1.74Z" style="fill:#a86aad;"/><rect x="35.9" y="5.05" width=".69" height="1.74" style="fill:#a86aad;"/><path d="M35.44,6.79v-1.74c0-.44.36-.81.81-.81s.81.36.81.81v1.74c0,.44-.36.81-.81.81s-.81-.36-.81-.81ZM36.36,5.05c0-.06-.05-.12-.12-.12s-.12.05-.12.12v1.74c0,.06.05.12.12.12s.12-.05.12-.12v-1.74Z" style="fill:#a86aad;"/><line x1="36.25" y1="19.82" x2="36.25" y2="21.57" style="fill:#34332b;"/><path d="M35.79,21.57v-1.74c0-.25.21-.46.46-.46s.46.21.46.46v1.74c0,.25-.21.46-.46.46s-.46-.21-.46-.46Z" style="fill:#34332b;"/><line x1="36.25" y1="5.05" x2="36.25" y2="6.79" style="fill:#34332b;"/><path d="M35.79,6.79v-1.74c0-.25.21-.46.46-.46s.46.21.46.46v1.74c0,.25-.21.46-.46.46s-.46-.21-.46-.46Z" style="fill:#34332b;"/><line x1="40.22" y1="9.33" x2="41.45" y2="8.1" style="fill:#34332b;"/><path d="M40.22,9.79c-.12,0-.24-.04-.33-.13-.18-.18-.18-.47,0-.65l1.23-1.23c.18-.18.47-.18.65,0s.18.47,0,.65l-1.23,1.23c-.09.09-.21.13-.33.13Z" style="fill:#34332b;"/><line x1="31.04" y1="18.51" x2="32.27" y2="17.28" style="fill:#34332b;"/><path d="M31.04,18.97c-.12,0-.24-.04-.33-.13-.18-.18-.18-.47,0-.65l1.23-1.23c.18-.18.47-.18.65,0s.18.47,0,.65l-1.23,1.23c-.09.09-.21.13-.33.13Z" style="fill:#34332b;"/><line x1="32.27" y1="9.33" x2="31.04" y2="8.1" style="fill:#34332b;"/><path d="M32.27,9.79c-.12,0-.24-.04-.33-.13l-1.23-1.23c-.18-.18-.18-.47,0-.65s.47-.18.65,0l1.23,1.23c.18.18.18.47,0,.65-.09.09-.21.13-.33.13Z" style="fill:#34332b;"/><line x1="41.45" y1="18.51" x2="40.22" y2="17.28" style="fill:#34332b;"/><path d="M41.45,18.97c-.12,0-.24-.04-.33-.13l-1.23-1.23c-.18-.18-.18-.47,0-.65s.47-.18.65,0l1.23,1.23c.18.18.18.47,0,.65-.09.09-.21.13-.33.13Z" style="fill:#34332b;"/>  <g transform="translate(7.2 20) scale(.82) translate(-26 -17)">
+    <rect x="27" y="18" width="31" height="27" rx="3" fill="#231f20" opacity=".16"/>
+    <rect x="26" y="17" width="31" height="27" rx="3" fill="#414757"/>
+    <path d="M26 25v-5c0-1.65 1.35-3 3-3h5z" fill="#4c97ff"/>
+    <path d="M49 17h5c1.65 0 3 1.35 3 3v5z" fill="#4c97ff"/>
+    <path d="M26 37l6 7h-3c-1.65 0-3-1.35-3-3z" fill="#4c97ff"/>
+    <path d="M57 37v4c0 1.65-1.35 3-3 3h-3z" fill="#4c97ff"/>
+    <rect x="30.5" y="27" width="5" height="5" rx=".8" fill="#e6e7e8" stroke="#7c87a5" stroke-width=".75"/>
+    <rect x="49.5" y="27" width="5" height="5" rx=".8" fill="#e6e7e8" stroke="#7c87a5" stroke-width=".75"/>
+    <circle cx="33" cy="29.5" r="1.05" fill="#414757"/>
+    <circle cx="52" cy="29.5" r="1.05" fill="#414757"/>
+    <g fill="#e6e7e8"><rect x="38" y="25" width="1.8" height="1.8" rx=".25"/><rect x="42" y="25" width="1.8" height="1.8" rx=".25"/><rect x="46" y="25" width="1.8" height="1.8" rx=".25"/><rect x="38" y="29" width="1.8" height="1.8" rx=".25"/><rect x="42" y="29" width="1.8" height="1.8" rx=".25"/><rect x="46" y="29" width="1.8" height="1.8" rx=".25"/><rect x="38" y="33" width="1.8" height="1.8" rx=".25"/><rect x="42" y="33" width="1.8" height="1.8" rx=".25"/><rect x="46" y="33" width="1.8" height="1.8" rx=".25"/></g>
+    <g fill="#ffbf00"><rect x="28" y="41" width="2.5" height="4.5"/><rect x="32" y="41" width="2.5" height="4.5"/><rect x="36" y="41" width="2.5" height="4.5"/><rect x="40" y="41" width="2.5" height="4.5"/><rect x="44" y="41" width="2.5" height="4.5"/><rect x="48" y="41" width="2.5" height="4.5"/><rect x="52" y="41" width="2.5" height="4.5"/></g>
+    <path d="M39 21h7" stroke="#4c97ff" stroke-width="1.8" stroke-linecap="round"/>
+    <circle cx="40.2" cy="21" r=".8" fill="#e6e7e8"/>
+    <circle cx="44.8" cy="21" r=".8" fill="#e6e7e8"/>
+  </g></g></svg>

package/editions/free/src/assets/categories/MicroBitLooksOn.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="17.99mm" height="20.11mm" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 51 57"><defs><linearGradient id="linear-gradient" x1="25.56" y1="-551.31" x2="25.56" y2="-518.48" gradientTransform="translate(0 -496.72) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".09" stop-color="#fff" stop-opacity=".91"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><g id="Layer_2"><path d="M10.56,54.67c-4.41,0-8-3.59-8-8v-30c0-4.41,3.59-8,8-8h30c4.41,0,8,3.59,8,8v30c0,4.41-3.59,8-8,8H10.56Z" style="fill:url(#linear-gradient); isolation:isolate; opacity:.75;"/><path d="M10.56,54.67c-4.41,0-8-3.59-8-8v-30c0-4.41,3.59-8,8-8h30c4.41,0,8,3.59,8,8v30c0,4.41-3.59,8-8,8H10.56Z" style="fill:url(#linear-gradient); isolation:isolate; opacity:.75;"/><path d="M48.06,46.67c0,4.12-3.38,7.5-7.5,7.5H10.56c-4.12,0-7.5-3.38-7.5-7.5v-30c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v30Z" style="fill:#a86aad;"/><path d="M40.56,9.67H10.56c-3.86,0-7,3.14-7,7v30c0,3.86,3.14,7,7,7h30c3.86,0,7-3.14,7-7v-30c0-3.86-3.14-7-7-7Z" style="fill:#cd7cd1;"/><path d="M40.56,9.67H10.56c-3.86,0-7,3.14-7,7v30c0,3.86,3.14,7,7,7h30c3.86,0,7-3.14,7-7v-30c0-3.86-3.14-7-7-7ZM46.06,46.67c0,3.03-2.47,5.5-5.5,5.5H10.56c-3.04,0-5.5-2.46-5.5-5.5v-30c0-3.03,2.47-5.5,5.5-5.5h30c3.03,0,5.5,2.47,5.5,5.5v30Z"/><path d="M40.56,9.67H10.56c-3.86,0-7,3.14-7,7v30c0,3.86,3.14,7,7,7h30c3.86,0,7-3.14,7-7v-30c0-3.86-3.14-7-7-7ZM46.06,46.67c0,3.03-2.47,5.5-5.5,5.5H10.56c-3.04,0-5.5-2.46-5.5-5.5v-30c0-3.03,2.47-5.5,5.5-5.5h30c3.03,0,5.5,2.47,5.5,5.5v30Z" style="fill:#935996;"/></g><g id="Layer_1"><path d="M36.25,26.21l-1.41-3.82-3.82-1.41,3.82-1.41,1.41-3.82,1.41,3.82,3.82,1.41-3.82,1.41-1.41,3.82ZM33.01,20.98l2.37.88.88,2.37.88-2.37,2.37-.88-2.37-.88-.88-2.37-.88,2.37-2.37.88Z" style="fill:#a86aad;"/><rect x="39.97" y="16.04" width="1.74" height=".69" transform="translate(.37 33.68) rotate(-45)" style="fill:#a86aad;"/><path d="M40.22,17.81c-.22,0-.42-.08-.57-.24-.15-.15-.24-.35-.24-.57s.08-.42.24-.57l1.23-1.23c.31-.31.83-.31,1.14,0,.15.15.24.35.24.57s-.08.42-.24.57l-1.23,1.23c-.15.15-.35.24-.57.24ZM41.45,15.66s-.06.01-.08.03l-1.23,1.23s-.03.06-.03.08,0,.05.03.08c.06.06.1.06.16,0l1.23-1.23s.03-.06.03-.08,0-.05-.03-.08c-.02-.02-.05-.03-.08-.03Z" style="fill:#a86aad;"/><rect x="30.79" y="25.22" width="1.74" height=".69" transform="translate(-8.81 29.87) rotate(-45)" style="fill:#a86aad;"/><path d="M31.04,26.99c-.22,0-.42-.08-.57-.24-.31-.31-.31-.82,0-1.14l1.23-1.23c.31-.31.83-.31,1.14,0s.31.82,0,1.14l-1.23,1.23c-.15.15-.35.24-.57.24ZM32.27,24.84s-.06.01-.08.03l-1.23,1.23s-.04.12,0,.16c.06.06.1.06.16,0l1.23-1.23s.04-.12,0-.16c-.02-.02-.05-.03-.08-.03Z" style="fill:#a86aad;"/><rect x="31.31" y="15.52" width=".69" height="1.74" transform="translate(-2.32 27.19) rotate(-45)" style="fill:#a86aad;"/><path d="M32.27,17.81c-.22,0-.42-.08-.57-.24l-1.23-1.23c-.31-.31-.31-.82,0-1.14.31-.31.83-.31,1.14,0l1.23,1.23c.31.31.31.82,0,1.14-.15.15-.35.24-.57.24ZM31.04,15.66s-.06.01-.08.03c-.04.04-.04.12,0,.16l1.23,1.23c.06.06.1.06.16,0,.04-.04.04-.12,0-.16l-1.23-1.23s-.05-.03-.08-.03Z" style="fill:#a86aad;"/><rect x="40.49" y="24.7" width=".69" height="1.74" transform="translate(-6.12 36.37) rotate(-45.01)" style="fill:#a86aad;"/><path d="M41.45,26.99c-.22,0-.42-.08-.57-.24l-1.23-1.23c-.15-.15-.24-.35-.24-.57s.08-.42.24-.57c.31-.31.83-.31,1.14,0l1.23,1.23c.31.31.31.82,0,1.14-.15.15-.35.24-.57.24ZM40.22,24.84s-.06.01-.08.03c-.04.04-.04.12,0,.16l1.23,1.23c.06.06.1.06.16,0,.04-.04.04-.12,0-.16l-1.23-1.23s-.05-.03-.08-.03Z" style="fill:#a86aad;"/><polygon points="36.25 16.74 37.39 19.83 40.49 20.98 37.39 22.12 36.25 25.21 35.1 22.12 32.01 20.98 35.1 19.83 36.25 16.74" style="fill:#34332b;"/><rect x="42.77" y="20.63" width="1.74" height=".69" style="fill:#a86aad;"/><path d="M44.51,21.78h-1.74c-.44,0-.81-.36-.81-.81s.36-.81.81-.81h1.74c.44,0,.81.36.81.81s-.36.81-.81.81ZM42.77,20.86c-.06,0-.12.05-.12.12s.05.12.12.12h1.74c.06,0,.12-.05.12-.12s-.05-.12-.12-.12h-1.74Z" style="fill:#a86aad;"/><rect x="27.99" y="20.63" width="1.74" height=".69" style="fill:#a86aad;"/><path d="M29.73,21.78h-1.74c-.44,0-.81-.36-.81-.81s.36-.81.81-.81h1.74c.44,0,.81.36.81.81s-.36.81-.81.81ZM27.99,20.86c-.06,0-.12.05-.12.12s.05.12.12.12h1.74c.06,0,.12-.05.12-.12s-.05-.12-.12-.12h-1.74Z" style="fill:#a86aad;"/><line x1="42.77" y1="20.98" x2="44.51" y2="20.98" style="fill:#34332b;"/><path d="M44.51,21.44h-1.74c-.25,0-.46-.21-.46-.46s.21-.46.46-.46h1.74c.25,0,.46.21.46.46s-.21.46-.46.46Z" style="fill:#34332b;"/><line x1="27.99" y1="20.98" x2="29.73" y2="20.98" style="fill:#34332b;"/><path d="M29.73,21.44h-1.74c-.25,0-.46-.21-.46-.46s.21-.46.46-.46h1.74c.25,0,.46.21.46.46s-.21.46-.46.46Z" style="fill:#34332b;"/><rect x="35.9" y="27.49" width=".69" height="1.74" style="fill:#a86aad;"/><path d="M35.44,29.24v-1.74c0-.44.36-.81.81-.81s.81.36.81.81v1.74c0,.44-.36.81-.81.81s-.81-.36-.81-.81ZM36.36,27.49c0-.06-.05-.12-.12-.12s-.12.05-.12.12v1.74c0,.06.05.12.12.12s.12-.05.12-.12v-1.74Z" style="fill:#a86aad;"/><rect x="35.9" y="12.72" width=".69" height="1.74" style="fill:#a86aad;"/><path d="M35.44,14.46v-1.74c0-.44.36-.81.81-.81s.81.36.81.81v1.74c0,.44-.36.81-.81.81s-.81-.36-.81-.81ZM36.36,12.72c0-.06-.05-.12-.12-.12s-.12.05-.12.12v1.74c0,.06.05.12.12.12s.12-.05.12-.12v-1.74Z" style="fill:#a86aad;"/><line x1="36.25" y1="27.49" x2="36.25" y2="29.24" style="fill:#34332b;"/><path d="M35.79,29.24v-1.74c0-.25.21-.46.46-.46s.46.21.46.46v1.74c0,.25-.21.46-.46.46s-.46-.21-.46-.46Z" style="fill:#34332b;"/><line x1="36.25" y1="12.72" x2="36.25" y2="14.46" style="fill:#34332b;"/><path d="M35.79,14.46v-1.74c0-.25.21-.46.46-.46s.46.21.46.46v1.74c0,.25-.21.46-.46.46s-.46-.21-.46-.46Z" style="fill:#34332b;"/><line x1="40.22" y1="17" x2="41.45" y2="15.77" style="fill:#34332b;"/><path d="M40.22,17.46c-.12,0-.24-.04-.33-.13-.18-.18-.18-.47,0-.65l1.23-1.23c.18-.18.47-.18.65,0s.18.47,0,.65l-1.23,1.23c-.09.09-.21.13-.33.13Z" style="fill:#34332b;"/><line x1="31.04" y1="26.18" x2="32.27" y2="24.95" style="fill:#34332b;"/><path d="M31.04,26.64c-.12,0-.24-.04-.33-.13-.18-.18-.18-.47,0-.65l1.23-1.23c.18-.18.47-.18.65,0s.18.47,0,.65l-1.23,1.23c-.09.09-.21.13-.33.13Z" style="fill:#34332b;"/><line x1="32.27" y1="17" x2="31.04" y2="15.77" style="fill:#34332b;"/><path d="M32.27,17.46c-.12,0-.24-.04-.33-.13l-1.23-1.23c-.18-.18-.18-.47,0-.65s.47-.18.65,0l1.23,1.23c.18.18.18.47,0,.65-.09.09-.21.13-.33.13Z" style="fill:#34332b;"/><line x1="41.45" y1="26.18" x2="40.22" y2="24.95" style="fill:#34332b;"/><path d="M41.45,26.64c-.12,0-.24-.04-.33-.13l-1.23-1.23c-.18-.18-.18-.47,0-.65s.47-.18.65,0l1.23,1.23c.18.18.18.47,0,.65-.09.09-.21.13-.33.13Z" style="fill:#34332b;"/>  <g transform="translate(7.2 27.5) scale(.82) translate(-26 -17)">
+    <rect x="27" y="18" width="31" height="27" rx="3" fill="#231f20" opacity=".16"/>
+    <rect x="26" y="17" width="31" height="27" rx="3" fill="#414757"/>
+    <path d="M26 25v-5c0-1.65 1.35-3 3-3h5z" fill="#4c97ff"/>
+    <path d="M49 17h5c1.65 0 3 1.35 3 3v5z" fill="#4c97ff"/>
+    <path d="M26 37l6 7h-3c-1.65 0-3-1.35-3-3z" fill="#4c97ff"/>
+    <path d="M57 37v4c0 1.65-1.35 3-3 3h-3z" fill="#4c97ff"/>
+    <rect x="30.5" y="27" width="5" height="5" rx=".8" fill="#e6e7e8" stroke="#7c87a5" stroke-width=".75"/>
+    <rect x="49.5" y="27" width="5" height="5" rx=".8" fill="#e6e7e8" stroke="#7c87a5" stroke-width=".75"/>
+    <circle cx="33" cy="29.5" r="1.05" fill="#414757"/>
+    <circle cx="52" cy="29.5" r="1.05" fill="#414757"/>
+    <g fill="#e6e7e8"><rect x="38" y="25" width="1.8" height="1.8" rx=".25"/><rect x="42" y="25" width="1.8" height="1.8" rx=".25"/><rect x="46" y="25" width="1.8" height="1.8" rx=".25"/><rect x="38" y="29" width="1.8" height="1.8" rx=".25"/><rect x="42" y="29" width="1.8" height="1.8" rx=".25"/><rect x="46" y="29" width="1.8" height="1.8" rx=".25"/><rect x="38" y="33" width="1.8" height="1.8" rx=".25"/><rect x="42" y="33" width="1.8" height="1.8" rx=".25"/><rect x="46" y="33" width="1.8" height="1.8" rx=".25"/></g>
+    <g fill="#ffbf00"><rect x="28" y="41" width="2.5" height="4.5"/><rect x="32" y="41" width="2.5" height="4.5"/><rect x="36" y="41" width="2.5" height="4.5"/><rect x="40" y="41" width="2.5" height="4.5"/><rect x="44" y="41" width="2.5" height="4.5"/><rect x="48" y="41" width="2.5" height="4.5"/><rect x="52" y="41" width="2.5" height="4.5"/></g>
+    <path d="M39 21h7" stroke="#4c97ff" stroke-width="1.8" stroke-linecap="round"/>
+    <circle cx="40.2" cy="21" r=".8" fill="#e6e7e8"/>
+    <circle cx="44.8" cy="21" r=".8" fill="#e6e7e8"/>
+  </g></g></svg>

package/editions/free/src/assets/categories/MicroBitStartOff.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="17.99mm" height="20.11mm" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 51 57"><defs><linearGradient id="linear-gradient" x1="25.06" y1="-1105.72" x2="25.06" y2="-1060.72" gradientTransform="translate(0 -1050.72) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#000" stop-opacity=".5"/><stop offset=".09" stop-color="#000" stop-opacity=".46"/><stop offset="1" stop-color="#000" stop-opacity="0"/></linearGradient><linearGradient id="linear-gradient-2" y1="-1107.32" y2="-1062.75" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-3" x1="25.56" y1="1646.85" x2="25.56" y2="1679.15" gradientTransform="translate(0 -1645.28)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".5"/><stop offset=".5" stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="linear-gradient-4" x1="34.99" y1="1109.92" x2="34.99" y2="1098.19" gradientTransform="translate(0 -1091.28)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".09" stop-color="#fff" stop-opacity=".91"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><g id="Layer_2"><path d="M47.56,47.5c0,4.12-3.38,7.5-7.5,7.5H10.06c-4.12,0-7.5-3.38-7.5-7.5v-30c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v30Z" style="fill:url(#linear-gradient); isolation:isolate; opacity:.5;"/><path d="M47.56,46.5c0,4.12-3.38,7.5-7.5,7.5H10.06c-4.12,0-7.5-3.38-7.5-7.5v-30c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v30Z" style="fill:#c9bf8b;"/><path d="M47.56,48.5c0,4.12-3.38,7.5-7.5,7.5H10.06c-4.12,0-7.5-3.38-7.5-7.5v-30c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v30Z" style="fill:url(#linear-gradient-2); isolation:isolate; opacity:.5;"/><path d="M47.56,46.5c0,4.12-3.38,7.5-7.5,7.5H10.06c-4.12,0-7.5-3.38-7.5-7.5v-30c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v30Z" style="fill:#ccb750;"/><path d="M47.56,36.5c0,4.12-3.38,7.5-7.5,7.5H10.06c-4.12,0-7.5-3.38-7.5-7.5V8.5c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v28Z" style="fill:#ccb752;"/><path d="M40.06,1.5H10.06c-3.86,0-7,3.14-7,7v30c0,3.86,3.14,7,7,7h30c3.86,0,7-3.14,7-7V8.5c0-3.86-3.14-7-7-7ZM46.56,38.5c0,3.58-2.92,6.5-6.5,6.5H10.06c-3.59,0-6.5-2.91-6.5-6.5V8.5c0-3.58,2.92-6.5,6.5-6.5h30c3.58,0,6.5,2.92,6.5,6.5v30Z" style="fill:#f7ec9f;"/><path d="M40.06,1.5H10.06c-3.86,0-7,3.14-7,7v30c0,3.86,3.14,7,7,7h30c3.86,0,7-3.14,7-7V8.5c0-3.86-3.14-7-7-7ZM46.56,38.5c0,3.58-2.92,6.5-6.5,6.5H10.06c-3.59,0-6.5-2.91-6.5-6.5V8.5c0-3.58,2.92-6.5,6.5-6.5h30c3.58,0,6.5,2.92,6.5,6.5v30Z" style="fill:#fff; isolation:isolate; opacity:.75;"/><path d="M40.06,2H10.06c-3.59,0-6.5,2.91-6.5,6.5v30c0,3.58,2.92,6.5,6.5,6.5h30c3.58,0,6.5-2.92,6.5-6.5V8.5c0-3.58-2.92-6.5-6.5-6.5Z" style="fill:#f7ec9f;"/><path d="M40.06,2H10.06c-3.59,0-6.5,2.91-6.5,6.5v30c0,3.58,2.92,6.5,6.5,6.5h30c3.58,0,6.5-2.92,6.5-6.5V8.5c0-3.58-2.92-6.5-6.5-6.5Z" style="fill:#ffe75a;"/><path d="M4.06,38.5c0,3.58,2.92,6.5,6.5,6.5h30c3.58,0,6.5-2.92,6.5-6.5V8.5c0-3.58-2.92-6.5-6.5-6.5H10.56c-3.59,0-6.5,2.91-6.5,6.5v30Z" style="fill:url(#linear-gradient-3);"/><path d="M2.56,8.5h.5v33h-.5V8.5Z" style="fill:#ccb750;"/></g><g id="Layer_1"><path d="M32.75,18.67c-1.52,0-2.97-.6-4.04-1.68-1.08-1.07-1.68-2.53-1.68-4.04,0-3.26,2.62-6.01,5.72-6.01h8.28s0,3.2,0,3.2h1.92s0,5.34,0,5.34h-1.92s0,3.2,0,3.2h-8.28Z" style="fill:url(#linear-gradient-4);"/><path d="M32.75,18.38c-3,0-5.44-2.44-5.43-5.44,0-3,2.44-5.72,5.44-5.72h7.99s0,3.2,0,3.2h1.92s0,4.76,0,4.76h-1.92s0,3.2,0,3.2h-8Z" style="fill:#c9bf8b;"/><path d="M32.75,18.1c-1.37,0-2.68-.54-3.64-1.51-.97-.96-1.51-2.27-1.51-3.64,0-2.84,2.31-4.86,5.15-4.86h7.71s0,3.2,0,3.2h1.92s0,3.62,0,3.62h-1.92s0,3.2,0,3.2h-7.71Z" style="fill:#34332b;"/>  <g transform="translate(7.2 20) scale(.82) translate(-26 -17)">
+    <rect x="27" y="18" width="31" height="27" rx="3" fill="#231f20" opacity=".16"/>
+    <rect x="26" y="17" width="31" height="27" rx="3" fill="#414757"/>
+    <path d="M26 25v-5c0-1.65 1.35-3 3-3h5z" fill="#4c97ff"/>
+    <path d="M49 17h5c1.65 0 3 1.35 3 3v5z" fill="#4c97ff"/>
+    <path d="M26 37l6 7h-3c-1.65 0-3-1.35-3-3z" fill="#4c97ff"/>
+    <path d="M57 37v4c0 1.65-1.35 3-3 3h-3z" fill="#4c97ff"/>
+    <rect x="30.5" y="27" width="5" height="5" rx=".8" fill="#e6e7e8" stroke="#7c87a5" stroke-width=".75"/>
+    <rect x="49.5" y="27" width="5" height="5" rx=".8" fill="#e6e7e8" stroke="#7c87a5" stroke-width=".75"/>
+    <circle cx="33" cy="29.5" r="1.05" fill="#414757"/>
+    <circle cx="52" cy="29.5" r="1.05" fill="#414757"/>
+    <g fill="#e6e7e8"><rect x="38" y="25" width="1.8" height="1.8" rx=".25"/><rect x="42" y="25" width="1.8" height="1.8" rx=".25"/><rect x="46" y="25" width="1.8" height="1.8" rx=".25"/><rect x="38" y="29" width="1.8" height="1.8" rx=".25"/><rect x="42" y="29" width="1.8" height="1.8" rx=".25"/><rect x="46" y="29" width="1.8" height="1.8" rx=".25"/><rect x="38" y="33" width="1.8" height="1.8" rx=".25"/><rect x="42" y="33" width="1.8" height="1.8" rx=".25"/><rect x="46" y="33" width="1.8" height="1.8" rx=".25"/></g>
+    <g fill="#ffbf00"><rect x="28" y="41" width="2.5" height="4.5"/><rect x="32" y="41" width="2.5" height="4.5"/><rect x="36" y="41" width="2.5" height="4.5"/><rect x="40" y="41" width="2.5" height="4.5"/><rect x="44" y="41" width="2.5" height="4.5"/><rect x="48" y="41" width="2.5" height="4.5"/><rect x="52" y="41" width="2.5" height="4.5"/></g>
+    <path d="M39 21h7" stroke="#4c97ff" stroke-width="1.8" stroke-linecap="round"/>
+    <circle cx="40.2" cy="21" r=".8" fill="#e6e7e8"/>
+    <circle cx="44.8" cy="21" r=".8" fill="#e6e7e8"/>
+  </g></g></svg>

package/editions/free/src/assets/categories/MicroBitStartOn.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="17.99mm" height="20.11mm" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 51 57"><defs><linearGradient id="linear-gradient" x1="25.56" y1="1145.69" x2="25.56" y2="1112.86" gradientTransform="translate(0 -1091.28)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".09" stop-color="#fff" stop-opacity=".91"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="linear-gradient-2" x1="34.99" y1="1117.42" x2="34.99" y2="1105.69" xlink:href="#linear-gradient"/></defs><g id="Layer_2"><path d="M10.56,54.5c-4.41,0-8-3.59-8-8v-30c0-4.41,3.59-8,8-8h30c4.41,0,8,3.59,8,8v30c0,4.41-3.59,8-8,8H10.56Z" style="fill:url(#linear-gradient); isolation:isolate; opacity:.75;"/><path d="M10.56,54.5c-4.41,0-8-3.59-8-8v-30c0-4.41,3.59-8,8-8h30c4.41,0,8,3.59,8,8v30c0,4.41-3.59,8-8,8H10.56Z" style="fill:url(#linear-gradient); isolation:isolate; opacity:.75;"/><path d="M48.06,46.5c0,4.12-3.38,7.5-7.5,7.5H10.56c-4.12,0-7.5-3.38-7.5-7.5v-30c0-4.12,3.38-7.5,7.5-7.5h30c4.12,0,7.5,3.38,7.5,7.5v30Z" style="fill:#ccb750;"/><path d="M46.1,16.5v30c0,3.03-2.47,5.5-5.5,5.5H10.6c-3.04-.01-5.5-2.47-5.5-5.5v-30c0-3.03,2.46-5.5,5.5-5.5h30c3.03,0,5.5,2.47,5.5,5.5Z" style="fill:#ffe75a;"/><path d="M41.97,9.64c-.23-.04-.46-.08-.7-.1-.22-.03-.44-.04-.67-.04H10.6c-.24,0-.48.01-.71.04-.24.02-.47.06-.7.1-3.21.63-5.63,3.47-5.63,6.86v30c0,3.62,2.76,6.6,6.29,6.96.24.03.49.04.75.04h30c.24,0,.48-.01.71-.04.22-.02.44-.06.65-.1,3.21-.63,5.64-3.47,5.64-6.86v-30c0-3.39-2.42-6.23-5.63-6.86ZM46.1,46.5c0,3.03-2.47,5.5-5.5,5.5H10.6c-3.04-.01-5.5-2.47-5.5-5.5v-30c0-3.03,2.46-5.5,5.5-5.5h30c3.03,0,5.5,2.47,5.5,5.5v30Z" style="fill:#e5cf51;"/></g><g id="Layer_1"><path d="M32.75,26.17c-1.52,0-2.97-.6-4.04-1.68-1.08-1.07-1.68-2.53-1.68-4.04,0-3.26,2.62-6.01,5.72-6.01h8.28s0,3.2,0,3.2h1.92s0,5.34,0,5.34h-1.92s0,3.2,0,3.2h-8.28Z" style="fill:url(#linear-gradient-2);"/><path d="M32.75,25.88c-3,0-5.44-2.44-5.43-5.44,0-3,2.44-5.72,5.44-5.72h7.99s0,3.2,0,3.2h1.92s0,4.76,0,4.76h-1.92s0,3.2,0,3.2h-8Z" style="fill:#c9bf8b;"/><path d="M32.75,25.6c-1.37,0-2.68-.54-3.64-1.51-.97-.96-1.51-2.27-1.51-3.64,0-2.84,2.31-4.86,5.15-4.86h7.71s0,3.2,0,3.2h1.92s0,3.62,0,3.62h-1.92s0,3.2,0,3.2h-7.71Z" style="fill:#34332b;"/>  <g transform="translate(7.2 27.5) scale(.82) translate(-26 -17)">
+    <rect x="27" y="18" width="31" height="27" rx="3" fill="#231f20" opacity=".16"/>
+    <rect x="26" y="17" width="31" height="27" rx="3" fill="#414757"/>
+    <path d="M26 25v-5c0-1.65 1.35-3 3-3h5z" fill="#4c97ff"/>
+    <path d="M49 17h5c1.65 0 3 1.35 3 3v5z" fill="#4c97ff"/>
+    <path d="M26 37l6 7h-3c-1.65 0-3-1.35-3-3z" fill="#4c97ff"/>
+    <path d="M57 37v4c0 1.65-1.35 3-3 3h-3z" fill="#4c97ff"/>
+    <rect x="30.5" y="27" width="5" height="5" rx=".8" fill="#e6e7e8" stroke="#7c87a5" stroke-width=".75"/>
+    <rect x="49.5" y="27" width="5" height="5" rx=".8" fill="#e6e7e8" stroke="#7c87a5" stroke-width=".75"/>
+    <circle cx="33" cy="29.5" r="1.05" fill="#414757"/>
+    <circle cx="52" cy="29.5" r="1.05" fill="#414757"/>
+    <g fill="#e6e7e8"><rect x="38" y="25" width="1.8" height="1.8" rx=".25"/><rect x="42" y="25" width="1.8" height="1.8" rx=".25"/><rect x="46" y="25" width="1.8" height="1.8" rx=".25"/><rect x="38" y="29" width="1.8" height="1.8" rx=".25"/><rect x="42" y="29" width="1.8" height="1.8" rx=".25"/><rect x="46" y="29" width="1.8" height="1.8" rx=".25"/><rect x="38" y="33" width="1.8" height="1.8" rx=".25"/><rect x="42" y="33" width="1.8" height="1.8" rx=".25"/><rect x="46" y="33" width="1.8" height="1.8" rx=".25"/></g>
+    <g fill="#ffbf00"><rect x="28" y="41" width="2.5" height="4.5"/><rect x="32" y="41" width="2.5" height="4.5"/><rect x="36" y="41" width="2.5" height="4.5"/><rect x="40" y="41" width="2.5" height="4.5"/><rect x="44" y="41" width="2.5" height="4.5"/><rect x="48" y="41" width="2.5" height="4.5"/><rect x="52" y="41" width="2.5" height="4.5"/></g>
+    <path d="M39 21h7" stroke="#4c97ff" stroke-width="1.8" stroke-linecap="round"/>
+    <circle cx="40.2" cy="21" r=".8" fill="#e6e7e8"/>
+    <circle cx="44.8" cy="21" r=".8" fill="#e6e7e8"/>
+  </g></g></svg>

package/editions/free/src/css/editor.css

@@ -111,6 +111,97 @@ div.frame {
     height: ${css_vh(37.29)};
 }
 
+.pagelist {
+    position: relative;
+    width: ${css_vh(21.09)};
+}
+
+.pageactions {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: ${css_vh(21.09)};
+    z-index: 7;
+    pointer-events: none;
+}
+
+.pageactionrow {
+    position: relative;
+    width: ${145 * scaleMultiplier}px;
+    height: ${109 * scaleMultiplier}px;
+    margin: ${css_vh(0)} ${css_vh(0)} ${css_vh(0.13)};
+    pointer-events: none;
+}
+
+.duplicatepage {
+    appearance: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: ${28 * scaleMultiplier}px;
+    height: ${28 * scaleMultiplier}px;
+    padding: 0;
+    border: 0;
+    border-radius: 50%;
+    background: url('../assets/ui/numOn.svg') no-repeat center;
+    background-size: 100% 100%;
+    color: #ffffff;
+    cursor: pointer;
+    pointer-events: auto;
+}
+
+.duplicatepage:hover:not(:disabled) {
+    filter: brightness(1.08);
+}
+
+.duplicatepage:active:not(:disabled) {
+    transform: scale(0.94);
+}
+
+.duplicatepage:disabled {
+    opacity: 0.32;
+    cursor: default;
+}
+
+.pageactionrow.delete-mode .duplicatepage {
+    visibility: hidden;
+}
+
+.duplicatepageicon,
+.duplicatepageicon::before,
+.duplicatepageicon::after {
+    box-sizing: border-box;
+    position: absolute;
+}
+
+.duplicatepageicon {
+    top: ${7 * scaleMultiplier}px;
+    left: ${7 * scaleMultiplier}px;
+    width: ${14 * scaleMultiplier}px;
+    height: ${13 * scaleMultiplier}px;
+    z-index: 1;
+}
+
+.duplicatepageicon::before,
+.duplicatepageicon::after {
+    content: '';
+    width: ${11 * scaleMultiplier}px;
+    height: ${10 * scaleMultiplier}px;
+    border: ${1.5 * scaleMultiplier}px solid currentColor;
+    border-radius: ${1.5 * scaleMultiplier}px;
+}
+
+.duplicatepageicon::before {
+    top: 0;
+    left: 0;
+}
+
+.duplicatepageicon::after {
+    top: ${3 * scaleMultiplier}px;
+    left: ${3 * scaleMultiplier}px;
+    background: #F9A737;
+}
+
 .pagethumb {
     background: none;
     position: relative;
@@ -307,7 +398,7 @@ div.frame {
     right: 0;
     margin: ${css_vh(0)};
     z-index: 60;
-    width: ${180 * scaleMultiplier}px;
+    width: ${300 * scaleMultiplier}px;
     height: ${64 * scaleMultiplier}px;
     overflow: hidden;
 }
@@ -641,6 +732,213 @@ z-index: 5;
 
 .halign.down { background: url('../assets/ui/arrowdown.svg'); background-size: 100%; }
 
+/* extensions library */
+.extensionsLibrary {
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    width: ${css_vh(52)};
+    min-height: ${css_vh(28)};
+    transform: translate(-50%, -50%);
+    z-index: 12000;
+    box-sizing: border-box;
+    padding: ${css_vh(3.2)} ${css_vh(3.4)} ${css_vh(3.6)};
+    border: 3px solid #F4AD46;
+    border-radius: 16px;
+    background: #FEDF8F;
+    box-shadow: 0 ${css_vh(0.65)} ${css_vh(2.2)} rgba(0, 0, 0, 0.32);
+    font-family: 'Lato Regular';
+}
+
+.extensionsLibrary.fade {
+    display: none;
+    opacity: 0;
+}
+
+.extensionsLibrary.fade.in {
+    display: block;
+    opacity: 1;
+}
+
+.extensionsLibraryClose {
+    position: absolute;
+    right: ${css_vh(1.1)};
+    top: ${css_vh(1.1)};
+    width: ${css_vh(4.3)};
+    height: ${css_vh(4.3)};
+    border: 0;
+    padding: 0;
+    background: url('../assets/ui/closeit.svg') no-repeat center center;
+    background-size: 100%;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.extensionsLibraryClose:focus-visible,
+.extensionsLibraryCard:focus-visible {
+    outline: 3px solid #133C46;
+    outline-offset: 3px;
+}
+
+.extensionsLibraryTitle {
+    color: #315F7B;
+    font-size: ${css_vh(3.4)};
+    font-weight: bold;
+    line-height: ${css_vh(4)};
+    text-align: center;
+    text-shadow: 0 ${css_vh(0.13)} #fff;
+}
+
+.extensionsLibraryCards {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: ${css_vh(1.6)};
+    margin-top: ${css_vh(2.5)};
+}
+
+.extensionsLibraryCard {
+    box-sizing: border-box;
+    display: grid;
+    grid-template-columns: ${css_vh(9)} 1fr ${css_vh(4)};
+    column-gap: ${css_vh(1.8)};
+    align-items: center;
+    width: 100%;
+    min-height: ${css_vh(11)};
+    padding: ${css_vh(1.2)} ${css_vh(1.4)};
+    border: 3px solid #F4AD46;
+    border-radius: 12px;
+    background: #fff;
+    cursor: pointer;
+    text-align: left;
+    font-family: 'Lato Regular';
+    -webkit-tap-highlight-color: transparent;
+}
+
+.extensionsLibraryCard:active {
+    background: #FFF5D9;
+}
+
+.extensionsLibraryCard.loaded {
+    background: #F6FBFF;
+    border-color: #5D9CC8;
+}
+
+.extensionsLibraryCardIcon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: ${css_vh(8)};
+    height: ${css_vh(8)};
+    border-radius: 50%;
+    background: #F9CF37;
+}
+
+.extensionsLibraryCardIcon svg {
+    width: ${css_vh(6.3)};
+    height: ${css_vh(6.3)};
+}
+
+.extensionsLibraryCardText {
+    min-width: 0;
+}
+
+.extensionsLibraryCardTitle {
+    color: #315F7B;
+    font-size: ${css_vh(2.6)};
+    font-weight: bold;
+    line-height: ${css_vh(3.1)};
+}
+
+.extensionsLibraryCardDescription {
+    margin-top: ${css_vh(0.35)};
+    color: #416E86;
+    font-size: ${css_vh(1.7)};
+    line-height: ${css_vh(2.3)};
+}
+
+.extensionsLibraryCardAction {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    justify-self: end;
+    width: ${css_vh(3.6)};
+    height: ${css_vh(3.6)};
+    border-radius: 50%;
+    background: #5D9CC8;
+    color: #fff;
+    font-size: ${css_vh(3.2)};
+    font-weight: bold;
+    line-height: 1;
+    text-shadow: 0 1px #244a64;
+}
+
+.extensionsLibraryCard.loaded .extensionsLibraryCardAction {
+    background: #E43D44;
+}
+
+.extensionsLibraryWarning {
+    display: none;
+    margin-top: ${css_vh(2)};
+    padding: ${css_vh(1.35)} ${css_vh(1.5)};
+    border-radius: 10px;
+    border: 2px solid #D47F25;
+    background: #FFF5D9;
+}
+
+.extensionsLibraryWarning.show {
+    display: block;
+}
+
+.extensionsLibraryWarningTitle {
+    color: #315F7B;
+    font-size: ${css_vh(2.25)};
+    font-weight: bold;
+    line-height: ${css_vh(2.8)};
+}
+
+.extensionsLibraryWarningText {
+    margin-top: ${css_vh(0.55)};
+    color: #416E86;
+    font-size: ${css_vh(1.65)};
+    line-height: ${css_vh(2.25)};
+}
+
+.extensionsLibraryWarningActions {
+    display: flex;
+    justify-content: flex-end;
+    gap: ${css_vh(1)};
+    margin-top: ${css_vh(1.35)};
+}
+
+.extensionsLibrarySecondaryButton,
+.extensionsLibraryDangerButton {
+    min-width: ${css_vh(8.2)};
+    min-height: ${css_vh(3.7)};
+    border-radius: 10px;
+    border: 2px solid #315F7B;
+    color: #fff;
+    font-family: 'Lato Regular';
+    font-size: ${css_vh(1.75)};
+    font-weight: bold;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.extensionsLibrarySecondaryButton {
+    background: #5D9CC8;
+}
+
+.extensionsLibraryDangerButton {
+    border-color: #9E1F28;
+    background: #E43D44;
+}
+
+.extensionsLibrarySecondaryButton:focus-visible,
+.extensionsLibraryDangerButton:focus-visible {
+    outline: 3px solid #133C46;
+    outline-offset: 3px;
+}
+
 /* parental gate */
 .parentalgate {
     position: fixed;
@@ -1200,6 +1498,41 @@ form.projectname {
 	z-index: 8
 }
 
+*.microbitMatrixMenu.menustyle {
+    box-sizing: border-box;
+    height: auto;
+    padding: 8px;
+    cursor: default;
+}
+
+*.microbitMatrixGrid {
+    display: grid;
+    grid-template-columns: repeat(5, 28px);
+    grid-template-rows: repeat(5, 28px);
+    gap: 5px;
+}
+
+*.microbitMatrixCell {
+    box-sizing: border-box;
+    width: 28px;
+    height: 28px;
+    border-radius: 6px;
+    background: #414757;
+    border: 3px solid #A75CA9;
+    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.25);
+    cursor: pointer;
+}
+
+*.microbitMatrixCell.on {
+    background: #35C1DF;
+    border-color: #1F8EA6;
+    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.45), 0 0 0 2px rgba(255, 255, 255, 0.22);
+}
+
+*.microbitMatrixCell:active {
+    transform: translateY(1px);
+}
+
 p.soundname{
     position: absolute;
     text-align: center;