diff --git a/docs/SUMMARY.md b/docs/SUMMARY.md index aa572d62..47e16e6b 100644 --- a/docs/SUMMARY.md +++ b/docs/SUMMARY.md @@ -48,6 +48,7 @@ * [Radio bridge](/projects/radio-bridge) * [Snap the dot](/projects/snap-the-dot) * [Red light green light](/projects/red-light-green-light) + * [Name Badge](/projects/name-badge) ## #examples diff --git a/docs/projects/MakeCode Microbit Workshop.pptx b/docs/projects/MakeCode Microbit Workshop.pptx new file mode 100644 index 00000000..1d546c07 Binary files /dev/null and b/docs/projects/MakeCode Microbit Workshop.pptx differ diff --git a/docs/projects/SUMMARY.md b/docs/projects/SUMMARY.md index 29a1b879..d00da201 100644 --- a/docs/projects/SUMMARY.md +++ b/docs/projects/SUMMARY.md @@ -32,8 +32,9 @@ * [Duct Tape Wallet](/projects/wallet) * [Watch](/projects/watch) * [Stopwatch](/projects/stopwatch) - * [Step counter](/projects/step-counter) + * [Step Counter](/projects/step-counter) * [Duct Tape Watch](/projects/duct-tape-watch) + * [Name Badge](/projects/name-badge) * [Music](/projects/music) * [Hack Your Headphones](/projects/hack-your-headphones) * [Banana Keyboard](/projects/banana-keyboard) diff --git a/docs/projects/fashion.md b/docs/projects/fashion.md index b221681e..e108b997 100644 --- a/docs/projects/fashion.md +++ b/docs/projects/fashion.md @@ -30,6 +30,11 @@ "description": "Build a watch from duct tape", "url": "/projects/duct-tape-watch", "imageUrl": "/static/mb/projects/duct-tape-watch.png" +}, { + "name": "Name badge", + "description": "Make stylish name badge to let everyone know who you are", + "url": "/projects/name-badge", + "imageUrl": "/static/mb/projects/name-badge.png" }] ``` diff --git a/docs/projects/name-badge.md b/docs/projects/name-badge.md new file mode 100644 index 00000000..45d238bf --- /dev/null +++ b/docs/projects/name-badge.md @@ -0,0 +1,98 @@ +# Name Badge + +![Name badge project](/static/mb/projects/name-badge/header.png) + +Make yourself known with a fancy name badge powered by your @boardname@! + +## Code + +First, let's get your name to display on the screen. + +### Button press + +From the ``||input:Input||`` Toolbox drawer, drag an ``||input:on button A pressed||`` block onto the Workspace. + +```blocks +input.onButtonPressed(Button.A, function () { + +}) +``` + +### Show a string + +From the ``||basic:Basic||`` Toolbox drawer drag a ``||basic:show string||`` block into the ``||input:on button A pressed||`` block. + +```blocks +input.onButtonPressed(Button.A, function () { + basic.showString("Hello!") +}) +``` + +### Show my name + +In the ``||basic:show string||`` block, type your name. + +```blocks +input.onButtonPressed(Button.A, function () { + basic.showString("My Name") +}) +``` + +### Test the badge + +Go to the simulator and test your name badge by pressing button **A**. + +```sim +input.onButtonPressed(Button.A, function () { + basic.showString("My Name") +}) +``` + +### Download + +Download the program to your @boardname@: + +1. Make sure your @boardname@ is plugged into the computer. +2. Click the `|Download|` button. + +## Make + +Now that you have your name showing on the @boardname@, let's make a proper badge to wear and display it on. + +Cut out a badge shape from a piece of colored construction paper. + +![Construction paper and scisssors](/static/mb/projects/name-badge/picture1.png) + +Loop a piece of duct tape and stick it on the back of your @boardname@. + +![Roll of tape with the other materials](/static/mb/projects/name-badge/picture2.png) + +Stick your @boardname@ onto the front of your badge. + +![Board attached to the paper](/static/mb/projects/name-badge/picture3.png) + +Using a hole-punch, punch out 2 holes in the top of your badge. + +![Holes punched in the paper](/static/mb/projects/name-badge/picture4.png) + +Attach the battery pack to the @boardname@. + +![Battery pack connected to the board](/static/mb/projects/name-badge/picture5.png) + +Tape battery pack onto the back of the badge. + +![Battery pack taped on](/static/mb/projects/name-badge/picture6.png) + +Thread a shoelace through the top 2 holes of your badge. + +![Shoelace threaded through a hole](/static/mb/projects/name-badge/picture7.png) + +Tie a knot at the end of your shoelace + +![Ends of shoelace tied together](/static/mb/projects/name-badge/picture8.png) + +Decorate your badge with colored paper, markers, stickers, glitter. + +![Completed name badge](/static/mb/projects/name-badge/picture9.png) + +It's now finished! you badge is ready let others know who you are. \ No newline at end of file diff --git a/docs/static/mb/projects/name-badge.png b/docs/static/mb/projects/name-badge.png new file mode 100644 index 00000000..97fb9369 Binary files /dev/null and b/docs/static/mb/projects/name-badge.png differ diff --git a/docs/static/mb/projects/name-badge/header.png b/docs/static/mb/projects/name-badge/header.png new file mode 100644 index 00000000..3d8dede2 Binary files /dev/null and b/docs/static/mb/projects/name-badge/header.png differ diff --git a/docs/static/mb/projects/name-badge/picture1.png b/docs/static/mb/projects/name-badge/picture1.png new file mode 100644 index 00000000..120dd908 Binary files /dev/null and b/docs/static/mb/projects/name-badge/picture1.png differ diff --git a/docs/static/mb/projects/name-badge/picture2.png b/docs/static/mb/projects/name-badge/picture2.png new file mode 100644 index 00000000..9256ecd6 Binary files /dev/null and b/docs/static/mb/projects/name-badge/picture2.png differ diff --git a/docs/static/mb/projects/name-badge/picture3.png b/docs/static/mb/projects/name-badge/picture3.png new file mode 100644 index 00000000..c4138451 Binary files /dev/null and b/docs/static/mb/projects/name-badge/picture3.png differ diff --git a/docs/static/mb/projects/name-badge/picture4.png b/docs/static/mb/projects/name-badge/picture4.png new file mode 100644 index 00000000..241dc087 Binary files /dev/null and b/docs/static/mb/projects/name-badge/picture4.png differ diff --git a/docs/static/mb/projects/name-badge/picture5.png b/docs/static/mb/projects/name-badge/picture5.png new file mode 100644 index 00000000..0baa5154 Binary files /dev/null and b/docs/static/mb/projects/name-badge/picture5.png differ diff --git a/docs/static/mb/projects/name-badge/picture6.png b/docs/static/mb/projects/name-badge/picture6.png new file mode 100644 index 00000000..ae16d6c7 Binary files /dev/null and b/docs/static/mb/projects/name-badge/picture6.png differ diff --git a/docs/static/mb/projects/name-badge/picture7.png b/docs/static/mb/projects/name-badge/picture7.png new file mode 100644 index 00000000..6e759577 Binary files /dev/null and b/docs/static/mb/projects/name-badge/picture7.png differ diff --git a/docs/static/mb/projects/name-badge/picture8.png b/docs/static/mb/projects/name-badge/picture8.png new file mode 100644 index 00000000..47648d8a Binary files /dev/null and b/docs/static/mb/projects/name-badge/picture8.png differ diff --git a/docs/static/mb/projects/name-badge/picture9.png b/docs/static/mb/projects/name-badge/picture9.png new file mode 100644 index 00000000..9b77ff9a Binary files /dev/null and b/docs/static/mb/projects/name-badge/picture9.png differ