diff --git a/bin/lib/localized-urls.json b/bin/lib/localized-urls.json
index d4831fdb2..5b85d12e0 100644
--- a/bin/lib/localized-urls.json
+++ b/bin/lib/localized-urls.json
@@ -1,239 +1,52 @@
 {
     "en": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/Scratch2Cards.pdf",
-        "cards.danceLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/DanceCards.pdf",
-        "cards.danceThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-dance-thumb.png",
-        "cards.nameLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/AnimateYourNameCards.pdf",
-        "cards.nameThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-animateyourname-thumb.png",
-        "cards.hideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/Hide-and-Seek-Cards.pdf",
-        "cards.hideThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-hideandseek-thumb.png",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/01_v2_ChangeColor.pdf",
-        "cards.changeColorThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-changecolor-thumb.png",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/02_v2_MovetoaBeat.pdf",
-        "cards.moveToBeatThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-movetoabeat-thumb.png",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/03_v2_KeyMoves.pdf",
-        "cards.keyMovesThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-keymoves-thumb.png",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/04_v2_SaySomething.pdf",
-        "cards.saySomethingThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-saysomething-thumb.png",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/05_v2_Glide.pdf",
-        "cards.glideThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-glide-thumb.png",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/06_v2_FollowtheMouse.pdf",
-        "cards.followMouseThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-followthemouse-thumb.png",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/07_v2_DanceTwist.pdf",
-        "cards.danceTwistThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-dancetwist-thumb.png",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/08_v2_InteractiveWhirl.pdf",
-        "cards.whirlThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-interactivewhirl-thumb.png",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/09_v2_AnimateIt.pdf",
-        "cards.animateItThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-animateit-thumb.png ",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/10_v2_MovingAnimation.pdf",
-        "cards.movingAnimationThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-movinganimation-thumb.png",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/11_v2_SurpriseButton.pdf",
-        "cards.surpriseButtonThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-surprisebutton-thumb.png",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/12_v2_KeepScore.pdf",
-        "cards.keepScoreThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-keepscore-thumb.png"
+        "cards.starterLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/Scratch2Cards.pdf",
+        "cards.nameLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/AnimateYourNameCards.pdf",
+        "cards.pongLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/PongCards.pdf",
+        "cards.storyLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/StoryCards.pdf",
+        "cards.danceLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/DanceCards.pdf",
+        "cards.hideLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/Hide-and-Seek-Cards.pdf"
     },
     "ar": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ar/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ar/01_v2_ChangeColor.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ar/04_v2_SaySomething.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ar/06_v2_FollowtheMouse.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ar/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ar/09_v2_AnimateIt.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ar/11_v2_SurpriseButton.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ar/Scratch2Cards.pdf"
     },
     "ca": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ca/Scratch2Cards.pdf"
     },
     "cs": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/cs/Scratch2Cards.pdf"
     },
     "de": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/de/Scratch2Cards.pdf"
     },
     "es": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/es/Scratch2Cards.pdf"
     },
     "fr": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/fr/Scratch2Cards.pdf"
     },
     "hr": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/hr/Scratch2Cards.pdf"
     },
     "it": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/it/Scratch2Cards.pdf"
     },
     "ja": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja/Scratch2Cards.pdf"
     },
     "ja-hr": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ja-hr/Scratch2Cards.pdf"
     },
     "ko": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/ko/Scratch2Cards.pdf"
     },
     "nl": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/nl/Scratch2Cards.pdf"
     },
     "pt-br": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/pt-br/Scratch2Cards.pdf"
     },
     "sl": {
-        "cards.allCardsLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/Scratch2Cards.pdf",
-        "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/01_v2_ChangeColor.pdf",
-        "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/02_v2_MovetoaBeat.pdf",
-        "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/03_v2_KeyMoves.pdf",
-        "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/04_v2_SaySomething.pdf",
-        "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/05_v2_Glide.pdf",
-        "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/06_v2_FollowtheMouse.pdf",
-        "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/07_v2_DanceTwist.pdf",
-        "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/08_v2_InteractiveWhirl.pdf",
-        "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/09_v2_AnimateIt.pdf",
-        "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/10_v2_MovingAnimation.pdf",
-        "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/11_v2_SurpriseButton.pdf",
-        "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/12_v2_KeepScore.pdf"
+        "cards.starterLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/sl/Scratch2Cards.pdf"
     }
 }
