diff --git a/src/lib/libraries/decks/animate/animate-name-change-color.gif b/src/lib/libraries/decks/animate/animate-name-change-color.gif
new file mode 100644
index 0000000000000000000000000000000000000000..59c89e901af075bda3540e951f1b027e04ad7492
Binary files /dev/null and b/src/lib/libraries/decks/animate/animate-name-change-color.gif differ
diff --git a/src/lib/libraries/decks/animate/animate-name-grow.gif b/src/lib/libraries/decks/animate/animate-name-grow.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d1a4e3da70ddb2cdff1d63a94df86ffe89e9d932
Binary files /dev/null and b/src/lib/libraries/decks/animate/animate-name-grow.gif differ
diff --git a/src/lib/libraries/decks/animate/animate-name-spin.gif b/src/lib/libraries/decks/animate/animate-name-spin.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fc783e043a351f0ccc56f3bafd0403b73ec0ad86
Binary files /dev/null and b/src/lib/libraries/decks/animate/animate-name-spin.gif differ
diff --git a/src/lib/libraries/decks/animate/cover-color-click.gif b/src/lib/libraries/decks/animate/cover-color-click.gif
new file mode 100644
index 0000000000000000000000000000000000000000..dea554615196c8b3a1620d2fb0fdc1e82a4e3c9c
Binary files /dev/null and b/src/lib/libraries/decks/animate/cover-color-click.gif differ
diff --git a/src/lib/libraries/decks/game/game-change-color.gif b/src/lib/libraries/decks/game/game-change-color.gif
new file mode 100755
index 0000000000000000000000000000000000000000..32a8ea7af975e9ff0d533a7711f149deaba7e362
Binary files /dev/null and b/src/lib/libraries/decks/game/game-change-color.gif differ
diff --git a/src/lib/libraries/decks/game/game-random-position.gif b/src/lib/libraries/decks/game/game-random-position.gif
new file mode 100755
index 0000000000000000000000000000000000000000..783d7477f5823ffdc699892bc8d81838e6c95bc6
Binary files /dev/null and b/src/lib/libraries/decks/game/game-random-position.gif differ
diff --git a/src/lib/libraries/decks/game/game-reset-score.gif b/src/lib/libraries/decks/game/game-reset-score.gif
new file mode 100755
index 0000000000000000000000000000000000000000..ba02238ade8164c721d1a1d6daf66d1bb2cb87fe
Binary files /dev/null and b/src/lib/libraries/decks/game/game-reset-score.gif differ
diff --git a/src/lib/libraries/decks/game/popping-library.gif b/src/lib/libraries/decks/game/popping-library.gif
new file mode 100644
index 0000000000000000000000000000000000000000..543c349aad5ec628db6724802215afa5579ca107
Binary files /dev/null and b/src/lib/libraries/decks/game/popping-library.gif differ
diff --git a/src/lib/libraries/decks/index.jsx b/src/lib/libraries/decks/index.jsx
index d831c5f7380829bb2427bd8a0eda5b0c534befb9..173953511e55af20f4efaaba85be3c15eed4850d 100644
--- a/src/lib/libraries/decks/index.jsx
+++ b/src/lib/libraries/decks/index.jsx
@@ -1,33 +1,36 @@
import React from 'react';
import {FormattedMessage} from 'react-intl';
-// Spin around
-import librarySpin from './spin/library-spin.gif';
-import stepDragTurn from './spin/drag-turn.gif';
-import stepClickTurn from './spin/click-turn.gif';
-import stepClickControl from './spin/click-control.gif';
-import stepDragForever from './spin/drag-forever.gif';
-import stepClickForever from './spin/click-forever.gif';
-import stepChangeColor from './spin/change-color.gif';
+// Intro
+import libraryIntro from './intro/lib-getting-started.gif';
+import stepMove from './intro/IntroSayHello.gif';
+import stepMoveSayHello from './intro/IntroSayHello-hat.gif';
// Say hello
-import librarySay from './say/library-say.gif';
-import stepAddSprite from './say/add-sprite.gif';
-import stepClickLooks from './say/click-looks.gif';
-import stepDragSay from './say/drag-say.gif';
-import stepClickSay from './say/click-say.gif';
-import stepAnotherSay from './say/another-say.gif';
-import stepEditSay from './say/edit-say.gif';
-import stepClickStack from './say/click-stack.gif';
+import librarySay from './say/cover-say-hello.gif';
+import stepSayHello from './say/intro-say-hello.gif';
-// Clicker
-import libraryClicker from './clicker/library-clicker.gif';
-import stepDragGoTo from './clicker/drag-goto.gif';
-import stepClickGoTo from './clicker/click-goto.gif';
-import stepClickEvents from './clicker/click-events.gif';
-import stepAddWhenClicked from './clicker/add-whenclicked.gif';
-import stepClickSprite from './clicker/click-sprite.gif';
-import stepAddSound from './clicker/add-sound.gif';
+// Add sprite
+import libraryAddSprite from './sprite/cover-add-sprite.jpg';
+import stepAddSprite from './sprite/intro-choose-sprite.gif';
+
+// Animate a name
+import libraryAnimate from './animate/cover-color-click.gif';
+import stepAnimateChangeColor from './animate/animate-name-change-color.gif';
+import stepAnimateGrow from './animate/animate-name-grow.gif';
+import stepAnimateSpin from './animate/animate-name-spin.gif';
+
+// Make-Music
+import libraryMakeMusic from './make-music/cover-mic.jpg';
+import stepMakeSong from './make-music/make-music-make-song.gif';
+import stepMakeBeat from './make-music/make-music-make-beat.gif';
+import stepMakeBeatbox from './make-music/make-music-beatbox.gif';
+
+// Make-A-Game
+import libraryMakeAGame from './game/popping-library.gif';
+import stepRandom from './game/game-random-position.gif';
+import stepGameChangeColor from './game/game-change-color.gif';
+import stepResetScore from './game/game-reset-score.gif';
// Videos
import glideAroundThumb from './videos/glide-around.jpg';
@@ -40,153 +43,69 @@ import moveArrowKeysThumb from './videos/move-arrow-keys.jpg';
import spinThumb from './videos/spin.jpg';
export default {
- 'spin-around': {
+
+ 'intro-move-sayhello': {
name: (
<FormattedMessage
- defaultMessage="Spin around"
- description="Name for the 'Spin around' how-to"
- id="gui.howtos.spin-around.name"
+ defaultMessage="Getting Started"
+ description="Name for the 'Getting Started' how-to"
+ id="gui.howtos.intro-move-sayhello-hat.name"
/>
),
- img: librarySpin,
+ img: libraryIntro,
steps: [
{
title: (
<FormattedMessage
- defaultMessage="Drag out a “turn†block"
- description="Step name for 'Drag out a “turn†block' step"
- id="gui.howtos.spin.step_dragTurn"
- />
- ),
- image: stepDragTurn
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Click the block to run it"
- description="Step name for 'Click the block to run it' step"
- id="gui.howtos.spin.step_clickTurn"
- />
- ),
- image: stepClickTurn
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Click the “Control†category"
- description="Step name for 'Click the “Control†category' step"
- id="gui.howtos.spin.step_clickControl"
- />
- ),
- image: stepClickControl
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Drag out a “forever†block"
- description="Step name for 'Drag out a “forever†block' step"
- id="gui.howtos.spin.step_dragForever"
+ defaultMessage="Add a Move Block and a Say Block"
+ description="Step name for 'Add a Move Block' step"
+ id="gui.howtos.intro-move.step_stepMove"
/>
),
- image: stepDragForever
+ image: stepMove
}, {
title: (
<FormattedMessage
- defaultMessage="Click the stack to run it"
- description="Step name for 'Click the stack to run it' step"
- id="gui.howtos.spin.step_clickForever"
+ defaultMessage="Add Green Flag Block, then click the flag"
+ description="Step name for 'Add A Say Block' step"
+ id="gui.howtos.add-a-move-block.step_stepMoveSayHello"
/>
),
- image: stepClickForever
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Add a “change color effect†block"
- description="Step name for 'Add a “change color effect†block' step"
- id="gui.howtos.spin.step_changeColor"
- />
- ),
- image: stepChangeColor
+ image: stepMoveSayHello
}, {
+
+
deckIds: [
- 'add-a-backdrop',
- 'switch-costume',
- 'change-size'
+ 'add-sprite',
+ 'animate-a-name',
+ 'Make-A-Game'
]
}
]
},
- 'say-hello': {
+
+
+ 'add-sprite': {
name: (
<FormattedMessage
- defaultMessage="Say hello"
- description="Name for the 'Say hello' how-to"
- id="gui.howtos.say-hello.name"
+ defaultMessage="Add a Sprite"
+ description="Name for the 'Add a Sprite' how-to"
+ id="gui.howtos.add-sprite.name"
/>
),
- img: librarySay,
+ img: libraryAddSprite,
steps: [
{
title: (
<FormattedMessage
- defaultMessage="Add a new sprite"
+ defaultMessage="Add a Sprite"
description="Step name for 'Add a new sprite' step"
- id="gui.howtos.say-hello.step_addSprite"
+ id="gui.howtos.add-sprite.step_addSprite"
/>
),
image: stepAddSprite
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Click the “Looks†category"
- description="Step name for 'Click the “Looks†category' step"
- id="gui.howtos.say-hello.step_clickLooks"
- />
- ),
- image: stepClickLooks
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Drag out a “say†block"
- description="Step name for 'Drag out a “say†block' step"
- id="gui.howtos.say-hello.step_dragSay"
- />
- ),
- image: stepDragSay
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Click the block to run it"
- description="Step name for 'Click the block to run it' step"
- id="gui.howtos.say-hello.step_clickSay"
- />
- ),
- image: stepClickSay
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Drag out another “say†block"
- description="Step name for 'Drag out another “say†block' step"
- id="gui.howtos.say-hello.step_anotherSay"
- />
- ),
- image: stepAnotherSay
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Say something else"
- description="Step name for 'Say something else' step"
- id="gui.howtos.say-hello.step_editSay"
- />
- ),
- image: stepEditSay
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Click the stack to run it"
- description="Step name for 'Click the stack to run it' step"
- id="gui.howtos.say-hello.step_clickStack"
- />
- ),
- image: stepClickStack
- }, {
+ },
+ {
deckIds: [
'add-a-backdrop',
'switch-costume',
@@ -195,71 +114,175 @@ export default {
}
]
},
- 'run-away': {
+
+ 'animate-a-name': {
+ name: (
+ <FormattedMessage
+ defaultMessage="Animate a Name"
+ description="Name for the 'Animate a Name' how-to"
+ id="gui.howtos.animate-a-name.name"
+ />
+ ),
+ img: libraryAnimate,
+ steps: [{
+ video: 'https://www.youtube.com/embed/q3nnXj6wr5k'
+ },
+ {
+ title: (
+ <FormattedMessage
+ defaultMessage="Change color"
+ description="Step name for 'Change color' step"
+ id="gui.howtos.animate-a-name.step_AnimateChangeColor"
+ />
+ ),
+ image: stepAnimateChangeColor
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Choose A Letter & Make It Spin"
+ description="Step name for 'Choose A Letter & Make It Spin' step"
+ id="gui.howtos.animate-a-name.step_AnimateSpin"
+ />
+ ),
+ image: stepAnimateSpin
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Choose A Letter & Make It Grow"
+ description="Step name for 'Choose A Letter & Make It Grow' step"
+ id="gui.howtos.animate-a-name.step_AnimateGrow"
+ />
+ ),
+ image: stepAnimateGrow
+ }, {
+ deckIds: [
+ 'add-a-backdrop',
+ 'switch-costume',
+ 'change-size'
+ ]
+ }
+ ]
+ },
+ 'Make-Music': {
+ name: (
+ <FormattedMessage
+ defaultMessage="Make Music"
+ description="Name for the 'Make Music' how-to"
+ id="gui.howtos.make-music.name"
+ />
+ ),
+ img: libraryMakeMusic,
+ steps: [{
+ video: 'https://www.youtube.com/embed/o3ih7d_4uv0'
+ },
+ {
+ title: (
+ <FormattedMessage
+ defaultMessage="Create a Song"
+ description="Step name for 'Create a Song' step"
+ id="gui.howtos.Make-Music.step_CreateASong"
+ />
+ ),
+ image: stepMakeSong
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Choose a Drum & Make a Beat"
+ description="Step name for 'Choose a Drum & Make a Beat' step"
+ id="gui.howtos.make-music.step_MakeBeat"
+ />
+ ),
+ image: stepMakeBeat
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Choose the Microphone Sprite & Surprise Beatbox"
+ description="Step name for 'Choose the Microphone Sprite & Surprise Beatbox' step"
+ id="gui.howtos.make-music.step_MakeBeatBox"
+ />
+ ),
+ image: stepMakeBeatbox
+ }, {
+ deckIds: [
+ 'add-a-backdrop',
+ 'switch-costume',
+ 'change-size'
+ ]
+ }
+ ]
+ },
+
+ 'Make-A-Game': {
+ name: (
+ <FormattedMessage
+ defaultMessage="Make A Game"
+ description="Name for the 'Make A Game' how-to"
+ id="gui.howtos.make-a-game.name"
+ />
+ ),
+ img: libraryMakeAGame,
+ steps: [{
+ video: 'https://www.youtube.com/embed/IPCaZ5kmFTA'
+ },
+ {
+ title: (
+ <FormattedMessage
+ defaultMessage="Go to a random position"
+ description="Step name for 'Go to a random position' step"
+ id="gui.howtos.Make-A-Game.step_RandomPosition"
+ />
+ ),
+ image: stepRandom
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Change Color"
+ description="Step name for 'Change Color' step"
+ id="gui.howtos.make-a-game.step_ChangeColor"
+ />
+ ),
+ image: stepGameChangeColor
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Reset Score"
+ description="Step name for 'Reset Score' step"
+ id="gui.howtos.make-music.step_ResetScore"
+ />
+ ),
+ image: stepResetScore
+ }, {
+ deckIds: [
+ 'add-a-backdrop',
+ 'add-effects',
+ 'move-around-with-arrow-keys'
+ ]
+ }
+ ]
+ },
+
+
+ 'say-hello': {
name: (
<FormattedMessage
- defaultMessage="Run away"
- description="Name for the 'Run away' how-to"
- id="gui.howtos.run-away.name"
+ defaultMessage="Say hello"
+ description="Name for the 'Say hello' how-to"
+ id="gui.howtos.say-hello.name"
/>
),
- img: libraryClicker,
+ img: librarySay,
steps: [
{
title: (
<FormattedMessage
- defaultMessage="Drag out a “go to random position†block"
- description="Step name for 'Drag out a “go to random position†block' step"
- id="gui.howtos.run-away.step_dragGoTo"
- />
- ),
- image: stepDragGoTo
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Click the block to run it"
- description="Step name for 'Click the block to run it' step"
- id="gui.howtos.run-away.step_clickGoTo"
- />
- ),
- image: stepClickGoTo
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Click the “Events†category"
- description="Step 3 title"
- id="gui.howtos.run-away.step3"
- />
- ),
- image: stepClickEvents
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Add a “when this sprite clicked†block"
- description="Step name for 'Add a “when this sprite clicked†block' step"
- id="gui.howtos.run-away.step_addWhenClicked"
- />
- ),
- image: stepAddWhenClicked
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Click the sprite to run it"
- description="Step name for 'Click the sprite to run it' step"
- id="gui.howtos.run-away.step_clickSprite"
- />
- ),
- image: stepClickSprite
- }, {
- title: (
- <FormattedMessage
- defaultMessage="Add a “start sound†block"
- description="Step name for 'Add a “start sound†block' step"
- id="gui.howtos.run-away.step_addSound"
+ defaultMessage="Say Hello"
+ description="Step name for 'Add a new sprite' step"
+ id="gui.howtos.say-hello.step_addSprite"
/>
),
- image: stepAddSound
- }, {
+ image: stepSayHello
+ },
+ {
deckIds: [
'add-a-backdrop',
'switch-costume',
@@ -268,6 +291,8 @@ export default {
}
]
},
+
+
'glide-around': {
name: (
<FormattedMessage
@@ -383,7 +408,7 @@ export default {
}]
},
'move-around-with-arrow-keys': {
- name: 'Move Using Arrow Keys',
+ name: 'Move With Arrow Keys',
img: moveArrowKeysThumb,
steps: [{
video: 'https://www.youtube.com/embed/7DUA_Yl0B_M'
diff --git a/src/lib/libraries/decks/intro/IntroSayHello-hat.gif b/src/lib/libraries/decks/intro/IntroSayHello-hat.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8c9ef778c12fad82d6ca1ddfa0b5dad9891ee879
Binary files /dev/null and b/src/lib/libraries/decks/intro/IntroSayHello-hat.gif differ
diff --git a/src/lib/libraries/decks/intro/IntroSayHello.gif b/src/lib/libraries/decks/intro/IntroSayHello.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2b75d9a638645947b81c5cf67535ac717c515fb0
Binary files /dev/null and b/src/lib/libraries/decks/intro/IntroSayHello.gif differ
diff --git a/src/lib/libraries/decks/intro/add-glide.gif b/src/lib/libraries/decks/intro/add-glide.gif
deleted file mode 100644
index 9341cd30fe510f61c47d98a1f4c1276731307164..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/intro/add-glide.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/intro/add-say.gif b/src/lib/libraries/decks/intro/add-say.gif
deleted file mode 100644
index 55e370e68fde62ff368a0bb463b799a72a93986d..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/intro/add-say.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/intro/drag-glide.gif b/src/lib/libraries/decks/intro/drag-glide.gif
deleted file mode 100644
index 939ada9fd076552e433cb2f4092c23dc3ca0d476..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/intro/drag-glide.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/intro/drag-say.gif b/src/lib/libraries/decks/intro/drag-say.gif
deleted file mode 100644
index e6546012f746c2b8189d21790271cfd47bd12871..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/intro/drag-say.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/intro/hat-stack.gif b/src/lib/libraries/decks/intro/hat-stack.gif
deleted file mode 100644
index 6e4dc77b0cd8914f176a132dfd52a25ead0d8378..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/intro/hat-stack.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/intro/lib-getting-started.gif b/src/lib/libraries/decks/intro/lib-getting-started.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8f03f44c19c100f9831b0671806c709a952562e3
Binary files /dev/null and b/src/lib/libraries/decks/intro/lib-getting-started.gif differ
diff --git a/src/lib/libraries/decks/intro/when-clicked.gif b/src/lib/libraries/decks/intro/when-clicked.gif
deleted file mode 100644
index ab390154f4d16f5a9577074c7e185f9ed7fcc664..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/intro/when-clicked.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/make-music/cover-mic.gif b/src/lib/libraries/decks/make-music/cover-mic.gif
new file mode 100644
index 0000000000000000000000000000000000000000..62327063dd62ae58d6c34fba9e60ee0051806878
Binary files /dev/null and b/src/lib/libraries/decks/make-music/cover-mic.gif differ
diff --git a/src/lib/libraries/decks/make-music/cover-mic.jpg b/src/lib/libraries/decks/make-music/cover-mic.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a92b2f5695d46b8b817f9254a02b67867b319945
Binary files /dev/null and b/src/lib/libraries/decks/make-music/cover-mic.jpg differ
diff --git a/src/lib/libraries/decks/make-music/make-music-beatbox.gif b/src/lib/libraries/decks/make-music/make-music-beatbox.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c9a127b39d8e6f63d48e7ff08677bb5479af043b
Binary files /dev/null and b/src/lib/libraries/decks/make-music/make-music-beatbox.gif differ
diff --git a/src/lib/libraries/decks/make-music/make-music-make-beat.gif b/src/lib/libraries/decks/make-music/make-music-make-beat.gif
new file mode 100644
index 0000000000000000000000000000000000000000..685a71b0e976b10150202c1fb442101c1228f9df
Binary files /dev/null and b/src/lib/libraries/decks/make-music/make-music-make-beat.gif differ
diff --git a/src/lib/libraries/decks/make-music/make-music-make-song.gif b/src/lib/libraries/decks/make-music/make-music-make-song.gif
new file mode 100644
index 0000000000000000000000000000000000000000..65ae5f3efc667f543ac1f4939e5230af2f8496da
Binary files /dev/null and b/src/lib/libraries/decks/make-music/make-music-make-song.gif differ
diff --git a/src/lib/libraries/decks/say/add-sprite.gif b/src/lib/libraries/decks/say/add-sprite.gif
deleted file mode 100644
index efcb8a3d556946a2b19f40dfbe33f084997d0da9..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/say/add-sprite.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/say/another-say.gif b/src/lib/libraries/decks/say/another-say.gif
deleted file mode 100644
index 842f93b343273c0f9c8a032be03094d1644567a0..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/say/another-say.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/say/click-looks.gif b/src/lib/libraries/decks/say/click-looks.gif
deleted file mode 100644
index a2bf3165319db11b9cba798808b38c3f82b031a1..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/say/click-looks.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/say/click-say.gif b/src/lib/libraries/decks/say/click-say.gif
deleted file mode 100644
index 8ed7b817a91fcd98893f0c0e58e8e9dacf8a9a34..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/say/click-say.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/say/click-stack.gif b/src/lib/libraries/decks/say/click-stack.gif
deleted file mode 100644
index bb427e586c84b783bae8b1fd99114d8f1fe376c8..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/say/click-stack.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/say/cover-say-hello.gif b/src/lib/libraries/decks/say/cover-say-hello.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0c5aee662ebc4393913f4f2266d038cd55584f8f
Binary files /dev/null and b/src/lib/libraries/decks/say/cover-say-hello.gif differ
diff --git a/src/lib/libraries/decks/say/drag-say.gif b/src/lib/libraries/decks/say/drag-say.gif
deleted file mode 100644
index 5597bc9792a145e2cf242ec5380f36a273958caa..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/say/drag-say.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/say/edit-say.gif b/src/lib/libraries/decks/say/edit-say.gif
deleted file mode 100644
index 03076cda1d2dc0731e37d788d3341144635999cc..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/say/edit-say.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/say/intro-say-hello.gif b/src/lib/libraries/decks/say/intro-say-hello.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8062087eb8a17fa84486623e550b78d59754034c
Binary files /dev/null and b/src/lib/libraries/decks/say/intro-say-hello.gif differ
diff --git a/src/lib/libraries/decks/say/library-say.gif b/src/lib/libraries/decks/say/library-say.gif
deleted file mode 100644
index 45e6ebbafb8a72108377d890493055c1a8cf6ac6..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/say/library-say.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/say/thumb-say.gif b/src/lib/libraries/decks/say/thumb-say.gif
deleted file mode 100644
index 279017d1d2a20b9ef6a1abdf93488043ae082855..0000000000000000000000000000000000000000
Binary files a/src/lib/libraries/decks/say/thumb-say.gif and /dev/null differ
diff --git a/src/lib/libraries/decks/sprite/cover-add-sprite.jpg b/src/lib/libraries/decks/sprite/cover-add-sprite.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c0a0359e0c4e7918ab5c11126667bf9cf6181d00
Binary files /dev/null and b/src/lib/libraries/decks/sprite/cover-add-sprite.jpg differ
diff --git a/src/lib/libraries/decks/sprite/intro-choose-sprite.gif b/src/lib/libraries/decks/sprite/intro-choose-sprite.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4e9b4ce4651eb1e6f55e665f58a765c40d442e7e
Binary files /dev/null and b/src/lib/libraries/decks/sprite/intro-choose-sprite.gif differ
diff --git a/test/integration/how-tos.test.js b/test/integration/how-tos.test.js
index 953cfbc7e4560f121f86af179a6e2dcc0c836a21..3877ce3e8e519c2ae1cc2bfd7d498595f1b679f3 100644
--- a/test/integration/how-tos.test.js
+++ b/test/integration/how-tos.test.js
@@ -27,8 +27,8 @@ describe('Working with the how-to library', () => {
await clickXpath('//button[@title="tryit"]');
await clickText('Costumes');
await clickXpath('//*[@aria-label="How-to Library"]');
- await clickText('Say hello'); // Modal should close
- await clickText('Add a new sprite'); // Make sure first card appears
+ await clickText('Getting Started'); // Modal should close
+ await clickText('Add a Move Block and a Say Block'); // Make sure first card appears
const logs = await getLogs();
await expect(logs).toEqual([]);
});