diff --git a/src/views/splash/hoc/hoc-banner.scss b/src/views/splash/hoc/hoc-banner.scss
index 04365c722..5c190fdbd 100644
--- a/src/views/splash/hoc/hoc-banner.scss
+++ b/src/views/splash/hoc/hoc-banner.scss
@@ -53,7 +53,8 @@ $tile-height: 244px;
img {
width: $cols4;
- height: auto;
+ height: $cols4 * 0.553333333; /* images are 600 x 332 for retina */
+ object-fit: cover;
}
.hoc-image-text {
diff --git a/src/views/splash/hoc/top-banner.jsx b/src/views/splash/hoc/top-banner.jsx
index 7d5243c93..7dbed699f 100644
--- a/src/views/splash/hoc/top-banner.jsx
+++ b/src/views/splash/hoc/top-banner.jsx
@@ -47,11 +47,11 @@ const TopBanner = () => (
-
+
-
+
-
+
diff --git a/src/views/splash/l10n.json b/src/views/splash/l10n.json
index 4694b40d6..fd4db0e38 100644
--- a/src/views/splash/l10n.json
+++ b/src/views/splash/l10n.json
@@ -39,12 +39,13 @@
"hocbanner.imagine": "Imagine a World",
"hocbanner.codeACartoon": "Code a Cartoon",
"hocbanner.talking": "Talking Tales",
+ "hocbanner.makeItFly": "Make It Fly",
"welcome.welcomeToScratch": "Welcome to Scratch!",
"welcome.learn": "Learn how to make a project in Scratch",
"welcome.tryOut": "Try out starter projects",
"welcome.connect": "Connect with other Scratchers",
-
+
"activity.seeUpdates": "This is where you will see updates from Scratchers you follow",
"activity.checkOutScratchers": "Check out some Scratchers you might like to follow"
}
diff --git a/static/images/hoc/make-it-fly.jpg b/static/images/hoc/make-it-fly.jpg
new file mode 100644
index 000000000..b9290e76e
Binary files /dev/null and b/static/images/hoc/make-it-fly.jpg differ