\ No newline at end of file
diff --git a/src/views/cards/cards.jsx b/src/views/cards/cards.jsx
index 940685d85..9c677e9f2 100644
--- a/src/views/cards/cards.jsx
+++ b/src/views/cards/cards.jsx
@@ -14,7 +14,20 @@ var Cards = injectIntl(React.createClass({
         var locale = window._locale || 'en';
         var formatMessage = this.props.intl.formatMessage;
         var englishLinks = {
-            'cards.allCardsLink': 'https://scratch.mit.edu/scratchr2/static/pdfs/help/Scratch2Cards.pdf'
+            'cards.starterLink': '//scratch.mit.edu/scratchr2/static/pdfs/help/Scratch2Cards.pdf',
+            'cards.nameLink': '//scratch.mit.edu/scratchr2/static/pdfs/help/AnimateYourNameCards.pdf',
+            'cards.pongLink': '//scratch.mit.edu/scratchr2/static/pdfs/help/PongCards.pdf',
+            'cards.storyLink': '//scratch.mit.edu/scratchr2/static/pdfs/help/StoryCards.pdf',
+            'cards.danceLink': '//scratch.mit.edu/scratchr2/static/pdfs/help/DanceCards.pdf',
+            'cards.hideLink': '//scratch.mit.edu/scratchr2/static/pdfs/help/Hide-and-Seek-Cards.pdf'
+        };
+        var formattedLinks = {
+            'cards.starterLink': formatMessage({id: 'cards.starterLink'}),
+            'cards.nameLink': formatMessage({id: 'cards.nameLink'}),
+            'cards.pongLink': formatMessage({id: 'cards.pongLink'}),
+            'cards.storyLink': formatMessage({id: 'cards.storyLink'}),
+            'cards.danceLink': formatMessage({id: 'cards.danceLink'}),
+            'cards.hideLink': formatMessage({id: 'cards.hideLink'})
         };
         return (
             <div className="inner">
@@ -22,184 +35,110 @@ var Cards = injectIntl(React.createClass({
                     <div className="intro-content">
                         <h1><FormattedMessage id='cards.introHeader' /></h1>
                         <p><FormattedMessage id='cards.introContent' /></p>
-                        <p>
-                            <a href={formatMessage({id: 'cards.allCardsLink'})}>
-                                <FormattedMessage id='cards.introAllCards' />
-                            </a>
-                        </p>
-                        {(
-                            locale.indexOf('en') === -1 &&
-                            formatMessage({id: 'cards.allCardsLink'}) === englishLinks['cards.allCardsLink']
-                        ) ? [
-                            <p>
-                                <FormattedHTMLMessage id='cards.introWikiSupport' />
-                            </p>
-                        ] : []}
-                        {(
-                            locale.indexOf('en') === -1 &&
-                            formatMessage({id: 'cards.allCardsLink'}) !== englishLinks['cards.allCardsLink']
-                        ) ? [
-                            <p>
-                                <a href={englishLinks['cards.allCardsLink']}>
-                                    <FormattedMessage id='cards.introAllCards' />&nbsp;
-                                    (<FormattedMessage id='cards.introAllCardsEnglish' />)
-                                </a>
-                            </p>
-                        ] : []}
                     </div>
-                    <img src='//scratch.mit.edu/scratchr2/static/images/help/card-use-overview.png' />
+                    <img src='/images/cards/card-use-overview.png' alt="Card Use Explanation" />
                 </div>
                 <div className='cards-container'>
                     <Box title={''}>
-                        <div>
-                            <h4><FormattedMessage id='cards.dance' /></h4>
-                            <a href={formatMessage({id: 'cards.danceLink'})}>
-                                <img src={formatMessage({id: 'cards.danceThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.danceLink'})}>
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
+                        <div className='card-row'>
+                            <div>
+                                <h4><FormattedMessage id='cards.starter' /></h4>
+                                <a href={formattedLinks['cards.starterLink']}>
+                                    <img src="/images/cards/cards-starter.png" alt="" />
+                                </a>
+                                <a href={formattedLinks['cards.starterLink']}>
+                                    <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
+                                    <FormattedMessage id='cards.viewCard' />
+                                    {(
+                                        formattedLinks['cards.starterLink'] === englishLinks['cards.starterLink'] &&
+                                        locale !== 'en'
+                                    ) ? [
+                                        <span> <FormattedMessage id='cards.english' /></span>
+                                    ] : []}
+                                </a>
+                            </div>
+                            <div>
+                                <h4><FormattedMessage id='cards.name' /></h4>
+                                <a href={formattedLinks['cards.nameLink']}>
+                                    <img src="/images/cards/cards-name.png" alt="" />
+                                </a>
+                                <a href={formattedLinks['cards.nameLink']}>
+                                    <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
+                                    <FormattedMessage id='cards.viewCard' />
+                                    {(
+                                        formattedLinks['cards.nameLink'] === englishLinks['cards.nameLink'] &&
+                                        locale !== 'en'
+                                    ) ? [
+                                        <span> (<FormattedMessage id='cards.english' />)</span>
+                                    ] : []}
+                                </a>
+                            </div>
+                            <div>
+                                <h4><FormattedMessage id='cards.pong' /></h4>
+                                <a href={formattedLinks['cards.pongLink']}>
+                                    <img src="/images/cards/cards-pong.png" alt="" />
+                                </a>
+                                <a href={formattedLinks['cards.pongLink']}>
+                                    <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
+                                    <FormattedMessage id='cards.viewCard' />
+                                    {(
+                                        formattedLinks['cards.pongLink'] === englishLinks['cards.pongLink'] &&
+                                        locale !== 'en'
+                                    ) ? [
+                                        <span> (<FormattedMessage id='cards.english' />)</span>
+                                    ] : []}
+                                </a>
+                            </div>
                         </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.name' /></h4>
-                            <a href={formatMessage({id: 'cards.nameLink'})}>
-                                <img src={formatMessage({id: 'cards.nameThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.nameLink'})}>
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.hide' /></h4>
-                            <a href={formatMessage({id: 'cards.hideLink'})}>
-                                <img src={formatMessage({id: 'cards.hideThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.hideLink'})}>
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.changeColor' /></h4>
-                            <a href={formatMessage({id: 'cards.changeColorLink'})}>
-                                <img src={formatMessage({id: 'cards.changeColorThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.changeColorLink'})}>
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.moveToBeat' /></h4>
-                            <a href={formatMessage({id: 'cards.moveToBeatLink'})}>
-                                <img src={formatMessage({id: 'cards.moveToBeatThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.moveToBeatLink'})} class="inline-icon-left">
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.keyMoves' /></h4>
-                            <a href={formatMessage({id: 'cards.keyMovesLink'})}>
-                                <img src={formatMessage({id: 'cards.keyMovesThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.keyMovesLink'})} class="inline-icon-left">
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.saySomething' /></h4>
-                            <a href={formatMessage({id: 'cards.saySomethingLink'})}>
-                                <img src={formatMessage({id: 'cards.saySomethingThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.saySomethingLink'})} class="inline-icon-left">
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.glide' /></h4>
-                            <a href={formatMessage({id: 'cards.glideLink'})}>
-                                <img src={formatMessage({id: 'cards.glideThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.glideLink'})} class="inline-icon-left">
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.followMouse' /></h4>
-                            <a href={formatMessage({id: 'cards.followMouseLink'})}>
-                                <img src={formatMessage({id: 'cards.followMouseThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.followMouseLink'})} class="inline-icon-left">
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.danceTwist' /></h4>
-                            <a href={formatMessage({id: 'cards.danceTwistLink'})}>
-                                <img src={formatMessage({id: 'cards.danceTwistThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.danceTwistLink'})} class="inline-icon-left">
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.whirl' /></h4>
-                            <a href={formatMessage({id: 'cards.whirlLink'})}>
-                                <img src={formatMessage({id: 'cards.whirlThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.whirlLink'})} class="inline-icon-left">
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.animateIt' /></h4>
-                            <a href={formatMessage({id: 'cards.animateItLink'})}>
-                                <img src={formatMessage({id: 'cards.animateItThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.animateItLink'})} class="inline-icon-left">
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.movingAnimation' /></h4>
-                            <a href={formatMessage({id: 'cards.movingAnimationLink'})}>
-                                <img src={formatMessage({id: 'cards.movingAnimationThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.movingAnimationLink'})}>
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.surpriseButton' /></h4>
-                            <a href={formatMessage({id: 'cards.surpriseButtonLink'})}>
-                                <img src={formatMessage({id: 'cards.surpriseButtonThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.surpriseButtonLink'})}>
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
-                        </div>
-                        <div>
-                            <h4><FormattedMessage id='cards.keepScore' /></h4>
-                            <a href={formatMessage({id: 'cards.keepScoreLink'})}>
-                                <img src={formatMessage({id: 'cards.keepScoreThumb'})} />
-                            </a>
-                            <a href={formatMessage({id: 'cards.keepScoreLink'})} class="inline-icon-left">
-                                <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
-                                <FormattedMessage id='cards.viewCard' />
-                            </a>
+                        <div className='card-row'>
+                            <div>
+                                <h4><FormattedMessage id='cards.story' /></h4>
+                                <a href={formattedLinks['cards.storyLink']}>
+                                    <img src="/images/cards/cards-story.png" alt="" />
+                                </a>
+                                <a href={formattedLinks['cards.storyLink']}>
+                                    <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
+                                    <FormattedMessage id='cards.viewCard' />
+                                    {(
+                                        formattedLinks['cards.storyLink'] === englishLinks['cards.storyLink'] &&
+                                        locale !== 'en'
+                                    ) ? [
+                                        <span> (<FormattedMessage id='cards.english' />)</span>
+                                    ] : []}
+                                </a>
+                            </div>
+                            <div>
+                                <h4><FormattedMessage id='cards.dance' /></h4>
+                                <a href={formattedLinks['cards.danceLink']}>
+                                    <img src="/images/cards/cards-dance.png" alt="" />
+                                </a>
+                                <a href={formattedLinks['cards.danceLink']}>
+                                    <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
+                                    <FormattedMessage id='cards.viewCard' />
+                                    {(
+                                        formattedLinks['cards.danceLink'] === englishLinks['cards.danceLink'] &&
+                                        locale !== 'en'
+                                    ) ? [
+                                        <span> (<FormattedMessage id='cards.english' />)</span>
+                                    ] : []}
+                                </a>
+                            </div>
+                            <div>
+                                <h4><FormattedMessage id='cards.hide' /></h4>
+                                <a href={formattedLinks['cards.hideLink']}>
+                                    <img src="/images/cards/cards-hide.png" alt="" />
+                                </a>
+                                <a href={formattedLinks['cards.hideLink']}>
+                                    <img src="/svgs/pdf-icon-ui-blue.svg" alt="" className='pdf-icon' />
+                                    <FormattedMessage id='cards.viewCard' />
+                                    {(
+                                        formattedLinks['cards.hideLink'] === englishLinks['cards.hideLink'] &&
+                                        locale !== 'en'
+                                    ) ? [
+                                        <span> (<FormattedMessage id='cards.english' />)</span>
+                                    ] : []}
+                                </a>
+                            </div>
                         </div>
                     </Box>
                 </div>
diff --git a/src/views/cards/cards.scss b/src/views/cards/cards.scss
index fffcc3949..2f1cfeb0d 100644
--- a/src/views/cards/cards.scss
+++ b/src/views/cards/cards.scss
@@ -1,7 +1,7 @@
 @import "../../colors";
 @import "../../typography";
 
-.cards{
+.cards {
     display: flex;
     margin: 1em 0;
     align-items: center;
@@ -20,11 +20,15 @@
 .cards-container {
     text-align: center;
 
-    .box-content {  
+    .card-row {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        flex-wrap: wrap;
+
         div {
             display: inline-block;
-            margin: 0 .75em;
-            max-width: 25%;
+            padding: .5em;
 
             a {
                 display: block;
diff --git a/src/views/cards/l10n-static.json b/src/views/cards/l10n-static.json
index d1efc6f3f..e329348d3 100644
--- a/src/views/cards/l10n-static.json
+++ b/src/views/cards/l10n-static.json
@@ -1,34 +1,8 @@
 {
-    "cards.allCardsLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/Scratch2Cards.pdf",
-    "cards.danceLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/DanceCards.pdf",
-    "cards.danceLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/DanceCards.pdf",
-    "cards.danceThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-dance-thumb.png",
-    "cards.nameLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/AnimateYourNameCards.pdf",
-    "cards.nameThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-animateyourname-thumb.png",
-    "cards.hideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/Hide-and-Seek-Cards.pdf",
-    "cards.hideThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-hideandseek-thumb.png",
-    "cards.changeColorLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/01_v2_ChangeColor.pdf",
-    "cards.changeColorThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-changecolor-thumb.png",
-    "cards.moveToBeatLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/02_v2_MovetoaBeat.pdf",
-    "cards.moveToBeatThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-movetoabeat-thumb.png",
-    "cards.keyMovesLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/03_v2_KeyMoves.pdf",
-    "cards.keyMovesThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-keymoves-thumb.png",
-    "cards.saySomethingLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/04_v2_SaySomething.pdf",
-    "cards.saySomethingThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-saysomething-thumb.png",
-    "cards.glideLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/05_v2_Glide.pdf",
-    "cards.glideThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-glide-thumb.png",
-    "cards.followMouseLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/06_v2_FollowtheMouse.pdf",
-    "cards.followMouseThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-followthemouse-thumb.png",
-    "cards.danceTwistLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/07_v2_DanceTwist.pdf",
-    "cards.danceTwistThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-dancetwist-thumb.png",
-    "cards.whirlLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/08_v2_InteractiveWhirl.pdf",
-    "cards.whirlThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-interactivewhirl-thumb.png",
-    "cards.animateItLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/09_v2_AnimateIt.pdf",
-    "cards.animateItThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-animateit-thumb.png ",
-    "cards.movingAnimationLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/10_v2_MovingAnimation.pdf",
-    "cards.movingAnimationThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-movinganimation-thumb.png",
-    "cards.surpriseButtonLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/11_v2_SurpriseButton.pdf",
-    "cards.surpriseButtonThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-surprisebutton-thumb.png",
-    "cards.keepScoreLink": "//cdn.scratch.mit.edu/scratchr2/static/pdfs/help/12_v2_KeepScore.pdf",
-    "cards.keepScoreThumb": "//cdn.scratch.mit.edu/scratchr2/static/images/help/card-keepscore-thumb.png"
+    "cards.starterLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/Scratch2Cards.pdf",
+    "cards.nameLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/AnimateYourNameCards.pdf",
+    "cards.pongLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/PongCards.pdf",
+    "cards.storyLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/StoryCards.pdf",
+    "cards.danceLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/DanceCards.pdf",
+    "cards.hideLink": "//scratch.mit.edu/scratchr2/static/pdfs/help/Hide-and-Seek-Cards.pdf"
 }
\ No newline at end of file
diff --git a/src/views/cards/l10n.json b/src/views/cards/l10n.json
index bd643b6ee..582f0afdf 100644
--- a/src/views/cards/l10n.json
+++ b/src/views/cards/l10n.json
@@ -1,23 +1,13 @@
 {
     "cards.introHeader": "Scratch Cards",
     "cards.introContent": "Scratch cards provide a quick way to learn new Scratch code.",
-    "cards.introAllCards": "Get all the Cards",
-    "cards.introAllCardsEnglish": "English",
+    "cards.english": "English",
     "cards.introWikiSupport": "Looking for Scratch Cards in your language? Check <a href=\"http://wiki.scratch.mit.edu/wiki/Scratch_Support_Materials\">Scratch Wiki</a>.",
-    "cards.viewCard": "View Card",
-    "cards.dance": "Dance, Dance, Dance",
+    "cards.viewCard": "View Cards",
+    "cards.starter": "Starter Cards",
     "cards.name": "Animate Your Name",
-    "cards.hide": "Hide and Seek",
-    "cards.changeColor": "Change Color",
-    "cards.moveToBeat": "Move to a Beat",
-    "cards.keyMoves": "Key Moves",
-    "cards.saySomething": "Say Something",
-    "cards.glide": "Glide",
-    "cards.followMouse": "Follow the Mouse",
-    "cards.danceTwist": "Dance Twist",
-    "cards.whirl": "Interactive Whirl",
-    "cards.animateIt": "Animate It",
-    "cards.movingAnimation": "Moving Animation",
-    "cards.surpriseButton": "Surprise Button",
-    "cards.keepScore": "Keep Score"
+    "cards.pong": "Create a Pong Game",
+    "cards.story": "Animate a Story",
+    "cards.dance": "Dance, Dance, Dance",
+    "cards.hide": "Hide and Seek"
 }
\ No newline at end of file
diff --git a/static/images/cards/card-use-overview.png b/static/images/cards/card-use-overview.png
new file mode 100644
index 000000000..131b605a4
Binary files /dev/null and b/static/images/cards/card-use-overview.png differ
diff --git a/static/images/cards/cards-dance.png b/static/images/cards/cards-dance.png
new file mode 100644
index 000000000..2a3468299
Binary files /dev/null and b/static/images/cards/cards-dance.png differ
diff --git a/static/images/cards/cards-hide.png b/static/images/cards/cards-hide.png
new file mode 100644
index 000000000..7f016fc59
Binary files /dev/null and b/static/images/cards/cards-hide.png differ
diff --git a/static/images/cards/cards-name.png b/static/images/cards/cards-name.png
new file mode 100644
index 000000000..e4303e4c9
Binary files /dev/null and b/static/images/cards/cards-name.png differ
diff --git a/static/images/cards/cards-pong.png b/static/images/cards/cards-pong.png
new file mode 100644
index 000000000..f73ff2c81
Binary files /dev/null and b/static/images/cards/cards-pong.png differ
diff --git a/static/images/cards/cards-starter.png b/static/images/cards/cards-starter.png
new file mode 100644
index 000000000..bad3168c0
Binary files /dev/null and b/static/images/cards/cards-starter.png differ
diff --git a/static/images/cards/cards-story.png b/static/images/cards/cards-story.png
new file mode 100644
index 000000000..09993b423
Binary files /dev/null and b/static/images/cards/cards-story.png differ