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