updated splash banner

This commit is contained in:
tomlum 2022-11-15 10:20:56 -05:00
parent 4b4666f4a9
commit d5f3702f72
4 changed files with 17 additions and 12 deletions

View file

@ -30,28 +30,28 @@ const TopBanner = () => (
key="frameless-desktop" key="frameless-desktop"
minWidth={frameless.desktop} minWidth={frameless.desktop}
> >
<a href="/projects/editor?tutorial=imagine"> <a href="/story">
<FlexRow className="hoc-banner-image column"> <FlexRow className="hoc-banner-image column">
<img src="/images/hoc/imagine.jpg" /> <img src="/images/ideas/activities/create-a-story-thumb.jpg" />
<div className="hoc-image-text"> <div className="hoc-image-text">
<FormattedMessage id="hocbanner.imagine" /> <FormattedMessage id="hocbanner.createAStory" />
</div> </div>
</FlexRow> </FlexRow>
</a> </a>
</MediaQuery> </MediaQuery>
<a href="/projects/editor?tutorial=music"> <a href="/animate-a-character">
<FlexRow className="hoc-banner-image column"> <FlexRow className="hoc-banner-image column">
<img src="/images/hoc/make-music.jpg" /> <img src="/images/ideas/activities/animate-a-character-thumb.jpg" />
<div className="hoc-image-text"> <div className="hoc-image-text">
<FormattedMessage id="hocbanner.makeMusic" /> <FormattedMessage id="hocbanner.animateACharacter" />
</div> </div>
</FlexRow> </FlexRow>
</a> </a>
<a href="/projects/editor?tutorial=chase-game"> <a href="/talking-tales">
<FlexRow className="hoc-banner-image column"> <FlexRow className="hoc-banner-image column">
<img src="/images/hoc/chase-game.jpg" /> <img src="/images/ideas/activities/talking-thumb.jpg" />
<div className="hoc-image-text"> <div className="hoc-image-text">
<FormattedMessage id="hocbanner.chaseGame" /> <FormattedMessage id="hocbanner.talking" />
</div> </div>
</FlexRow> </FlexRow>
</a> </a>

View file

@ -38,7 +38,7 @@
"teacherbanner.classesButton": "My Classes", "teacherbanner.classesButton": "My Classes",
"teacherbanner.faqButton": "Teacher Account FAQ", "teacherbanner.faqButton": "Teacher Account FAQ",
"hocbanner.title": "Get Creative with Coding!", "hocbanner.title": "Tell Your Story with Scratch!",
"hocbanner.moreActivities": "See more activities", "hocbanner.moreActivities": "See more activities",
"hocbanner.imagine": "Imagine a World", "hocbanner.imagine": "Imagine a World",
"hocbanner.codeACartoon": "Code a Cartoon", "hocbanner.codeACartoon": "Code a Cartoon",
@ -46,6 +46,8 @@
"hocbanner.makeItFly": "Make It Fly", "hocbanner.makeItFly": "Make It Fly",
"hocbanner.makeMusic": "Make Music", "hocbanner.makeMusic": "Make Music",
"hocbanner.chaseGame": "Make a Chase Game", "hocbanner.chaseGame": "Make a Chase Game",
"hocbanner.createAStory": "Create a Story",
"hocbanner.animateACharacter": "Animate a Character",
"welcome.welcomeToScratch": "Welcome to Scratch!", "welcome.welcomeToScratch": "Welcome to Scratch!",
"welcome.learn": "Learn how to make a project in Scratch", "welcome.learn": "Learn how to make a project in Scratch",

View file

@ -13,8 +13,11 @@ const Page = require('../../components/page/www/page.jsx');
const SplashPresentation = require('./presentation.jsx'); const SplashPresentation = require('./presentation.jsx');
const SCRATCH_WEEK_START_TIME = 1621224000000; // 2021-05-17 00:00:00 -- No end time for now const SCRATCH_WEEK_START_TIME = 1621224000000; // 2021-05-17 00:00:00 -- No end time for now
const HOC_START_TIME = 1638144000000; // 2021-11-29 00:00:00 GMT in ms // const HOC_START_TIME = 1638144000000; // 2021-11-29 00:00:00 GMT in ms
const HOC_END_TIME = 1639353600000; // 2021-12-13 00:00:00 GMT in ms // const HOC_END_TIME = 1639353600000; // 2021-12-13 00:00:00 GMT in ms
const HOC_START_TIME = 1668574800000; // 2022-11-16 00:00:00 GMT in ms
const HOC_END_TIME = 1671166800000; // 2022-12-16 00:00:00 GMT in ms
class Splash extends React.Component { class Splash extends React.Component {
constructor (props) { constructor (props) {

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB