Merge pull request #7218 from LLK/hotfix/CSEd-Week-Banner

[Develop] Hotfix/cs ed week banner
This commit is contained in:
Tom Lum 2022-11-17 09:57:04 -05:00 committed by GitHub
commit 6b2cc44f2f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 12 deletions

View file

@ -15,7 +15,7 @@ const TopBanner = () => (
<FlexRow className="hoc-container column"> <FlexRow className="hoc-container column">
<FlexRow className="hoc-title-container"> <FlexRow className="hoc-title-container">
<h1 className="hoc-header"> <h1 className="hoc-header">
<FormattedMessage id="hocbanner.title" /> <FormattedMessage id="hocbanner.titleTellStory" />
</h1> </h1>
<a <a
className="hoc-more-activities button" className="hoc-more-activities button"
@ -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

@ -39,6 +39,7 @@
"teacherbanner.faqButton": "Teacher Account FAQ", "teacherbanner.faqButton": "Teacher Account FAQ",
"hocbanner.title": "Get Creative with Coding!", "hocbanner.title": "Get Creative with Coding!",
"hocbanner.titleTellStory": "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 +47,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 = 1670821200000; // 2022-12-12 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: 21 KiB