- Scan ID:
- 7f410eed-fb95-4bfe-b9ce-b91b68e83380Finished
- Submitted URL:
- https://makecode.microbit.org/
- Report Finished:
Links · 3 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://makecode.com/ | Microsoft MakeCode |
| https://makecode.com/termsofuse | Terms of Use |
| https://makecode.com/privacy | Privacy |
JavaScript Variables · 28 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | string |
| onbeforetoggle | string |
| documentPictureInPicture | string |
| onscrollend | string |
| _jipt | string |
| pxtConfig | string |
| pxt | string |
| lightningjs | string |
| usabilla_live | string |
| loadAppInsights | string |
Console log messages · 4 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| warning | other |
|
| warning | other |
|
| log | other |
|
| log | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en" manifest="/---manifest" data-framework="typescript"><head><style id="blockly-ws-search-style">path.blocklyPath.blockly-ws-search-highlight {
fill: #000;
}
path.blocklyPath.blockly-ws-search-highlight.blockly-ws-search-current {
fill: grey;
}
.blockly-ws-search-close-btn {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE0Ij48cGF0aCBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) no-repeat top left;
}
.blockly-ws-search-next-btn {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE0Ij48cGF0aCBkPSJNNy40MSA4LjU5TDEyIDEzLjE3bDQuNTktNC41OEwxOCAxMGwtNiA2LTYtNiAxLjQxLTEuNDF6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PC9zdmc+) no-repeat top left;
}
.blockly-ws-search-previous-btn {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE0Ij48cGF0aCBkPSJNNy40MSAxNS40MUwxMiAxMC44M2w0LjU5IDQuNThMMTggMTRsLTYtNi02IDZ6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) no-repeat top left;
}
.blockly-ws-search {
background: #fff;
border: solid lightgrey 0.5px;
box-shadow: 0px 10px 20px grey;
justify-content: center;
padding: 0.25em;
position: absolute;
z-index: 70;
}
.blockly-ws-search-input input {
border: none;
}
.blockly-ws-search button {
border: none;
}
.blockly-ws-search-actions {
display: flex;
}
.blockly-ws-search-container {
display: flex;
}
.blockly-ws-search-content {
display: flex;
}</style><style id="blockly-renderer-style-pxt-classic">.pxt-renderer.classic-theme .blocklyText,
.pxt-renderer.classic-theme .blocklyFlyoutLabelText {
font: 600 12pt "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
}
.pxt-renderer.classic-theme .blocklyTextInputBubble textarea {
font-weight: normal;
}
.pxt-renderer.classic-theme .blocklyText {
fill: #fff;
}
.pxt-renderer.classic-theme .blocklyNonEditableText>rect:not(.blocklyDropdownRect),
.pxt-renderer.classic-theme .blocklyEditableText>rect:not(.blocklyDropdownRect) {
fill: #fff;
}
.pxt-renderer.classic-theme .blocklyNonEditableText>text,
.pxt-renderer.classic-theme .blocklyEditableText>text,
.pxt-renderer.classic-theme .blocklyNonEditableText>g>text,
.pxt-renderer.classic-theme .blocklyEditableText>g>text {
fill: #575E75;
}
.pxt-renderer.classic-theme .blocklyFlyoutLabelText {
fill: #575E75;
}
.pxt-renderer.classic-theme .blocklyText.blocklyBubbleText {
fill: #575E75;
}
.pxt-renderer.classic-theme .blocklyDraggable:not(.blocklyDisabled)
.blocklyEditableText:not(.editing):hover>rect,
.pxt-renderer.classic-theme .blocklyDraggable:not(.blocklyDisabled)
.blocklyEditableText:not(.editing):hover>.blocklyPath {
stroke: #fff;
stroke-width: 2;
}
.pxt-renderer.classic-theme .blocklyHtmlInput {
font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
font-weight: 600;
color: #575E75;
}
.pxt-renderer.classic-theme .blocklyDropdownText {
fill: #fff !important;
}
.pxt-renderer.classic-theme.blocklyWidgetDiv .goog-menuitem,
.pxt-renderer.classic-theme.blocklyDropDownDiv .goog-menuitem {
font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
}
.pxt-renderer.classic-theme.blocklyDropDownDiv .goog-menuitem-content {
color: #fff;
}
.pxt-renderer.classic-theme .blocklyHighlightedConnectionPath {
stroke: #fff200;
}
.pxt-renderer.classic-theme .blocklyDisabled > .blocklyOutlinePath {
fill: url(#blocklyDisabledPattern6115492497020814)
}
.pxt-renderer.classic-theme .blocklyInsertionMarker>.blocklyPath {
fill-opacity: 0.2;
stroke: none;
}
.pxt-renderer.classic-theme .blocklyConnectionIndicator, .pxt-renderer.classic-theme .blocklyInputConnectionIndicator {
fill: #ff0000;
stroke: #ffff00;
stroke-width: 3px;
}
.pxt-renderer.classic-theme .blocklyConnectionIndicator {
display: none;
}
.pxt-renderer.classic-theme .blocklyBlockDragSurface > g > .blocklyDraggable > .blocklyConnectionIndicator {
display: block;
}
.pxt-renderer.classic-theme .blocklyConnectionLine {
stroke: #ffff00;
stroke-width: 4px;
}
.pxt-renderer.classic-theme .blocklyConnectionLine.hidden {
display: none;
}
.pxt-renderer.classic-theme .blocklyFlyoutHeading .blocklyFlyoutLabelText {font-size: 1.5rem;
}</style><style id="blockly-common-style">
.blocklySvg {
background-color: #fff;
outline: none;
overflow: hidden; /* IE overflows by default. */
position: absolute;
display: block;
}
.blocklyWidgetDiv {
display: none;
position: absolute;
z-index: 99999; /* big value for bootstrap3 compatibility */
}
.injectionDiv {
height: 100%;
position: relative;
overflow: hidden; /* So blocks in drag surface disappear at edges */
touch-action: none;
}
.blocklyNonSelectable {
user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
}
.blocklyBlockCanvas.blocklyCanvasTransitioning,
.blocklyBubbleCanvas.blocklyCanvasTransitioning {
transition: transform .5s;
}
.blocklyTooltipDiv {
background-color: #ffffc7;
border: 1px solid #ddc;
box-shadow: 4px 4px 20px 1px rgba(0,0,0,.15);
color: #000;
display: none;
font: 9pt sans-serif;
opacity: .9;
padding: 2px;
position: absolute;
z-index: 100000; /* big value for bootstrap3 compatibility */
}
.blocklyDropDownDiv {
position: absolute;
left: 0;
top: 0;
z-index: 1000;
display: none;
border: 1px solid;
border-color: #dadce0;
background-color: #fff;
border-radius: 2px;
padding: 4px;
box-shadow: 0 0 3px 1px rgba(0,0,0,.3);
}
.blocklyDropDownDiv.blocklyFocused {
box-shadow: 0 0 6px 1px rgba(0,0,0,.3);
}
.blocklyDropDownContent {
max-height: 300px; /* @todo: spec for maximum height. */
overflow: auto;
overflow-x: hidden;
position: relative;
}
.blocklyDropDownArrow {
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
z-index: -1;
background-color: inherit;
border-color: inherit;
}
.blocklyDropDownButton {
display: inline-block;
float: left;
padding: 0;
margin: 4px;
border-radius: 4px;
outline: none;
border: 1px solid;
transition: box-shadow .1s;
cursor: pointer;
}
.blocklyArrowTop {
border-top: 1px solid;
border-left: 1px solid;
border-top-left-radius: 4px;
border-color: inherit;
}
.blocklyArrowBottom {
border-bottom: 1px solid;
border-right: 1px solid;
border-bottom-right-radius: 4px;
border-color: inherit;
}
.blocklyResizeSE {
cursor: se-resize;
fill: #aaa;
}
.blocklyResizeSW {
cursor: sw-resize;
fill: #aaa;
}
.blocklyResizeLine {
stroke: #515A5A;
stroke-width: 1;
}
.blocklyHighlightedConnectionPath {
fill: none;
stroke: #fc3;
stroke-width: 4px;
}
.blocklyPathLight {
fill: none;
stroke-linecap: round;
stroke-width: 1;
}
.blocklySelected>.blocklyPathLight {
display: none;
}
.blocklyDraggable {
cursor: grab;
cursor: -webkit-grab;
}
.blocklyDragging {
cursor: grabbing;
cursor: -webkit-grabbing;
/* Drag surface disables events to not block the toolbox, so we have to
* reenable them here for the cursor values to work. */
pointer-events: auto;
}
/* Changes cursor on mouse down. Not effective in Firefox because of
https://bugzilla.mozilla.org/show_bug.cgi?id=771241 */
.blocklyDraggable:active {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.blocklyDragging.blocklyDraggingDelete {
cursor: url("https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/blockly/media/handdelete.cur"), auto;
}
.blocklyDragging>.blocklyPath,
.blocklyDragging>.blocklyPathLight {
fill-opacity: .8;
stroke-opacity: .8;
}
.blocklyDragging>.blocklyPathDark {
display: none;
}
.blocklyDisabled>.blocklyPath {
fill-opacity: .5;
stroke-opacity: .5;
}
.blocklyDisabled>.blocklyPathLight,
.blocklyDisabled>.blocklyPathDark {
display: none;
}
.blocklyInsertionMarker>.blocklyPath,
.blocklyInsertionMarker>.blocklyPathLight,
.blocklyInsertionMarker>.blocklyPathDark {
fill-opacity: .2;
stroke: none;
}
.blocklyMultilineText {
font-family: monospace;
}
.blocklyNonEditableText>text {
pointer-events: none;
}
.blocklyFlyout {
position: absolute;
z-index: 20;
}
.blocklyText text {
cursor: default;
}
/*
Don't allow users to select text. It gets annoying when trying to
drag a block and selected text moves instead.
*/
.blocklySvg text {
user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: inherit;
}
.blocklyHidden {
display: none;
}
.blocklyFieldDropdown:not(.blocklyHidden) {
display: block;
}
.blocklyIconGroup {
cursor: default;
}
.blocklyIconGroup:not(:hover),
.blocklyIconGroupReadonly {
opacity: .6;
}
.blocklyIconShape {
fill: #00f;
stroke: #fff;
stroke-width: 1px;
}
.blocklyIconSymbol {
fill: #fff;
}
.blocklyMinimalBody {
margin: 0;
padding: 0;
height: 100%;
}
.blocklyHtmlInput {
border: none;
border-radius: 4px;
height: 100%;
margin: 0;
outline: none;
padding: 0;
width: 100%;
text-align: center;
display: block;
box-sizing: border-box;
}
/* Remove the increase and decrease arrows on the field number editor */
input.blocklyHtmlInput[type=number]::-webkit-inner-spin-button,
input.blocklyHtmlInput[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.blocklyMainBackground {
stroke-width: 1;
stroke: #c6c6c6; /* Equates to #ddd due to border being off-pixel. */
}
.blocklyMutatorBackground {
fill: #fff;
stroke: #ddd;
stroke-width: 1;
}
.blocklyFlyoutBackground {
fill: #ddd;
fill-opacity: .8;
}
.blocklyMainWorkspaceScrollbar {
z-index: 20;
}
.blocklyFlyoutScrollbar {
z-index: 30;
}
.blocklyScrollbarHorizontal,
.blocklyScrollbarVertical {
position: absolute;
outline: none;
}
.blocklyScrollbarBackground {
opacity: 0;
}
.blocklyScrollbarHandle {
fill: #ccc;
}
.blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.blocklyScrollbarHandle:hover {
fill: #bbb;
}
/* Darken flyout scrollbars due to being on a grey background. */
/* By contrast, workspace scrollbars are on a white background. */
.blocklyFlyout .blocklyScrollbarHandle {
fill: #bbb;
}
.blocklyFlyout .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.blocklyFlyout .blocklyScrollbarHandle:hover {
fill: #aaa;
}
.blocklyInvalidInput {
background: #faa;
}
.blocklyVerticalMarker {
stroke-width: 3px;
fill: rgba(255,255,255,.5);
pointer-events: none;
}
.blocklyComputeCanvas {
position: absolute;
width: 0;
height: 0;
}
.blocklyNoPointerEvents {
pointer-events: none;
}
.blocklyContextMenu {
border-radius: 4px;
max-height: 100%;
}
.blocklyDropdownMenu {
border-radius: 2px;
padding: 0 !important;
}
.blocklyDropdownMenu .blocklyMenuItem {
/* 28px on the left for icon or checkbox. */
padding-left: 28px;
}
/* BiDi override for the resting state. */
.blocklyDropdownMenu .blocklyMenuItemRtl {
/* Flip left/right padding for BiDi. */
padding-left: 5px;
padding-right: 28px;
}
.blocklyWidgetDiv .blocklyMenu {
background: #fff;
border: 1px solid transparent;
box-shadow: 0 0 3px 1px rgba(0,0,0,.3);
font: normal 13px Arial, sans-serif;
margin: 0;
outline: none;
padding: 4px 0;
position: absolute;
overflow-y: auto;
overflow-x: hidden;
max-height: 100%;
z-index: 20000; /* Arbitrary, but some apps depend on it... */
}
.blocklyWidgetDiv .blocklyMenu.blocklyFocused {
box-shadow: 0 0 6px 1px rgba(0,0,0,.3);
}
.blocklyDropDownDiv .blocklyMenu {
background: inherit; /* Compatibility with gapi, reset from goog-menu */
border: inherit; /* Compatibility with gapi, reset from goog-menu */
font: normal 13px "Helvetica Neue", Helvetica, sans-serif;
outline: none;
position: relative; /* Compatibility with gapi, reset from goog-menu */
z-index: 20000; /* Arbitrary, but some apps depend on it... */
}
/* State: resting. */
.blocklyMenuItem {
border: none;
color: #000;
cursor: pointer;
list-style: none;
margin: 0;
/* 7em on the right for shortcut. */
min-width: 7em;
padding: 6px 15px;
white-space: nowrap;
}
/* State: disabled. */
.blocklyMenuItemDisabled {
color: #ccc;
cursor: inherit;
}
/* State: hover. */
.blocklyMenuItemHighlight {
background-color: rgba(0,0,0,.1);
}
/* State: selected/checked. */
.blocklyMenuItemCheckbox {
height: 16px;
position: absolute;
width: 16px;
}
.blocklyMenuItemSelected .blocklyMenuItemCheckbox {
background: url(https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/blockly/media/sprites.png) no-repeat -48px -16px;
float: left;
margin-left: -24px;
position: static; /* Scroll with the menu. */
}
.blocklyMenuItemRtl .blocklyMenuItemCheckbox {
float: right;
margin-right: -24px;
}
.blocklyBlockDragSurface, .blocklyAnimationLayer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: visible !important;
z-index: 80;
pointer-events: none;
}
.blocklyZoom>image, .blocklyZoom>svg>image {
opacity: .4;
}
.blocklyZoom>image:hover, .blocklyZoom>svg>image:hover {
opacity: .6;
}
.blocklyZoom>image:active, .blocklyZoom>svg>image:active {
opacity: .8;
}
.injectionDiv {
--commentFillColour: #FFFCC7;
--commentBorderColour: #F2E49B;
}
.blocklyComment .blocklyTextarea {
background-color: var(--commentFillColour);
border: 1px solid var(--commentBorderColour);
box-sizing: border-box;
display: block;
outline: 0;
padding: 5px;
resize: none;
width: 100%;
height: 100%;
}
.blocklyReadonly.blocklyComment .blocklyTextarea {
cursor: inherit;
}
.blocklyDeleteIcon {
width: 20px;
height: 20px;
display: none;
cursor: pointer;
}
.blocklyFoldoutIcon {
width: 20px;
height: 20px;
transform-origin: 12px 12px;
cursor: pointer;
}
.blocklyResizeHandle {
width: 12px;
height: 12px;
cursor: se-resize;
}
.blocklyReadonly.blocklyComment .blocklyResizeHandle {
cursor: inherit;
}
.blocklyCommentTopbarBackground {
cursor: grab;
fill: var(--commentBorderColour);
height: 24px;
}
.blocklyComment .blocklyCommentPreview.blocklyText {
fill: #000;
dominant-baseline: middle;
visibility: hidden;
}
.blocklyCollapsed.blocklyComment .blocklyCommentPreview {
visibility: visible;
}
.blocklyCollapsed.blocklyComment .blocklyCommentForeignObject,
.blocklyCollapsed.blocklyComment .blocklyResizeHandle {
display: none;
}
.blocklyCollapsed.blocklyComment .blocklyFoldoutIcon {
transform: rotate(-90deg);
}
.blocklyRTL .blocklyCommentTopbar {
transform: scale(-1, 1);
}
.blocklyRTL .blocklyCommentForeignObject {
direction: rtl;
}
.blocklyRTL .blocklyCommentPreview {
/* Revert the scale and control RTL using direction instead. */
transform: scale(-1, 1);
direction: rtl;
}
.blocklyRTL .blocklyResizeHandle {
transform: scale(-1, 1);
cursor: sw-resize;
}
.blocklyCommentHighlight {
fill: none;
}
.blocklySelected .blocklyCommentHighlight {
stroke: #fc3;
stroke-width: 3px;
}
.blocklyCollapsed.blocklySelected .blocklyCommentHighlight {
stroke: none;
}
.blocklyCollapsed.blocklySelected .blocklyCommentTopbarBackground {
stroke: #fc3;
stroke-width: 3px;
}
.blocklyTextInputBubble .blocklyTextarea {
background-color: var(--commentFillColour);
border: 0;
box-sizing: border-box;
display: block;
outline: 0;
padding: 5px;
resize: none;
width: 100%;
height: 100%;
}
.blocklyFlyoutButton {
fill: #888;
cursor: default;
}
.blocklyFlyoutButtonShadow {
fill: #666;
}
.blocklyFlyoutButton:hover {
fill: #aaa;
}
.blocklyFlyoutLabel {
cursor: default;
}
.blocklyFlyoutLabelBackground {
opacity: 0;
}
.blocklyTreeRow:not(.blocklyTreeSelected):hover {
background-color: rgba(255, 255, 255, .2);
}
.blocklyToolboxDiv[layout="h"] .blocklyToolboxCategory {
margin: 1px 5px 1px 0;
}
.blocklyToolboxDiv[dir="RTL"][layout="h"] .blocklyToolboxCategory {
margin: 1px 0 1px 5px;
}
.blocklyTreeRow {
height: 22px;
line-height: 22px;
margin-bottom: 3px;
padding-right: 8px;
white-space: nowrap;
}
.blocklyToolboxDiv[dir="RTL"] .blocklyTreeRow {
margin-left: 8px;
padding-right: 0;
}
.blocklyTreeIcon {
background-image: url(https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/blockly/media/sprites.png);
height: 16px;
vertical-align: middle;
visibility: hidden;
width: 16px;
}
.blocklyTreeIconClosed {
background-position: -32px -1px;
}
.blocklyToolboxDiv[dir="RTL"] .blocklyTreeIconClosed {
background-position: 0 -1px;
}
.blocklyTreeSelected>.blocklyTreeIconClosed {
background-position: -32px -17px;
}
.blocklyToolboxDiv[dir="RTL"] .blocklyTreeSelected>.blocklyTreeIconClosed {
background-position: 0 -17px;
}
.blocklyTreeIconOpen {
background-position: -16px -1px;
}
.blocklyTreeSelected>.blocklyTreeIconOpen {
background-position: -16px -17px;
}
.blocklyTreeLabel {
cursor: default;
font: 16px sans-serif;
padding: 0 3px;
vertical-align: middle;
}
.blocklyToolboxDelete .blocklyTreeLabel {
cursor: url("https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/blockly/media/handdelete.cur"), auto;
}
.blocklyTreeSelected .blocklyTreeLabel {
color: #fff;
}
.blocklyTreeSeparator {
border-bottom: solid #e5e5e5 1px;
height: 0;
margin: 5px 0;
}
.blocklyToolboxDiv[layout="h"] .blocklyTreeSeparator {
border-right: solid #e5e5e5 1px;
border-bottom: none;
height: auto;
margin: 0 5px 0 5px;
padding: 5px 0;
width: 0;
}
.blocklyToolboxDelete {
cursor: url("https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/blockly/media/handdelete.cur"), auto;
}
.blocklyToolboxGrab {
cursor: url("https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/blockly/media/handclosed.cur"), auto;
cursor: grabbing;
cursor: -webkit-grabbing;
}
/* Category tree in Toolbox. */
.blocklyToolboxDiv {
background-color: #ddd;
overflow-x: visible;
overflow-y: auto;
padding: 4px 0 4px 0;
position: absolute;
z-index: 70; /* so blocks go under toolbox when dragging */
-webkit-tap-highlight-color: transparent; /* issue #1345 */
}
.blocklyToolboxContents {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.blocklyToolboxContents:focus {
outline: none;
}
.argumentEditorInput {
overflow: visible;
}
.functioneditor i.argumentEditorTypeIcon {
position: absolute;
width: 24px;
height: 24px;
top: 40px;
left: 50%;
margin-left: -12px;
}
.argumentEditorRemoveIcon {
position: absolute;
width: 24px;
height: 24px;
top: -40px;
left: 50%;
margin-left: -12px;
cursor: pointer;
}
:root {
--blocklyFieldSliderBackgroundColor: #547AB2;
}
.blocklyFieldSliderLabel {
font-family: "Helvetica Neue", "Segoe UI", Helvetica, sans-serif;
font-size: 0.65rem;
color: $colour_toolboxText;
margin: 8px;
}
.blocklyFieldSliderLabelText {
font-weight: bold;
}
.blocklyFieldSliderReadout {
margin-left: 10px;
}
input[type=range] {
-webkit-appearance: none;
width: 100%;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
-webkit-appearance: none;
margin: 8px;
height: 22px;
width: 150px;
outline: none;
border-radius: 11px;
margin-bottom: 20px;
background: var(--blocklyFieldSliderBackgroundColor);
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 26px;
height: 26px;
margin-top: -1px;
background-color: white;
border-radius: 100%;
-webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.15);
cursor: pointer;
}
input[type=range]::-moz-range-track {
margin: 8px;
height: 22px;
width: 95%;
outline: none;
border-radius: 11px;
margin-bottom: 20px;
background: #547AB2;
}
input[type=range]::-moz-range-thumb {
width: 26px;
height: 26px;
margin-top: -1px;
background-color: white;
border-radius: 100%;
-webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.15);
cursor: pointer;
}
.field-text-quote {
fill: #a31515 !important;
}
.blockly-dotted-outline-on-hover {
transition: stroke .4s;
}
.blockly-dotted-outline-on-hover.hover {
stroke-dasharray: 2;
stroke: white;
stroke-width: 2;
}
.blocklyDropdownMenu .blocklyMenuItemCheckbox.goog-menuitem-checkbox {
filter: contrast(0) brightness(100);
}
.blockly-menuseparator {
border-top: 1px solid rgba(0, 0, 0, 0.2);
margin: 4px 0;
padding: 0;
}
.blocklyBubble .blocklyDeleteIcon, .blocklyBubble .blocklyFoldoutIcon {
filter: grayscale(100%) brightness(100000);
}
.blocklyBubble .blocklyTextarea.blocklyText {
color: #575E75;
}
.blocklyTextInputBubble .blocklyTextarea {
background-color: var(--commentFillColour);
border: 0;
display: block;
margin: 0;
outline: 0;
padding: 3px;
resize: none;
text-overflow: hidden;
}
.blocklyDropDownButton {
display: inline-block;
float: left;
padding: 0;
margin: 4px;
border-radius: 4px;
outline: none;
border: 1px solid;
transition: box-shadow .1s;
cursor: pointer;
}
.blocklyDropDownButtonHover {
box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);
}
.blocklyDropDownButton:active {
box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.2);
}
.blocklyDropDownButton > img {
width: 80%;
height: 80%;
margin-top: 5%
}
.blocklyColourTable {
border-collapse: collapse;
display: block;
outline: none;
padding: 1px;
}
.blocklyColourTable>tr>td {
border: 0.5px solid #888;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
height: 20px;
padding: 0;
width: 20px;
}
.blocklyColourTable>tr>td.blocklyColourHighlighted {
border-color: #eee;
box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
position: relative;
}
.blocklyColourSelected, .blocklyColourSelected:hover {
border-color: #eee !important;
outline: 1px solid #333;
position: relative;
}
/* eslint-disable indent */
table.blocklyColourTable {
outline: none;
border-radius: 11px;
}
table.blocklyColourTable > tr > td {
height: 22px;
width: 22px;
margin: 2px;
text-align: center;
cursor: pointer;
border-radius: 4px;
border: 2px solid rgba(0,0,0,.1);
}
table.blocklyColourTable > tr > td:hover {
border: 1px solid #FFF;
box-sizing: border-box;
}
table.blocklyColourTable > tr > td.blocklyColourSelected {
border: 1px solid #000;
box-sizing: border-box;
color: #fff;
}
table.blocklyColourTable>tr>td.blocklyColourHighlighted {
border-color: #eee;
box-shadow: 2px 2px 7px 2px rgba(0,0,0,.3);
position: relative;
}
.blocklyColourSelected, .blocklyColourSelected:hover {
border-color: #eee !important;
outline: 1px solid #333;
position: relative;
}
/* eslint-enable indent */
.blockly-ws-search button {
padding-left: 6px;
padding-right: 6px;
}</style>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
<script type="text/javascript">
if(/[&?]translate=1/.test(window.location.href)) {
var _jipt = [];
_jipt.push(['project', 'makecode']);
_jipt.push(['escape', function() {
window.location.href = window.location.href.replace(/[$\?]translate=1/, '');
}]);
_jipt.push(['before_dom_insert', function(text, node, attribute) {
if (text)
text = text.replace(/^\{(id|loc):[^\}]+\}/g, '');
return text;
}]);
// inject crowdin
(function _() {
var s = document.createElement("script");
s.setAttribute("type", "text/javascript");
s.setAttribute("src", "//cdn.crowdin.com/jipt/jipt.js");
document.head.insertBefore(s, document.head.firstElementChild);
})();
}
</script>
<!-- include appmeta.html -->
<!-- include robotsmeta.html -->
<!-- end include robotsmeta.html -->
<title>Microsoft MakeCode for micro:bit</title>
<meta name="description" content="A Blocks / JavaScript code editor for the micro:bit powered by Microsoft MakeCode.">
<link rel="manifest" href="https://makecode.microbit.org/blob/32fc0ea616f1323c58a8aa15cc7285f13d6aa407/sim.webmanifest">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Microsoft MakeCode for micro:bit">
<meta name="apple-mobile-web-app-status-bar-style" content="translucent-black">
<meta name="format-detection" content="telephone=no">
<meta name="application-name" content="Microsoft MakeCode for micro:bit">
<meta name="apple-itunes-app" content="app-id=1092687276">
<meta name="msapplication-TileColor" content="#5C005C">
<meta name="msapplication-TileImage" content="https://pxt.azureedge.net/blob/4de54063603c8d16531078818a83f7c29a3588fa/static/icons/apple-touch-icon.png">
<meta name="msapplication-config" content="none">
<meta name="theme-color" content="#5C005C">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="Microsoft MakeCode for micro:bit">
<meta name="twitter:description" content="A Blocks / JavaScript code editor for the micro:bit powered by Microsoft MakeCode.">
<meta name="twitter:image" content="https://pxt.azureedge.net/blob/4de54063603c8d16531078818a83f7c29a3588fa/static/icons/apple-touch-icon.png">
<meta property="og:title" content="Microsoft MakeCode for micro:bit">
<meta property="og:site_name" content="Microsoft MakeCode for micro:bit">
<meta property="og:description" content="A Blocks / JavaScript code editor for the micro:bit powered by Microsoft MakeCode.">
<meta property="og:image" content="https://pxt.azureedge.net/blob/4de54063603c8d16531078818a83f7c29a3588fa/static/icons/apple-touch-icon.png">
<link rel="apple-touch-icon" href="https://pxt.azureedge.net/blob/4de54063603c8d16531078818a83f7c29a3588fa/static/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" href="https://pxt.azureedge.net/blob/4de54063603c8d16531078818a83f7c29a3588fa/static/icons/apple-touch-icon.png">
<link rel="shortcut icon" href="https://pxt.azureedge.net/blob/4de54063603c8d16531078818a83f7c29a3588fa/static/icons/apple-touch-icon.png">
<!-- end include appmeta.html -->
<link rel="stylesheet" data-rtl="https://pxt.azureedge.net/blob/83c7af3b555109731d12d59e7a3f835d3d1b4e30/rtlsemantic.css" href="https://pxt.azureedge.net/blob/b77d6df7099c3c3c9232108b741c6d7d953f2e91/semantic.css" type="text/css">
<script src="https://pxt.azureedge.net/blob/7e4e12cc09bf57abd183e4b24cd7303f369c2ca6/ai.2.min.js"></script><style type="text/css">.ui.accent { color: #5C005C; }
.ui.inverted.menu .accent.active.item, .ui.inverted.accent.menu { background-color: #5C005C; }</style><style>.immersive-reader-button{cursor:pointer;display:inline-block;padding:5px;} .immersive-reader-button:hover{background:rgba(0,0,0,.05);border-radius:2px</style><link href="https://pxt.azureedge.net/blob/464d87760f456a0f9c42bd39270b5651997113ab/blockly.css" rel="stylesheet" type="text/css" id="style-blockly.css"></head>
<body class="main"><div style="display: none;" id="lightningjs-usabilla_live"><div><iframe frameborder="0" id="lightningjs-frame-usabilla_live"></iframe></div></div>
<div id="custom-content">
</div>
<div id="blocks-editor-field-div">
</div>
<div id="allcontent">
<div id="editorcontent">
<div id="content" class="ui dimmable full-abs"><div id="root" class="ui dimmable ide inHome hideEditorToolbar editorlang-text full-abs"><div id="simulator" class="simulator"><div id="editorSidebar" class="editor-sidebar"><div class="simulator-container hidden"><div class="ui items simPanel invisibleScrollbar"><div id="boardview" class="ui vertical editorFloat" role="region" aria-label="Simulator" tabindex="-1"><div id="simulators" class="simulator"></div><div id="debugger" class="ui item landscape only"></div></div><div></div><div class="ui item portrait hide hidefullscreen"></div><div class="ui item grid centered portrait hide hidefullscreen"></div><div class="ui item grid centered portrait hide hidefullscreen"></div><div id="serialPreview" class="ui editorFloat portrait hide hidefullscreen"><div></div><div></div></div><div id="miniSimOverlay" role="button" title="Open in fullscreen"></div></div></div></div></div><div id="maineditor" class="" role="main" aria-hidden="true"><div class="full-abs" id="pxtJsonEditor" style="display: none;"></div><div class="full-abs" id="githubEditor" style="display: none;"></div><div class="full-abs" id="blocksArea" style="display: none;"><div class="blocksAndErrorList"><div class="blocksEditorOuter"><div id="blocksEditor"><div class="injectionDiv pxt-renderer classic-theme" tabindex="0" aria-label="Blockly Workspace" dir="LTR"><div layout="v" class="blocklyToolboxDiv blocklyNonSelectable" dir="LTR" style="display: block; left: 0px; height: 100%;"><div class="blocklyToolbox"><div style=""><div class="blocklyTreeRoot"><div class="blocklyTreeRow" style="opacity: 0;"></div></div><div class="ui active dimmer"><div class="ui loader indeterminate"></div></div></div><div id="debuggerToolbox"></div></div></div><div class="blockly-ws-search" style="display: none; right: 0px; top: 0px;"><div class="blockly-ws-search-container"><div class="blockly-ws-search-content"><div class="blockly-ws-search-input"><input type="text" placeholder="Search"></div><div class="blockly-ws-search-actions"><button class="blockly-ws-search-next-btn" aria-label="Find next"></button><button class="blockly-ws-search-previous-btn" aria-label="Find previous"></button></div></div><button class="blockly-ws-search-close-btn" aria-label="Close search bar"></button></div></div><svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="blocklySvg" tabindex="0"><defs><pattern id="blocklyGridPattern5311834124757235" patternUnits="userSpaceOnUse" width="40.5" height="40.5" x="0" y="0"><line stroke="rgba(189, 195, 199, 0.30)" stroke-width="0.9" x1="17.1" y1="20.25" x2="23.400000000000002" y2="20.25"></line><line stroke="rgba(189, 195, 199, 0.30)" stroke-width="0.9" x1="20.25" y1="17.1" x2="20.25" y2="23.400000000000002"></line></pattern></defs><g class="blocklyWorkspace"><rect height="100%" width="100%" class="blocklyMainBackground" style="fill: url("#blocklyGridPattern5311834124757235");"></rect><g class="blocklyBlockCanvas" transform="translate(0, 0) scale(0.9)"><g class="blocklyCursor"><g width="80" height="5"><rect width="80" height="5" style="display: none;"><animate attributeType="XML" attributeName="fill" dur="1s" values="#ffa200;transparent;transparent;" repeatCount="indefinite"></animate></rect><rect class="blocklyVerticalMarker" rx="10" ry="10" style="display: none;"></rect><path transform="" style="display: none;"><animate attributeType="XML" attributeName="fill" dur="1s" values="#ffa200;transparent;transparent;" repeatCount="indefinite"></animate></path><path transform="" fill="none" stroke-width="4" style="display: none;"><animate attributeType="XML" attributeName="stroke" dur="1s" values="#ffa200;transparent;transparent;" repeatCount="indefinite"></animate></path><circle r="5" stroke-width="4" style="display: none;"><animate attributeType="XML" attributeName="fill" dur="1s" values="#ffa200;transparent;transparent;" repeatCount="indefinite"></animate></circle></g></g></g><g class="blocklyBubbleCanvas" transform="translate(0, 0) scale(0.9)"></g><rect height="15" width="15" class="blocklyScrollbarBackground" x="-15.5" y="-15.5"></rect><defs><filter id="blocklyEmbossFilter17666321732079204"><feGaussianBlur in="SourceAlpha" stdDeviation="1" result="blur"></feGaussianBlur><feSpecularLighting in="blur" surfaceScale="1" specularConstant="0.5" specularExponent="10" lighting-color="white" result="specOut"><fePointLight x="-5000" y="-10000" z="20000"></fePointLight></feSpecularLighting><feComposite in="specOut" in2="SourceAlpha" operator="in" result="specOut"></feComposite><feComposite in="SourceGraphic" in2="specOut" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"></feComposite></filter><pattern id="blocklyDisabledPattern17666321732079204" patternUnits="userSpaceOnUse" width="10" height="10"><rect width="10" height="10" fill="#aaa"></rect><path d="M 0 0 L 10 10 M 10 0 L 0 10" stroke="#cc0"></path></pattern><filter id="blocklyDebugFilter17666321732079204" height="160%" width="180%" y="-30%" x="-40%"><feComponentTransfer result="outBlur"><feFuncA type="table" tableValues="0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1"></feFuncA></feComponentTransfer><feFlood flood-color="#ff0000" flood-opacity="0.5" result="outColor"></feFlood><feComposite in="outColor" in2="outBlur" operator="in" result="outGlow"></feComposite></filter></defs><defs><filter id="blocklySelectedGlowFilter17666321732079204" height="160%" width="180%" y="-30%" x="-40%"><feGaussianBlur in="SourceGraphic" stdDeviation="0.5"></feGaussianBlur><feComponentTransfer result="outBlur"><feFuncA type="table" tableValues="0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1"></feFuncA></feComponentTransfer><feFlood flood-color="#fff200" flood-opacity="1" result="outColor"></feFlood><feComposite in="outColor" in2="outBlur" operator="in" result="outGlow"></feComposite></filter><filter id="blocklyReplacementGlowFilter17666321732079204" height="160%" width="180%" y="-30%" x="-40%"><feGaussianBlur in="SourceGraphic" stdDeviation="2"></feGaussianBlur><feComponentTransfer result="outBlur"><feFuncA type="table" tableValues="0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1"></feFuncA></feComponentTransfer><feFlood flood-color="#fff200" flood-opacity="1" result="outColor"></feFlood><feComposite in="outColor" in2="outBlur" operator="in" result="outGlow"></feComposite><feComposite in="SourceGraphic" in2="outGlow" operator="over"></feComposite></filter></defs><defs><filter id="blocklyHighlightedGlowFilter17666321732079204" height="160%" width="180%" y="-30%" x="-40%"><feGaussianBlur in="SourceGraphic" stdDeviation="1.1"></feGaussianBlur><feComponentTransfer result="outBlur"><feFuncA type="table" tableValues="0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1"></feFuncA></feComponentTransfer><feFlood flood-color="#FFF200" flood-opacity="1" result="outColor"></feFlood><feComposite in="outColor" in2="outBlur" operator="in" result="outGlow"></feComposite></filter><filter id="blocklyErrorHighlightedGlowFilter17666321732079204" height="160%" width="180%" y="-30%" x="-40%"><feGaussianBlur in="SourceGraphic" stdDeviation="1.1"></feGaussianBlur><feComponentTransfer result="outBlur"><feFuncA type="table" tableValues="0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1"></feFuncA></feComponentTransfer><feFlood flood-color="#FF0000" flood-opacity="1" result="outColor"></feFlood><feComposite in="outColor" in2="outBlur" operator="in" result="outGlow"></feComposite></filter><filter id="blocklyBubbleEmbossGlowFilter17666321732079204" height="160%" width="180%" y="-30%" x="-40%"><feGaussianBlur in="SourceGraphic" stdDeviation="0.92"></feGaussianBlur><feComponentTransfer result="outBlur"><feFuncA type="table" tableValues="0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1"></feFuncA></feComponentTransfer><feFlood flood-color="#000000" flood-opacity="0.5" result="outColor"></feFlood><feComposite in="outColor" in2="outBlur" operator="in" result="outGlow"></feComposite><feMerge><feMergeNode in="outBlur"></feMergeNode><feMergeNode in="outGlow"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs></g></svg><svg class="blocklyScrollbarVertical blocklyMainWorkspaceScrollbar" width="15" height="0" style="transform: translate(-15.5px, 0.5px);"><g><rect class="blocklyScrollbarBackground" width="15" height="0"></rect><rect class="blocklyScrollbarHandle" rx="5" ry="5" width="10" x="2.5" height="0" y="0"></rect></g></svg><svg class="blocklyScrollbarHorizontal blocklyMainWorkspaceScrollbar" height="15" width="0" style="transform: translate(0.5px, -15.5px);"><g><rect class="blocklyScrollbarBackground" height="15" width="0"></rect><rect class="blocklyScrollbarHandle" rx="5" ry="5" height="10" y="2.5" width="0" x="0"></rect></g></svg><svg class="blocklyFlyout" id="multiFlyout" style="display: none;"></svg><svg class="blocklyBlockDragSurface" xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g transform="translate(0, 0) scale(0.9)"></g></svg><svg class="blocklyAnimationLayer" xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g></g></svg></div></div><div id="blocklyTrashIcon" style="opacity: 0; display: none;"><i class="trash icon" aria-hidden="true"></i></div></div></div></div><div class="full-abs" id="serialEditor" style="display: none;"><div id="serialArea" class="no-toggle hide-view-latest"><div id="serialHeader" class="ui serialHeader"><div class="leftHeaderWrapper"><div class="leftHeader"><button class="ui button " title="Go back" tabindex="0"><i class="icon arrow left " aria-hidden="true" role="presentation"></i><span class="ui text landscape only">Go back</span></button><div class="common-editor-toggle-outer"><div id="serial-editor-toggle" class="common-toggle-accessibility" role="tablist"><button id="serial-editor-toggle-selected" class="common-button selected" title="Console" role="tab" tabindex="0" aria-selected="true" data-isfocusable="true"><span class="common-button-flex"><span class="common-button-label">Console</span></span></button><button class="common-button" title="Data Log" role="tab" tabindex="-1" aria-selected="false" data-isfocusable="true"><span class="common-button-flex"><span class="common-button-label">Data Log</span></span></button></div><div id="serial-editor-toggle" class="common-editor-toggle slim tablet-compact" role="tablist" aria-hidden="true"><div class="common-editor-toggle-item selected"><button class="common-button" title="Console" role="tab" tabindex="-1" aria-hidden="true"><span class="common-button-flex"><i class="fas fa-terminal" aria-hidden="true"></i><span class="common-button-label">Console</span></span></button></div><div class="common-editor-toggle-item"><button class="common-button" title="Data Log" role="tab" tabindex="-1" aria-hidden="true"><span class="common-button-flex"><i class="fas fa-table" aria-hidden="true"></i><span class="common-button-label">Data Log</span></span></button></div><div class="common-editor-toggle-handle" aria-hidden="true"></div></div></div></div></div><div class="rightHeader"><button class="ui button ui icon button editorExport csv-hide" title="Save raw text" tabindex="0" aria-label="Save raw text"><i class="icon copy " aria-hidden="true" role="presentation"></i></button><button class="ui button ui icon blue button editorExport" title="Export data" tabindex="0" aria-label="Export data"><i class="icon download " aria-hidden="true" role="presentation"></i></button><button class="ui button ui left floated icon button green toggleRecord csv-hide" title="Pause recording" tabindex="0"><i class="icon pause icon " aria-hidden="true" role="presentation"></i></button><span class="ui small header">Simulator</span></div></div><div id="serialPlaceholder" class="ui segment"><div class="ui bottom left attached no-select label seriallabel">Values will be logged when the simulator sends data</div></div><div id="serialCharts"></div><div id="serialConsole"></div><div id="serialCsv"></div><button class="ui button " id="serialCsvViewLatest" tabindex="0">View latest row...</button></div></div><div class="full-abs" id="assetEditor" style="display: none;"><div class="asset-editor-outer"><div class="asset-editor-sidebar"><div class="common-list asset-editor-sidebar-info"><div class="common-list-item"><div>Asset Preview</div></div><div class="common-list-item"><div class="asset-editor-sidebar-preview"></div></div><div class="common-list-item"><div class="asset-editor-sidebar-name">No asset selected</div></div></div><div class="common-list asset-editor-sidebar-controls"><div class="common-list-item"></div><div class="common-list-item"></div><div class="common-list-item"></div><div class="common-list-item"></div><div class="common-list-item"><button class="common-button teal asset-palette-button" title="Open the color palette" role="button" tabindex="0" aria-label="Open the color palette"><span class="common-button-flex"><i class="fas fa-palette" aria-hidden="true"></i><span class="common-button-label">Colors</span></span></button></div></div><textarea class="asset-editor-sidebar-copy"></textarea></div><div class="asset-editor-gallery"><div class="asset-editor-topbar"><div class="asset-editor-gallery-tab selected" role="navigation">My Assets</div><div class="asset-editor-gallery-tab " role="navigation">Gallery</div></div><div class="asset-editor-card-list "><div><button class="common-button create-new inverted" title="Create a new asset" role="button" tabindex="0" aria-label="Create a new asset"><span class="common-button-flex"><i class="icon huge add circle" aria-hidden="true"></i><span class="common-button-label"></span></span></button></div></div><div class="asset-editor-card-list hidden"><div></div></div></div></div></div><div class="full-abs" id="monacoEditor" style="display: none;"><div id="monacoEditorArea" class="monacoEditorArea " style="direction: ltr;"><div id="monacoEditorRightArea" class="monacoEditorRightArea"><div id="monacoEditorInner"><div id="monacoFlyoutWidget" class="monacoFlyout" style="display: none;"><div id="monacoFlyoutWrapper" role="list"><div class="monacoFlyoutLabel monacoFlyoutHeading"><span class="monacoFlyoutHeadingIcon blocklyTreeIcon blocklyTreeIconDefault" role="presentation" style="color: rgb(109, 91, 165);"></span><div class="monacoFlyoutLabelText">undefined</div></div></div></div></div><div class="errorList errorListSummary " hidden=""><div class="errorListHeader" role="button" aria-label="Expand error list" tabindex="0"><h4>Problems</h4><div class="ui red circular label countBubble">0</div><div class="toggleButton"><i class="icon chevron up " aria-hidden="true" role="presentation"></i></div></div></div></div></div></div></div><div id="homescreen" class="full-abs"><div class="ui home projectsdialog"><header class="menubar" role="banner"><div class="ui accessibleMenu borderless fixed menu" role="menubar"><div class="ui item link inverted menu " role="menuitem" aria-label="New Project" title="New Project" tabindex="0"><i class="icon add circle icon-and-text " aria-hidden="true" role="presentation"></i><span class="ui text">New Project</span></div><div class="ui item link inverted menu " role="menuitem" aria-label="Import Project" title="Import Project" tabindex="0"><i class="icon upload icon-and-text " aria-hidden="true" role="presentation"></i><span class="ui text">Import Project</span></div><div class="ui item link inverted menu " role="menuitem" aria-label="Select Language" title="Select Language" tabindex="0"><i class="icon xicon globe icon-and-text " aria-hidden="true" role="presentation"></i><span class="ui text">Select Language</span></div><div class="ui item link inverted menu " role="menuitem" aria-label="High Contrast On" title="High Contrast On" tabindex="0"><span class="ui text">High Contrast On</span></div></div><div id="mainmenu" class="ui borderless fixed menu inverted " role="menubar"><div class="left menu"><div class="ui item logo organization" role="menuitem"><img class="ui logo " src="https://pxt.azureedge.net/blob/d6139e3d0af51f02aa5f8765ecb0985acbd98551/static/Microsoft_logo_rgb_W-white_D.png" alt="Microsoft MakeCode Logo"></div><div aria-label="micro:bit Logo" role="menuitem" class="ui item logo brand "><img class="ui logo" src="https://pxt.azureedge.net/blob/d955ce94fc3f7d2c6573300c71a56dc1d92c9bf0/static/logo.portrait.white.svg" alt="micro:bit Logo"></div></div><div class="right menu"><div></div><div role="menuitem" title="Settings" aria-haspopup="false" class="ui dropdown icon item icon more-dropdown-menuitem" tabindex="0"><i class="icon setting large " aria-hidden="true" role="presentation"></i><div role="menu" aria-label="Dropdown menu Settings" aria-hidden="false" class="menu"><div class="ui item link " role="menuitem" aria-label="Language" title="Language" tabindex="-1"><i class="icon xicon globe icon-and-text " aria-hidden="true" role="presentation"></i><span class="ui text">Language</span></div><div class="ui item link " role="menuitem" aria-label="High Contrast On" title="High Contrast On" tabindex="-1"><span class="ui text">High Contrast On</span></div><div class="ui divider"></div><div class="ui item link " role="menuitem" aria-label="Report Abuse..." title="Report Abuse..." tabindex="-1"><i class="icon warning circle icon-and-text " aria-hidden="true" role="presentation"></i><span class="ui text">Report Abuse...</span></div><div class="ui item link " role="menuitem" aria-label="Reset" title="Reset" tabindex="-1"><i class="icon sign out icon-and-text " aria-hidden="true" role="presentation"></i><span class="ui text">Reset</span></div><div class="ui item link " role="menuitem" aria-label="About..." title="About..." tabindex="-1"><span class="ui text">About...</span></div></div></div><div role="menuitem" title="User Menu" aria-haspopup="false" class="ui dropdown item icon user-dropdown-menuitem sign-in-dropdown" tabindex="0"><div class="signin-button"><div class="ui text widedesktop only">Sign In</div><i class="icon xicon cloud-user large " aria-hidden="true" role="presentation"></i></div><div role="menu" aria-label="Dropdown menu User Menu" aria-hidden="false" class="menu"><div class="ui item link " role="menuitem" aria-label="Sign in" title="Sign in" tabindex="-1"><span class="ui text">Sign in</span></div></div></div></div></div></header><div class="ui segment bottom attached tab active tabsegment" role="main"><div class="ui segment getting-started-segment hero" style="background-image: url("https://pxt.azureedge.net/blob/27137e90637eecca4fffc33c1d9b1ab0d20612d5/static/herogallery/hero-banner.png");"><div class="gradient-overlay"></div><div class="hero-banner-contents"><div class="description"><p>New? Start here!</p></div><div class="action"><button class="ui button large blue button" title="Open in Editor" tabindex="0" aria-label="Open in Editor"><span class="ui text">Start Tutorial</span></button></div><div class="dots"><button class="ui button empty circular label clear active" aria-label="View Flashing Heart hero image" title="View Flashing Heart hero image"></button><button class="ui button empty circular label clear false" aria-label="View Intro to micro:bit hero image" title="View Intro to micro:bit hero image"></button><button class="ui button empty circular label clear false" aria-label="View Behind the MakeCode Hardware hero image" title="View Behind the MakeCode Hardware hero image"></button><button class="ui button empty circular label clear false" aria-label="View Fun with Radio hero image" title="View Fun with Radio hero image"></button><button class="ui button empty circular label clear false" aria-label="View Soil Moisture Project hero image" title="View Soil Moisture Project hero image"></button></div></div></div><h1 class="accessible-hidden">MakeCode Home</h1><div class="ui segment gallerysegment mystuff-segment" role="region" aria-label="My Projects"><div class="ui heading"><div class="column" style="z-index: 1;"><h2 class="ui header myproject-header">My Projects<span class="view-all-button" tabindex="0" title="View all projects" role="button">View All</span></h2></div><div class="column right aligned" style="z-index: 1;"><button class="ui button icon icon-and-text import-dialog-btn" title="Import a project" tabindex="0"><i class="icon upload icon-and-text " aria-hidden="true" role="presentation"></i><span class="ui text landscape only">Import</span></button></div></div><div class="content"><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 1035px; margin-left: 0px;"><div class="carouselitem "><div role="button" class="ui card link buttoncard newprojectcard" title="Creates a new empty project" tabindex="0"><div class="content"><i class="icon huge add circle " aria-hidden="true" role="presentation"></i><span class="header">New Project</span></div></div></div></div></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Tutorials"><h2 class="ui header heading">Tutorials </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 1770px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Flashing Heart" tabindex="0"><div class="ui image"><label class="ui purple ribbon large label" aria-label="Flashing Heart label">New? Start Here!</label><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/bd3236c80ed86cbf0b99ff39f26469683c512ebc/static/mb/projects/a1-display.png" aria-hidden="true" role="presentation" style="background-image: url("https://pxt.azureedge.net/blob/bd3236c80ed86cbf0b99ff39f26469683c512ebc/static/mb/projects/a1-display.png");"></div></div></div><div class="content "><div class="header">Flashing Heart<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Name Tag" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/e03f64a983c3650f5487009bd9952b1248954e45/static/mb/projects/name-tag.png" aria-hidden="true" role="presentation" style="background-image: url("https://pxt.azureedge.net/blob/e03f64a983c3650f5487009bd9952b1248954e45/static/mb/projects/name-tag.png");"></div></div></div><div class="content "><div class="header">Name Tag<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Smiley Buttons" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/668a5a469bae3627ba78dab1f69b1a7e87972f28/static/mb/projects/a2-buttons.png" aria-hidden="true" role="presentation" style="background-image: url("https://pxt.azureedge.net/blob/668a5a469bae3627ba78dab1f69b1a7e87972f28/static/mb/projects/a2-buttons.png");"></div></div></div><div class="content "><div class="header">Smiley Buttons<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Dice" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/cb81642a25f424bc62d30f74f6072e07b6db85d9/static/mb/projects/dice.png" aria-hidden="true" role="presentation" style="background-image: url("https://pxt.azureedge.net/blob/cb81642a25f424bc62d30f74f6072e07b6db85d9/static/mb/projects/dice.png");"></div></div></div><div class="content "><div class="header">Dice<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Love Meter" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/5e81154127a6378383b7cab124bbb41ea9409a63/static/mb/projects/a3-pins.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Love Meter<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Micro Chat" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/d8cf0f404e04aa67a9f8ed773b2386aa202776de/static/mb/projects/a9-radio.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Micro Chat<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Tutorials for the new micro:bit (V2)"><h2 class="ui header heading">Tutorials for the new micro:bit (V2) </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 1770px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Pet Hamster" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/4afc8f359ae64a669b498e20420453694cc88050/static/mb/projects/pet-hamster.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Pet Hamster<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Countdown" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/7749fc15f90ffa7ccf6766279d5d05d5f7233cd8/static/mb/projects/countdown.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Countdown<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Morse Chat" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/c769d402c205d007202d08aaab240fd2ea3f3cd9/static/mb/projects/morse-chat.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Morse Chat<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Clap Lights" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/7d692df59a81d2b7fce4fbb1e4cdb9f536e176e2/static/mb/projects/clap-lights.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Clap Lights<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Blow Away" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8e8fe5e02c36d7841a700d03a8537d0d8873a022/static/mb/projects/blow-away.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Blow Away<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Cat Napping" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/865267c7646dce446ae5542df9176a61040edd20/static/mb/projects/cat-napping/1_lychee.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Cat Napping<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Live Coding"><h2 class="ui header heading">Live Coding </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 8385px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Heads Guess!" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/658d58d908eeb20532e2eca00a189a99fd504ef1/static/live-coding/WgMj1AT2G38.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Heads Guess!<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Micro Chat" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/109972f4677274fa76c7886a4a25b5671784d7ee/static/live-coding/5XqsGROG2fI.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Micro Chat<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="7 second game" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/a1a103759cc6e8eade0acae91bb6a60c753c9786/static/live-coding/LINr5wa4okg.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">7 second game<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Hack Your Headphone" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/29c38847a64c11b545e6563d86d1cbcd73bcd84f/static/live-coding/pC02U_YaSMw.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Hack Your Headphone<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Stopwatch" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/9f286d68328f1ca2a8f9f633e0c48f74618236e3/static/live-coding/RFXS871b50I.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Stopwatch<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Love Meter" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/0d9b2e15fd3655af9c77a1af6a5bc6800b47f4f5/static/live-coding/1IYsy0_9n8g.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Love Meter<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Coin Toss" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/5041d9d78e4c98ab287c5812101bd97ddf1dfd5b/static/live-coding/678ATmGGlvk.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Coin Toss<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Smiley Buttons" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/f309fe622d8fd9dd4c65ec6d992a87d7d6ead7a1/static/live-coding/BgDxz3M7JIM.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Smiley Buttons<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Binary Stopwatch" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/c313a6d71ff78fb273ee9330474d55ddd3b23ccf/static/live-coding/Jm3yxMA1mDo.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Binary Stopwatch<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Flashing Heart" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/5067ce1f1d7789f7fd23145cd63655548252d21e/static/live-coding/NvEOKZ8wh9s.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Flashing Heart<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Flashing Heart" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/f4ddd131e0dc510ba2f1eb1cf134eab76540a120/static/live-coding/2Q9mf8a9Bt8.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Flashing Heart<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Temperature" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/dec63bb3a29287013bef5402e4073fa2d15d55d6/static/live-coding/uv4NtRzMwaA.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Temperature<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Compass" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/4b18340386bf313a9f1b9e30a94300e04cfd436f/static/live-coding/9IyssvevhJ0.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Compass<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Tug of LED" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/d239ab4298522a565847d516661eb255ab3f5e07/static/live-coding/oZrvVB4cGWU.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Tug of LED<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Stopwatch progress" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/310cfa6ce9c48165b1abc8b7494e3d959ee792e5/static/live-coding/2aAcBP2xcaI.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Stopwatch progress<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Red Light Green Light" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/728aa297d1d62c3f460064f93bce654f4eb2f506/static/live-coding/Cm22diu8CFA.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Red Light Green Light<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Guitar" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/74f8316dd3fe088bde8ef472f77b4d3224a26f1a/static/live-coding/dcSIy1dD5Rg.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Guitar<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Rock Paper Scissors" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/83817e1326b9ae8290ffaf41d4e7fde5465bfb5c/static/live-coding/94lLBB3b1kU.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Rock Paper Scissors<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Name Tag" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8b657f2c280cc4486b2845c6307d38f89b2b7fb2/static/live-coding/xpRI5jjQ31E.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Name Tag<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Level" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/43d31537c56a76d46c0a6cfa6443ce8d21ae58a4/static/live-coding/MLb9qTV5-5w.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Level<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Radio Firefly" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ba860019ace04b94fd29e15182ffe5753a97834b/static/live-coding/_t14jxCuMJg.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Radio Firefly<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Hot Or Cold" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/c7ebb14b33986398dd335bdb92c525d315a80afe/static/live-coding/uUeY3dHiXkE.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Hot Or Cold<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Programmable LEDs" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/1c1aeb61e50092ef939c860a9adea03c38784e7f/static/live-coding/bV8Co98AYkA.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Programmable LEDs<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Dice" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/beae1d6b7780db58ac5fdfab9e823b3338b1cbbe/static/live-coding/OmrmjtOm_sQ.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Dice<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Multi Dice" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/5857b9610437f92b7db7fb55bd1e1fe05be983e8/static/live-coding/r-rsS4Pl6YQ.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Multi Dice<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Combination Lock" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ba772ca62cf9f53653b234f6b66efbdc20603d14/static/live-coding/DRd0jjiSXGM.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Combination Lock<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Hand Washing Timer" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/6d2b6168373c6f59abeb7f3a9de9df66c71259b3/static/live-coding/yFviqqPlWyQ.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Hand Washing Timer<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Arcade Buttons!" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/a5300a119411dbfb4fbe9c2e5f118e2fed5d784a/static/live-coding/Gy_B--9iuXQ.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Arcade Buttons!<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Snap The Dot" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/c1364cb7319282ac0b7e9b2a11953e8d515fa483/static/live-coding/ew15T97VrF4.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Snap The Dot<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Step Counter" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/eef5f9ee4fcaaf11193850cb81c5286be483a82a/static/live-coding/TTI0OfoclcU.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Step Counter<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Hot Potato" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/03b9e39cb2699a7ef467adcb175eed81cec60810/static/live-coding/xLEy1B_gWKY.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Hot Potato<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Reaction Time Game" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/6e99ab9f162344e3bbdb80ff2b6977724cdd385f/static/live-coding/S_hzUenqAM0.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Reaction Time Game<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="PlayList" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/a0fcafcb035c072049fbf1a1d35dbf3dded6ee36/static/live-coding/playlist.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">PlayList<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Games"><h2 class="ui header heading">Games </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 3485px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Rock Paper Scissors" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/49b5a6cb22d424ca0ecc4a9be40e3131555f36cd/static/mb/projects/a4-motion.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Rock Paper Scissors<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Rock Paper Scissors V2" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ed15d50415d6a1524309265c13954640c0bc628f/static/mb/projects/a4-motion-v2.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Rock Paper Scissors V2<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Coin Flipper" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/53bf6ef82031d61f77ea870ac7a09ec81ab827d9/static/mb/projects/coin-flipper.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Coin Flipper<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="7 seconds" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/fbcb39e7e207b8420d49a89ff6c37722db04a7a3/static/mb/projects/7-seconds.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">7 seconds<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Hot Potato" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/7943cd652a8d40145adac971ed236faea8e3865a/static/mb/projects/hot-potato.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Hot Potato<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Heads Guess!" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/e1cd97f5ed44fd7a9de8f9ac505f56c0519818bd/static/mb/projects/heads-guess.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Heads Guess!<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Reaction Time" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/5c476ece3361a4f03f568c3079a3b607657e5600/static/mb/projects/reaction.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Reaction Time<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Tug-Of-LED" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/58e84193e01123ccede06bcbd08a7ff9149c4f67/static/mb/projects/tug-of-led.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Tug-Of-LED<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Magic Button Trick" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/6e19d321a2f74b2350b066eb6975e9daf7a9de55/static/mb/projects/magic-button-trick.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Magic Button Trick<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Snap the dot" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/acf9073a183d57cda6f3ede5481c8c3d6cc074b4/static/mb/projects/snap-the-dot.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Snap the dot<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Salute!" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8dbe4892ad5c8fefd3ae8c94bdcfaf375b2418c4/static/mb/projects/salute.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Salute!<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Karel the LED" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/b6ba95f517a555af4b60e3b2651bf4b45b00cea6/static/mb/projects/karel.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Karel the LED<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Crashy bird" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/b8ee6a813f7ad3bf07e1ab001c0ec8b4533bee9d/static/mb/projects/crashy-bird.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Crashy bird<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Radio Games"><h2 class="ui header heading">Radio Games </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 3240px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Multi Editors" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/1a12f370f97e6cc3155f2806d9d2a91279daa447/static/multi.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Multi Editors<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Multi Dice" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ec5f11b53fd8cc169282cda4c0137900f94c9bb2/static/mb/projects/multi-dice.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Multi Dice<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Mood Radio" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/d64ef7926115c264357744690506c4b4b31a5a21/static/mb/projects/mood-radio.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Mood Radio<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Tele-potato" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/bc064d39120791326c9aad79d1a68b86eb137912/static/mb/projects/tele-potato.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Tele-potato<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Fireflies" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/86c57f90409d89d50724462fe67104b5005de5c8/static/mb/projects/fireflies.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Fireflies<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Hot or Cold" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/3c4006f1f78d08c0cc8757c084f574dcbb418221/static/mb/projects/hot-or-cold.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Hot or Cold<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Red Light Green Light" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/38953c4a233556fd0c8a50e820adf205ce941517/static/mb/projects/red-light-green-light.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Red Light Green Light<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Voting Machine" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/c35aa054c09b82ed934ded10741199724bbaa6a5/static/mb/projects/voting-machine.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Voting Machine<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Rock Paper Scissors Teams" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/2218a1e22aa8401562c288d44dc4ae9135185458/static/mb/projects/rpsteams.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Rock Paper Scissors Teams<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Micro:Coin" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/2219ef13d9e4b84dc8a69f7eb765ec20a602c598/static/mb/projects/micro-coin.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Micro:Coin<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Infection" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/05587ddaaffcbba58ef8fe5cedfa6eb5a28ef93d/static/mb/projects/infection.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Infection<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Best Friends" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/d37d4ed1418e051bc5a7728b78484baef6aa36d1/static/mb/projects/best-friends.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Best Friends<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Fashion"><h2 class="ui header heading">Fashion </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 1525px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Duct Tape Wallet" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/02f34ed7967954ad03ead799a02ff685a9a7b1be/static/mb/projects/wallet.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Duct Tape Wallet<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Watch" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/9781b7592b0254a749058161321d10a303cbb8c3/static/mb/projects/a10-watch.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Watch<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Step counter" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/9454f9aabb1f3a01f19d623ca336333baa07280c/static/mb/projects/step-counter.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Step counter<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Duct Tape Watch" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/160ebb4fd07f702bee5fbd977de6ee09cbf64d88/static/mb/projects/duct-tape-watch.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Duct Tape Watch<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Name badge" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/97fb936917af50584b4b454886f0b2e17f0db974/static/mb/projects/name-badge.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Name badge<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Music"><h2 class="ui header heading">Music </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 1525px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Hack Your Headphones" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/6a1e39f158250b5aa6d577e4bb8058e3be3107c5/static/mb/projects/a6-music.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Hack Your Headphones<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Banana Keyboard" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/1c3ab640d9959394a118f71113526a2171ebe337/static/mb/projects/a7-conductive.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Banana Keyboard<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Guitar" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/6866549bb7da7e384020892e45764f82b47d86cc/static/mb/projects/guitar.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Guitar<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Jonny's Bird" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/149eb94a97b8467c6d610bab3584e5b28e52d289/static/mb/projects/jonnys-bird.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Jonny's Bird<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Electric Guitar" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ac3b47b705a786ec2532df02ba315e9dd749a869/static/mb/projects/electric-guitar.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Electric Guitar<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Toys"><h2 class="ui header heading">Toys </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 2750px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Inchworm" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/d984848ed5cfd4bb3d1f74d3b2c34983ab0bb755/static/mb/projects/inchworm.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Inchworm<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Milk Carton Robot" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/b2e3dfcb937263c780aebfa1ffff5d9852819f76/static/mb/projects/milk-carton-robot.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Milk Carton Robot<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Robot Unicorn" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/0299b8510f51cf82a26ac6717b2a6a41a2c65e33/static/mb/projects/robot-unicorn/robotunicorn.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Robot Unicorn<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Ticklebot" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8079e12ec4825d7a1a05ba26b6e5a20b74861204/static/mb/projects/ticklebot.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Ticklebot<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Octobot" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8d360b0eaf549a4055f827beb478213b4ec038ac/static/mb/projects/octobot.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Octobot<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Two Player Maze" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/356a0f116c6394810752309ae92c8c75829573e8/static/mb/projects/twoplayermaze.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Two Player Maze<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Milky Monster" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/42026d8cb788c73cc2ab41a8ad20c4775c6b6210/static/mb/projects/milky-monster.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Milky Monster<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Railway Crossing" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/f5621352fec64fd7adf395bf6e8978144becbc0f/static/mb/projects/railway-crossing.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Railway Crossing<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Kitronik RC Car Hack" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/22b044e10774fb9e4ce471f4d4c6e2221285225b/static/mb/projects/rc-car.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Kitronik RC Car Hack<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Rotary Dial Radio" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/9e1df0020b88b557a074762bfc7973019e147293/static/mb/projects/rotary-dial-radio.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Rotary Dial Radio<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Science"><h2 class="ui header heading">Science </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 1280px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Timing Gates" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ca012263c4ef9c6e947e935431e9fd3a9a5eda8e/static/mb/projects/timegate.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Timing Gates<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Soil Moisture" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/b92498c1c8a9405f561223fe79fa157b0bfca2d8/static/mb/projects/soilmoisture.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Soil Moisture<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Plant Watering" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/a4db332fa7a5c4a67a76a5c711aff2218a947df8/static/mb/projects/plantwatering.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Plant Watering<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="States of Matter" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/927b5b97850737824cb5deb25ffa76196fd0440e/static/mb/projects/som.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">States of Matter<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Tools"><h2 class="ui header heading">Tools </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 2260px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Stopwatch" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/08f4dfd75a0609e5b15aa8d7ce74a4b9f3d43660/static/mb/projects/stopwatch.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Stopwatch<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Level" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/19adbfcbd3a4b3797f468b08f058d9e1ff1b18dd/static/mb/projects/level.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Level<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Compass" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/d3e34ce80d0f558d6dda199a5c33f9770ab93d2f/static/mb/projects/a5-compass.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Compass<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Plot Acceleration" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/6c5df7122aa585e7afe0e28241d86c86d618fb50/static/mb/projects/plot-acceleration.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Plot Acceleration<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Light Level Meter" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/26a8515fe0815c95eb40da0612a58b27e8055434/static/mb/projects/light-level-meter.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Light Level Meter<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Analog Pin Tester" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/9490edfeaf0b05af32f9e85d0b7558b869668b09/static/mb/projects/analog-pin-tester.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Analog Pin Tester<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Servo Calibrator" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/bf3adc67d893471bcb97475e63043060fa6f5301/static/mb/projects/servo-calibrator.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Servo Calibrator<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Radio Bridge" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8d6f9428c66a61decec54432f63a9d914423e777/static/mb/projects/radio-bridge.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Radio Bridge<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Turtle"><h2 class="ui header heading">Turtle </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 1035px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Square" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/c2d0656df501cefb677bc119c17ebd1858fe4cdf/static/mb/projects/turtle-square.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Square<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Spiral" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8cacf446466d44be87beca3a628c7358493c05f5/static/mb/projects/turtle-spiral.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Spiral<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Scanner" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/7c2c72e8981d5179af58c6358e71f14b5b841070/static/mb/projects/turtle-scanner.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Scanner<div class="tags"></div></div></div></div></div></div></div></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Blocks to JavaScript"><h2 class="ui header heading">Blocks to JavaScript </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 2015px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Hello JavaScript" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/71f6dbe0e456902f15e3d55bc9be97e755b0d7a7/static/courses/blocks-to-javascript/hello-javascript.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Hello JavaScript<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Starter Blocks" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/dd72f0cb8ad54f82469219c63baf00da88434655/static/courses/blocks-to-javascript/starter-blocks.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Starter Blocks<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Writing Code" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ec23dcee926f67f398f3096a39c98ea14e8e7319/static/courses/blocks-to-javascript/writing-code.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Writing Code<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Complex Conditionals" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8565f996935bf8c582f952d047784d940827da3e/static/courses/blocks-to-javascript/conditionals.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Complex Conditionals<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Conditional Loops" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/df286eec4a982ac70b56854d62b1ebc10aa81552/static/courses/blocks-to-javascript/conditional-loops.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Conditional Loops<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Command Responder" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/1d77598829e7d34b4c3ecb70687e34b28d9ffd2d/static/courses/blocks-to-javascript/command-responder.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Command Responder<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Writing Functions" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ec23dcee926f67f398f3096a39c98ea14e8e7319/static/courses/blocks-to-javascript/writing-code.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Writing Functions<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Courses"><h2 class="ui header heading">Courses </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 5690px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="First Lessons" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/34b80c0722e04a31e364720f10c235dac906dc1f/static/courses/first-lessons.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">First Lessons<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Intro to CS Online" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ce157b871e8d7330375d8dc8ade57d7426259ef4/static/courses/csintro.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Intro to CS Online<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Intro to CS Classroom" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/68dbc34cb4f4d78962ce83c5908fc45d464359e5/static/courses/csintro-educator.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Intro to CS Classroom<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Science Experiments" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/af0c175d0cd21f0bc04d407ae6804a2b3b1749e7/static/courses/ucp-science.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Science Experiments<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Cyber Arcade: Programming and Making with micro:bit" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/252d2c401f3a88466847557836a6930489b529a1/static/courses/maker-ed-cyber-arcade.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Cyber Arcade: Programming and Making with micro:bit<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Learn All About micro:bit" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ab890a52da1d929915040ee7ed61cf31fee98a52/static/courses/beaconhill.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Learn All About micro:bit<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Coding and Innovation" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/b591bdad3849f940b262971c88a553e27ab1b1fd/static/courses/coding-innovation.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Coding and Innovation<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="micro:bit Starter Lessons" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/917d0e25541f825bcf56732adfa4d1f2bcca3742/static/courses/mr-morrison/starter-lessons.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">micro:bit Starter Lessons<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="micro:bit Beyond Basics" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/3f581ad380014fd995725b6b2fe184925064f48b/static/courses/mr-morrison/beyond-basics.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">micro:bit Beyond Basics<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="micro:bit Data and Sustainability" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/5de39fceee977e2e6038a051f674411f64942e42/static/courses/mr-morrison/data-sustainability.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">micro:bit Data and Sustainability<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="First Steps" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/4d53372d91b069dad961e79bdb2bf0c5eb5909cf/static/courses/first-steps.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">First Steps<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Make it: code it" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/3d34178663e288e89f8d83f4eea31df021cf78a5/static/courses/make-it-code-it.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Make it: code it<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Networking with the micro:bit" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8d1dc902991ca290e8e407ee1d0ae20ab20fff8d/static/courses/networking-book.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Networking with the micro:bit<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="SparkFun Videos" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://i.ytimg.com/vi/kaNtg1HGXbY/hqdefault.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">SparkFun Videos<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Logic Lab" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/913547b648afa8249a5780595b4007de3b8ecad4/static/courses/logic-lab.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Logic Lab<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="CodeJoy Remote Robotics" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/b13c985501b729c0fec1ea6b4bf2a0446a56edaf/static/courses/codejoy.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">CodeJoy Remote Robotics<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Blocks to JavaScript" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/71f6dbe0e456902f15e3d55bc9be97e755b0d7a7/static/courses/blocks-to-javascript.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Blocks to JavaScript<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="SparkFun Inventor's Kit" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/73d353931ed64c8370c12ad0bfdcfc97e1cbeb62/static/courses/sparkfun-inventors-kit.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">SparkFun Inventor's Kit<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Kitronik Inventor Kit" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/403e9de421964346b5ce7b70ccdfd39a80293113/static/courses/kitronik-inventor-kit.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Kitronik Inventor Kit<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="micro:bit of Things" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/05168e4f99c0497b8f212e08c5cf39ee505b3400/static/courses/microbit-of-things.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">micro:bit of Things<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="ARM University - micro:course" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/7056be8e2848fc09946b3f4dd92b99d9ba314960/static/courses/armu-micro-course.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">ARM University - micro:course<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="A-Z Robotics" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/252b5a5fe4d961a5e97f85cf0fa3bf9588158b10/static/courses/tinkerspark.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">A-Z Robotics<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Jacdac"><h2 class="ui header heading">Jacdac </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 2015px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Getting started" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/5ce8749eeeb7cb038eb05aafa23b8c007b70f107/static/jacdac/getting-started.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Getting started<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Button smasher" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8647705bb28828c99fdc7e71fea5fffdacbeadd2/static/jacdac/button-smasher.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Button smasher<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Slider Sound Bender" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/30d00d12ab8acd2bdc416b6efe64f87206a3b476/static/jacdac/slider-sound-bender.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Slider Sound Bender<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Light Sound Bender" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ac45ecd7069a4ddfedb1e8a28a512bc4c8b715e8/static/jacdac/light-sound-bender.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Light Sound Bender<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Rotary Sound Bender" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/cdb08eace14c9f6da41101f5880212289c1e67c1/static/jacdac/rotary-sound-bender.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Rotary Sound Bender<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Sound LED" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/04a60d62c509411d2f4ac596b710bcaa5fb8667e/static/jacdac/sound-led.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Sound LED<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Magnetic Sound Bender" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/3b139ef7878d8aa056c8bd18d6b503fcba24b8d2/static/jacdac/magnetic-sound-bender.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Magnetic Sound Bender<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="MicroCode for the new micro:bit (V2)"><h2 class="ui header heading">MicroCode for the new micro:bit (V2) </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 1035px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Getting Started" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ef4ce4a0e2df6f3c58d6502f0459e673206cb39b/static/microcode/home.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Getting Started<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="User Guide" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/bd80e94a05c8e562f80b9daf2861cb671cd54730/static/microcode/userguide.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">User Guide<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Samples" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/64c6b3d6a9720dd4bb0909b9a59176a3bd782d7e/static/microcode/samples.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Samples<div class="tags"></div></div></div></div></div></div></div></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Behind the MakeCode Hardware"><h2 class="ui header heading">Behind the MakeCode Hardware </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 2505px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="LEDs" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/e72927e4891dbfd8231e42bc6e80a58872e11938/static/mb/behindhardware/leds.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">LEDs<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Buttons" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/43a5bd7c6a36efa1f646de13568eb0ffbfb7fed2/static/mb/behindhardware/buttons.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Buttons<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Accelerometer" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ebad6889828f08e8584451ec09506e5ef9420fda/static/mb/behindhardware/accelerometer.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Accelerometer<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Light Sensor" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/cbe1c11c72f330b5f6cae9e86980e6aa7e664260/static/mb/behindhardware/light-sensor.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Light Sensor<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Temperature Sensor" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ad111bae4df3c5efb33329763d5ea520be444d2d/static/mb/behindhardware/temperature-sensor.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Temperature Sensor<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Pin Pressed" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/430c372825016e8e6c2f8f9b2a9da03c938377c7/static/mb/behindhardware/pin-pressed.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Pin Pressed<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Radio" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/02b076638bffab9e302ca149d4a93218897ab207/static/mb/behindhardware/radio.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Radio<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Servo Motor" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/4610cf1702dde88482df1a7f7f534001497ce775/static/mb/behindhardware/servo.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Servo Motor<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Speakers" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/90ea3c47df8ab6ab1588a19fe48b504768e032d0/static/mb/behindhardware/speakers.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Speakers<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Science Experiments"><h2 class="ui header heading">Science Experiments </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 2260px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Data Collection" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/73c4fc32f94f93a14b39d52a81b51616118e2fd7/static/mb/science-experiments/data-collection.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Data Collection<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Population Trait Counter" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/672132fecad92537ec9cc53712e5cfd8d1934980/static/mb/science-experiments/population-trait.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Population Trait Counter<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Temperature Sensor" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/dd8866cd460462d0d1cc806f6509281e158a3a5a/static/mb/science-experiments/temperature-sensor.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Temperature Sensor<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Soil Moisture Sensor" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/276ed772c717d42bfd6aaca69e1cc838913b3688/static/mb/science-experiments/soil-moisture.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Soil Moisture Sensor<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="EMG Muscle Sensor" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/bc90db9f7bee7105ede0e24c42a15708fdd5b1ad/static/mb/science-experiments/emg-muscle-sensor.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">EMG Muscle Sensor<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Egg Drop" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/70af283e849dfae2cec04d16eb27212233f69f14/static/mb/science-experiments/egg-drop.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Egg Drop<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Battery Tester" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/bc44f33688e55e4a8df5397532a25f8274a6cc0e/static/mb/science-experiments/battery-tester.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Battery Tester<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Rocket Acceleration" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/b8f11bd2bf2e25bc1a18b26054a3b22850e275d5/static/mb/science-experiments/rocket-acceleration.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Rocket Acceleration<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Coding for Teachers"><h2 class="ui header heading">Coding for Teachers </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 2995px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Part 1 - Introduction" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/b3b9f903c16ef71233098dc858f975b00d9cfffd/static/coding-for-teachers/hr8O_pslp8Q.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Part 1 - Introduction<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Part 2 - Connect & Code" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/70be3e89bd47d8aff7a992c4d5098d4e1df2e053/static/coding-for-teachers/_cTHlQXwEO4.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Part 2 - Connect & Code<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Part 3A - LED lighting" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/e6499f66985b2e1ecc630aa1ced7e5ff1617d994/static/coding-for-teachers/gnSRkUxBV18.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Part 3A - LED lighting<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Part 3B - LED Neopixels" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8d2c9edbcc7552506b8075ea653ec3d6b3a4d9ad/static/coding-for-teachers/G5LjM_Izk88.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Part 3B - LED Neopixels<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Part 4 - Making Music" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/1e4747781e36b268d21b53e9cf7b74ce715fa68a/static/coding-for-teachers/6hxvLZSM_pM.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Part 4 - Making Music<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Part 5 - Motors & Servos" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/7ac3b8e06b4770171c500625eaeb458eb7683b95/static/coding-for-teachers/BDMm0C94wEw.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Part 5 - Motors & Servos<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Part 6 - Coding tips - Variables and Conditionals" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/70211727bbee106aac8016f7cda3a39483de34d7/static/coding-for-teachers/Z_Gy8yEhq2Q.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Part 6 - Coding tips - Variables and Conditionals<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Part 7 - Making a Virtual Pet" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/29c62511ab5d906d66021ad2eb5414c9b88e1d84/static/coding-for-teachers/zc3njwmP_O8.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Part 7 - Making a Virtual Pet<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Part 8 - Making a servo powered waving arm and inch worm" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/df18b15c4426d2a526dabc9a090f8d464f1bf2b3/static/coding-for-teachers/e1H0e6un7DY.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Part 8 - Making a servo powered waving arm and inch worm<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Part 9 - Making a digital dice" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/e0320fd6a5272e01f460409e11e93cf646499a7e/static/coding-for-teachers/XlybhOO8838.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Part 9 - Making a digital dice<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="PlayList" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/e0292018fb817c67534f00634cf54caefc13d701/static/coding-for-teachers/playlist.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">PlayList<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Coding Cards"><h2 class="ui header heading">Coding Cards </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 2260px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Make a Digital Balance" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/6b23939cba12166b5392cdcb911f0f88efbf050f/static/coding-cards/balance-card.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Make a Digital Balance<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Make a Digital Dice" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/94fac1a09c2a69cf26879e94a620df0c5a6aeb87/static/coding-cards/dice-card.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Make a Digital Dice<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Make a Trundle Wheel" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/c3ae03f5562aca2d9b130e5266cd473c38ec2ed4/static/coding-cards/trundlewheel-card.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Make a Trundle Wheel<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Nervous" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/772ddd245a8d2b6fdddc7b21c1ee22d807f594fe/static/coding-cards/games-nervous.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Nervous<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Reaction" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/a2e50f68968ce48b60e55427f28d37ab8e16c269/static/coding-cards/games-reaction.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Reaction<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Shake the Bottle" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/2f4a51bf53e02d10f8e2ae528b778d09c323c44c/static/coding-cards/games-shake.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Shake the Bottle<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Sprite Based Games" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/caa6533ed2cb6da878023f710180785734124c16/static/coding-cards/games-sprite.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Sprite Based Games<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Zen" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/9677eb375951c2d85c9483ee43fd430bb3bf7c90/static/coding-cards/games-zen.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Zen<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui segment gallerysegment" role="region" aria-label="Deep Dive"><h2 class="ui header heading">Deep Dive </h2><div class="content"><div><div class="ui carouselouter"><div class="carouselcontainer"><div class="carouselbody" style="width: 3730px; margin-left: 0px;"><div class="carouselitem "><div class="ui card link example" role="button" aria-label="MakeCode for the micro:bit – 2020 Beta Release" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/d8cb13886abe35c5f103f9c51095900d35f57e92/static/deep-dive/RpK4Cg42eNk.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">MakeCode for the micro:bit – 2020 Beta Release<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="WebUSB" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/adc92027de885073a3a6bd1cb391b597f4df2bc7/static/deep-dive/_-xtP2FH9B8.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">WebUSB<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Melody Block and Multi Editor!" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/de4086e24258c02fed3c8f5d45b37bc28da086f3/static/deep-dive/IkZKTzp7H0k.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Melody Block and Multi Editor!<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Functions" tabindex="0"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/9d57e11e32c0fcffe4903efe5619b91bd6981a89/static/deep-dive/qDNdaeEMtjA.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Functions<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Debugger" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/e87c23397152b57aa6a2b3c175353ec971b71bce/static/deep-dive/pFKMljVFMsU.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Debugger<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="GitHub" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/c1eee95212ba885b227d18d870309f9821c1e762/static/deep-dive/BUNf_UiA_MY.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">GitHub<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="GitHub for Extensions" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/450bdcdbc3e97258ae8818fa66f41d2a57aa7ae4/static/deep-dive/ztrm4XehfGo.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">GitHub for Extensions<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Python!" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ad6f1ff167a298dcbcd09b1152bc1ba22167bd91/static/deep-dive/qBNU9qR3gXw.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Python!<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="In Context Translations" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/ee2acbcd8aae81024d60be16fdeca73ecee74e73/static/deep-dive/JVTyuFDGHik.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">In Context Translations<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Creating Tutorials" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/901985ae5098a8eec6b688ca228ce77f94816df2/static/deep-dive/R-kY-dQXZvA.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Creating Tutorials<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="GitHub Explorer" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/b0418e430b1c3dff53a94684f4a2a2eecc88243b/static/deep-dive/76fNLYOAyl4.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">GitHub Explorer<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="Custom blocks" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/8a2c5c16a1f3c3b93ce78e3241da5dff31683138/static/deep-dive/Ku_nHstZS64.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">Custom blocks<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="MakeCode for micro:bit 2020 release" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/6aed02d2bcc2e8ce77f119e8463223a6902f765b/static/deep-dive/jjTUjrlw8vQ.jpg" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">MakeCode for micro:bit 2020 release<div class="tags"></div></div></div></div></div><div class="carouselitem "><div class="ui card link example" role="button" aria-label="PlayList" tabindex="-1"><div class="ui image"><div class="ui imagewrapper" aria-hidden="true" role="presentation"><div class="ui cardimage" data-src="https://pxt.azureedge.net/blob/f32312b20ce5d15b7471981dfa744be0f40b7f3a/static/deep-dive/playlist.png" aria-hidden="true" role="presentation"></div></div></div><div class="content "><div class="header">PlayList<div class="tags"></div></div></div></div></div></div></div><span role="button" class="carouselarrow right aligned" tabindex="0" title="See more" aria-label="See more"><i class="icon circle angle right " aria-hidden="true" role="presentation"></i></span></div></div></div></div><div class="ui horizontal small divided link list homefooter" role="contentinfo"><a class="item" target="_blank" rel="noopener noreferrer" href="https://makecode.com/">Microsoft MakeCode</a><a class="ui icon icon-and-text item" rel="" role="button" tabindex="0"><i class="icon xicon globe icon-and-text " aria-hidden="true" role="presentation"></i><span class="ui text">Language</span></a><a target="_blank" class="item" href="https://makecode.com/termsofuse" rel="noopener noreferrer">Terms of Use</a><a target="_blank" class="item" href="https://makecode.com/privacy" rel="noopener noreferrer">Privacy</a><a class="ui item" rel="" role="button" tabindex="0"><span class="ui text">v7.0.42</span></a></div></div></div></div><div></div><div></div><div></div></div></div>
</div>
</div>
<div id="msg" aria-live="polite">
<div id="errmsg" class="ui red inverted segment"></div>
<div id="warnmsg" class="ui orange inverted segment"></div>
<div id="infomsg" class="ui teal inverted segment"></div>
<div id="compilemsg" class="ui ignored info message"></div>
</div>
<script>
// This line gets patched up by the cloud
var pxtConfig = {
"relprefix": "/---",
"verprefix": "",
"workerjs": "/---worker",
"tdworkerjs": "/---tdworker",
"monacoworkerjs": "/---monacoworker",
"gifworkerjs": "/---gifworker",
"serviceworkerjs": "/---serviceworker",
"typeScriptWorkerJs": "/---tsworker",
"pxtVersion": "?",
"pxtRelId": "f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888",
"pxtCdnUrl": "https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/",
"commitCdnUrl": "https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/",
"blobCdnUrl": "https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/",
"targetUrl": "https://makecode.microbit.org",
"targetVersion": "?",
"targetRelId": "f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888",
"targetCdnUrl": "https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/",
"targetId": "microbit",
"runUrl": "/---run",
"docsUrl": "/---docs",
"multiUrl": "/---multi",
"asseteditorUrl": "/---asseteditor",
"skillmapUrl": "/---skillmap",
"authcodeUrl": "/---authcode",
"multiplayerUrl": "/---multiplayer",
"kioskUrl": "/---kiosk",
"teacherToolUrl": "/---eval",
"partsUrl": "https://trg-microbit.userpxt.io/---siminstructions",
"simUrl": "https://trg-microbit.userpxt.io/---simulator",
"simserviceworkerUrl": "https://trg-microbit.userpxt.io/---simserviceworker",
"simworkerconfigUrl": "https://trg-microbit.userpxt.io/---simworkerconfig",
"cdnUrl": "https://pxt.azureedge.net"
};
</script>
<!-- include apptrackingweb.html -->
<script type="text/javascript" src="https://pxt.azureedge.net/blob/87ae770e1899e7514fa4b7722d60d7a12cf5ea68/pxtweb.js"></script>
<!-- begin usabilla live embed code -->
<script type="text/javascript">window.lightningjs||function(n){var e="lightningjs";function t(e,t){var r,i,a,o,d,c;return t&&(t+=(/\?/.test(t)?"&":"?")+"lv=1"),n[e]||(r=window,i=document,a=e,o=i.location.protocol,d="load",c=0,function(){n[a]=function(){var t=arguments,i=this,o=++c,d=i&&i!=r&&i.id||0;function s(){return s.id=o,n[a].apply(s,arguments)}return(e.s=e.s||[]).push([o,d,t]),s.then=function(n,t,r){var i=e.fh[o]=e.fh[o]||[],a=e.eh[o]=e.eh[o]||[],d=e.ph[o]=e.ph[o]||[];return n&&i.push(n),t&&a.push(t),r&&d.push(r),s},s};var e=n[a]._={};function s(){e.P(d),e.w=1,n[a]("_load")}e.fh={},e.eh={},e.ph={},e.l=t?t.replace(/^\/\//,("https:"==o?o:"http:")+"//"):t,e.p={0:+new Date},e.P=function(n){e.p[n]=new Date-e.p[0]},e.w&&s(),r.addEventListener?r.addEventListener(d,s,!1):r.attachEvent("onload",s);var l=function(){function n(){return["<!DOCTYPE ",o,"><",o,"><head></head><",t,"><",r,' src="',e.l,'"></',r,"></",t,"></",o,">"].join("")}var t="body",r="script",o="html",d=i[t];if(!d)return setTimeout(l,100);e.P(1);var c,s=i.createElement("div"),h=s.appendChild(i.createElement("div")),u=i.createElement("iframe");s.style.display="none",d.insertBefore(s,d.firstChild).id="lightningjs-"+a,u.frameBorder="0",u.id="lightningjs-frame-"+a,/MSIE[ ]+6/.test(navigator.userAgent)&&(u.src="javascript:false"),u.allowTransparency="true",h.appendChild(u);try{u.contentWindow.document.open()}catch(n){e.domain=i.domain,c="javascript:var d=document.open();d.domain='"+i.domain+"';",u.src=c+"void(0);"}try{var p=u.contentWindow.document;p.write(n()),p.close()}catch(e){u.src=c+'d.write("'+n().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}e.P(2)};e.l&&l()}()),n[e].lv="1",n[e]}var r=window.lightningjs=t(e);r.require=t,r.modules=n}({});window.usabilla_live = lightningjs.require("usabilla_live", "//w.usabilla.com/fe98398a199e.js");</script>
<!-- end usabilla live embed code -->
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", () => {
let hidden = false;
// Observe the rootdir to see if we are in the homescreen or not. If
// we leave the home screen, hide the usabilla overlay
const observer = new MutationObserver((mutationList) => {
for (const mutation of mutationList) {
if (mutation.type === "attributes") {
const root = document.getElementById("root");
if (root.classList.contains("inHome")) {
if (hidden) {
hidden = false;
const el = document.querySelector("div.usabilla__overlay");
if (el) el.style.display = "";
}
}
else if (!hidden) {
hidden = true;
const el = document.querySelector("div.usabilla__overlay");
if (el) el.style.display = "none";
}
}
}
});
// Just poll until react has had time to render the root div
let interval = setInterval(() => {
const root = document.getElementById("root");
if (root) {
clearInterval(interval);
observer.observe(root, { attributes: true, attributeFilter: ["class"] });
}
}, 500);
});
</script>
<!-- end include apptrackingweb.html -->
<!-- include apptracking.html -->
<script type="text/javascript">
window.loadAppInsights = function (includeCookie, telemetryInitializer) {
//Backend will patch / + blb + / with CDN url and the check that URL ends with the sha would pass
var isProduction = includeCookie && (/[0-9a-f]{40}\/$/.test("https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/"));
!function(T,l,y){var S=T.location,k="script",D="connectionString",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{
src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source
onInit: function (sdk) {
sdk.addTelemetryInitializer(telemetryInitializer);
},
cfg: {
instrumentationKey:"9801ed01-c40f-46ec-aa40-2a1742a9e71c",
disableAjaxTracking: true,
overridePageViewDuration: false,
disableExceptionTracking: true,
disableCorrelationHeaders: true,
disableCookiesUsage: !isProduction,
isStorageUseDisabled: !isProduction,
url: "https://pxt.azureedge.net/blob/7e4e12cc09bf57abd183e4b24cd7303f369c2ca6/ai.2.min.js"
}
});
window.appInsights=appInsights;
var location = window.location.toString();
appInsights.trackPageView({
name: window.location.hostname,
uri: window.location.origin,
properties: {
url: scrubUrl(location),
urlReferrer: scrubUrl(document.referrer.toString())
}
});
// Scrub potential PII from the URL.
function scrubUrl(url) {
if (!url) return url;
var scriptIdRegex = /(?:S?\d{5}-\d{5}-\d{5}-\d{5})|(?:_[0-9a-zA-Z]{12})/g;
var scrubbedUrl = new URL(url.toLocaleLowerCase().replace(scriptIdRegex, "xxxxx-xxxxx-xxxxx-xxxxx"));
// Just as a precaution, strip any suspicious query parameters.
var blockedParamKeywords = ["username", "password", "token", "pwd"];
var searchParams = Array.from(scrubbedUrl.searchParams.keys());
for (var param of searchParams) {
if (blockedParamKeywords.some(k => param.indexOf(k) != -1)) {
scrubbedUrl.searchParams.delete(param);
}
}
return scrubbedUrl.toString();
}
return isProduction;
}
pxt.initAnalyticsAsync();
</script>
<!-- end include apptracking.html -->
<script type="text/javascript" src="https://pxt.azureedge.net/blob/8c8f808829073be6f9e6843c09cb9c01e961441c/pxtapp.js"></script>
<script type="text/javascript" src="https://pxt.azureedge.net/blob/2ab41d494fb66328d3f6798ee1025d2c1598edbf/target.js"></script>
<script id="mainscript" type="text/javascript" src="https://pxt.azureedge.net/blob/2e0692feab53f51ab8d1649d1a56adab68026f17/main.js"></script>
<xml id="blocklyToolboxDefinitionCategory" style="display: none">
<!-- An empty category is required so that Blockly launches in category mode -->
<category name="">
</category>
</xml>
<xml id="blocklyToolboxDefinitionFlyout" style="display: none">
</xml>
<script>
// Before loading vs/editor/editor.main, define a global MonacoEnvironment that overwrites
// the default worker url location (used when creating WebWorkers). The problem here is that
// HTML5 does not (yet) allow cross-domain web workers, so we need to proxy the instantion of
// a web worker through a same-domain script
window.MonacoEnvironment = {
getWorkerUrl: function(workerId, label) {
return pxt.webConfig.monacoworkerjs;
}
};
// this get rewritten to blob URLs with SHAs while uploading to the cloud
// keep in sync with release.manifest and asseteditor.html
window.MonacoPaths = {
"vs/loader": "https://pxt.azureedge.net/blob/17e4c591ec47474f1e488f733acd77a1a528378d/vs/loader.js",
"vs/base/worker/workerMain": "https://pxt.azureedge.net/blob/3edf5cb4f608aeb07473c5d7c333400e7e469dc0/vs/base/worker/workerMain.js",
"vs/basic-languages/bat/bat": "https://pxt.azureedge.net/blob/c67b89bea8ad93bb58cd7686e001daa07e326c21/vs/basic-languages/bat/bat.js",
"vs/basic-languages/cpp/cpp": "https://pxt.azureedge.net/blob/8743140f1aa68071ddaf925c836b045e1389bde8/vs/basic-languages/cpp/cpp.js",
"vs/basic-languages/markdown/markdown": "https://pxt.azureedge.net/blob/e0cd73549d298474237961881b00500dbbad8638/vs/basic-languages/markdown/markdown.js",
"vs/basic-languages/python/python": "https://pxt.azureedge.net/blob/e5e8a27fe42b8bd8079a5e770ed04a840f84832c/vs/basic-languages/python/python.js",
"vs/basic-languages/typescript/typescript": "https://pxt.azureedge.net/blob/196f8e01f9716dee9f6da8fb53993c6100914d5f/vs/basic-languages/typescript/typescript.js",
"vs/editor/editor.main.css": "https://pxt.azureedge.net/blob/88b279a451119201c6d16bf4a7ca982d3a2727d8/vs/editor/editor.main.css",
"vs/editor/editor.main": "https://pxt.azureedge.net/blob/4d38796d4c9d7dae8546930fcae73edcbdbb1a52/vs/editor/editor.main.js",
"vs/editor/editor.main.nls": "https://pxt.azureedge.net/blob/23ec988172113c78c24a7ed994c4628fb1a9fd32/vs/editor/editor.main.nls.js",
"vs/language/json/jsonMode": "https://pxt.azureedge.net/blob/dfbe96a2b954d99771af6b680a09858c683ba123/vs/language/json/jsonMode.js",
"vs/language/json/jsonWorker": "https://pxt.azureedge.net/blob/cf418d614a749960a65f0315e723d3dc36765940/vs/language/json/jsonWorker.js",
"vs/language/typescript/tsMode": "https://pxt.azureedge.net/blob/1b9d76bcb69132f9f706a868da89b8220c2804fa/vs/language/typescript/tsMode.js",
"vs/language/typescript/tsWorker": "https://pxt.azureedge.net/blob/39169161eed3b06ce4a6aab9a3fc0d93b678a558/vs/language/typescript/tsWorker.js",
"lzma/lzma_worker-min.js": "https://pxt.azureedge.net/blob/d08e97ec4175dc71d21c6058a0d800eeeb1a8a0f/lzma/lzma_worker-min.js",
"smoothie/smoothie_compressed.js": "https://pxt.azureedge.net/blob/1d99c2ee5b93a196114b16ef01bcf4be000c7ede/smoothie/smoothie_compressed.js",
"blockly.css": "https://pxt.azureedge.net/blob/464d87760f456a0f9c42bd39270b5651997113ab/blockly.css",
"rtlblockly.css": "https://pxt.azureedge.net/blob/5eb8c1d9eee116fe8a0f44ff4a84e6217f218483/rtlblockly.css",
"gifjs/gif.js": "https://pxt.azureedge.net/blob/15eaf38ac1eee2b2e4810a1ac13e8dbee035e546/gifjs/gif.js",
"qrcode/qrcode.min.js": "https://pxt.azureedge.net/blob/b258d18871877debfef7348f75c2e52b954c053c/qrcode/qrcode.min.js",
"zip.js/zip.min.js": "https://pxt.azureedge.net/blob/f01355117e534954c6d268457d9a73f11ebe3330/zip.js/zip.min.js",
"pdf-lib/pdf-lib.min.js": "https://pxt.azureedge.net/blob/8eb336e6678d79fbc5d48c7808a7c4fcddda765a/pdf-lib/pdf-lib.min.js",
"music-editor/apple.png": "https://pxt.azureedge.net/blob/73ef19074a264a2cfda67153087c296fa85b250b/music-editor/apple.png",
"music-editor/burger.png": "https://pxt.azureedge.net/blob/b3d5ffa224f3de1e45b4d578abe96ef79f50e703/music-editor/burger.png",
"music-editor/cake.png": "https://pxt.azureedge.net/blob/bbd922f5a142b7ccccd30e79711d4572a925abdd/music-editor/cake.png",
"music-editor/car.png": "https://pxt.azureedge.net/blob/95426c52fcdf1cc5aa347c2271b6f7e15127add2/music-editor/car.png",
"music-editor/cat.png": "https://pxt.azureedge.net/blob/4e82fb734dee2198aa547eda83f028e60dc6d964/music-editor/cat.png",
"music-editor/cherry.png": "https://pxt.azureedge.net/blob/a59b245ee3961f3000433beac007e642f338897d/music-editor/cherry.png",
"music-editor/clam.png": "https://pxt.azureedge.net/blob/e3834306653cc61af90f3f4fb2f437ade9cae13c/music-editor/clam.png",
"music-editor/computer.png": "https://pxt.azureedge.net/blob/b290f4d481d3ad0b9d92c98dc4690c859a3f4781/music-editor/computer.png",
"music-editor/crab.png": "https://pxt.azureedge.net/blob/bdb629f6b2748b1f8d791396c42bc09a900f1e2e/music-editor/crab.png",
"music-editor/dog.png": "https://pxt.azureedge.net/blob/ed6a1811687fcbb8178e2132dc6d4ba7de1479b1/music-editor/dog.png",
"music-editor/duck.png": "https://pxt.azureedge.net/blob/34c4c3b7338dfaae78da70617d9b47a24d228efe/music-editor/duck.png",
"music-editor/egg.png": "https://pxt.azureedge.net/blob/f5fa4fb409effcfd952dc4a19e507e1b6077f9d6/music-editor/egg.png",
"music-editor/explosion.png": "https://pxt.azureedge.net/blob/5dea8273ce0ca702e6b18881c1a2c79d51dc13f5/music-editor/explosion.png",
"music-editor/fish.png": "https://pxt.azureedge.net/blob/b72c72622569457905d64cbc2807b83dd6aececa/music-editor/fish.png",
"music-editor/ice-cream.png": "https://pxt.azureedge.net/blob/6c0d7afe8c5ea6e048b05fe4d001960b32ca7492/music-editor/ice-cream.png",
"music-editor/lemon.png": "https://pxt.azureedge.net/blob/666ae7d337e9caaeaee4cab8e9774d9ed1c8a077/music-editor/lemon.png",
"music-editor/snake.png": "https://pxt.azureedge.net/blob/27a03db4570069e4bb7e80226abaa97c3ba1659f/music-editor/snake.png",
"music-editor/star.png": "https://pxt.azureedge.net/blob/de5695dfbb9d94a68770023c7d16a172a3760405/music-editor/star.png",
"music-editor/strawberry.png": "https://pxt.azureedge.net/blob/e23907601862f30291b2f7702bdb4a430711f841/music-editor/strawberry.png",
"music-editor/taco.png": "https://pxt.azureedge.net/blob/4bf3b89c751020043a1d199d65cf9d640359dd1d/music-editor/taco.png",
"music-editor/bass-clef.svg": "https://pxt.azureedge.net/blob/6e5dab7887eeacdd81b16a9d0762db1d0a6172ff/music-editor/bass-clef.svg",
"music-editor/treble-clef.svg": "https://pxt.azureedge.net/blob/3e0f47cf7d8c462f30e2e5d9422cf23cca731f86/music-editor/treble-clef.svg",
}
</script>
<div class=""></div><div class=""></div><div class=""></div><div class=""></div><script type="text/javascript" src="https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/editor.js" async=""></script><div class="blocklyWidgetDiv"></div><div class="blocklyDropDownDiv" style="opacity: 0; transition: transform 0.25s ease 0s, opacity 0.25s ease 0s;"><div class="blocklyDropDownContent"></div><div class="blocklyDropDownArrow"></div></div><div class="blocklyTooltipDiv"></div><script type="text/javascript" src="https://pxt.azureedge.net/commit/f14e6746cf09c06cf8e3f10ea7c98fe59a0fc888/fieldeditors.js" async=""></script></body></html>