mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-22 15:17:53 -05:00
Remove 10th banner
This commit is contained in:
parent
d33cd6cf4b
commit
ae53dcd746
5 changed files with 1 additions and 150 deletions
|
@ -1,41 +0,0 @@
|
|||
var FormattedMessage = require('react-intl').FormattedMessage;
|
||||
var injectIntl = require('react-intl').injectIntl;
|
||||
var React = require('react');
|
||||
|
||||
var FlexRow = require('../../../components/flex-row/flex-row.jsx');
|
||||
var TitleBanner = require('../../../components/title-banner/title-banner.jsx');
|
||||
|
||||
require('../../../components/forms/button.scss');
|
||||
require('./birthday-banner.scss');
|
||||
|
||||
var AnniversaryBanner = injectIntl(React.createClass({
|
||||
render: function () {
|
||||
return (
|
||||
<TitleBanner className="mod-splash-tenth">
|
||||
<FlexRow className="banner-tenth inner">
|
||||
<FlexRow className="banner-tenth-content">
|
||||
<div className="banner-tenth-content-text">
|
||||
<h2 className="h2 mod-white"><FormattedMessage id='splash.birthdayHeader' /></h2>
|
||||
<p className="p mod-white"><FormattedMessage id='splash.birthdayMessage' /></p>
|
||||
</div>
|
||||
<FlexRow className="banner-tenth-content-buttons">
|
||||
<a href="/studios/3959153/" className="button white mod-tenth-banner">
|
||||
<FormattedMessage id='splash.examples' />
|
||||
</a>
|
||||
<a href="/projects/editor/?tip_bar=card" className="button white mod-tenth-banner">
|
||||
<FormattedMessage id='splash.makeCard' />
|
||||
</a>
|
||||
</FlexRow>
|
||||
</FlexRow>
|
||||
<img
|
||||
className="banner-image mod-tenth"
|
||||
src="/images/splash/tenth-party.png"
|
||||
alt="Balloons"
|
||||
/>
|
||||
</FlexRow>
|
||||
</TitleBanner>
|
||||
);
|
||||
}
|
||||
}));
|
||||
|
||||
module.exports = AnniversaryBanner;
|
|
@ -1,101 +0,0 @@
|
|||
@import "../../../colors";
|
||||
@import "../../../frameless";
|
||||
|
||||
.flex-row.banner-tenth {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.h2.mod-white,
|
||||
.p.mod-white {
|
||||
color: $type-white;
|
||||
}
|
||||
|
||||
.banner-tenth-content,
|
||||
.banner-image.mod-tenth {
|
||||
width: 28.75rem; // 6-col
|
||||
}
|
||||
|
||||
.banner-tenth-content {
|
||||
text-align: left;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.banner-tenth-content-buttons,
|
||||
.banner-tenth-content-text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner-tenth-content-buttons {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.button.mod-tenth-banner {
|
||||
margin: 0 1.25rem 0 0; // 1-gutter
|
||||
padding: .75rem 1rem;
|
||||
width: 6.75rem; // 2-col (minus padding)
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: $mobile - 1) {
|
||||
.banner-tenth-content,
|
||||
.banner-image.mod-tenth {
|
||||
width: 18.75rem; // 6-col
|
||||
}
|
||||
|
||||
.flex-row.banner-tenth {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.banner-tenth-content {
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.banner-tenth-content-buttons {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.button.mod-tenth-banner {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: $mobile) and (max-width: $tablet - 1) {
|
||||
.flex-row.banner-tenth {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.banner-tenth-content {
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.p.mod-white {
|
||||
margin: 1rem auto;
|
||||
width: 18.75rem; // 4-col
|
||||
}
|
||||
|
||||
.banner-tenth-content-buttons {
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
|
||||
.flex-row.banner-tenth {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.banner-tenth-content {
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.banner-tenth-content-buttons {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
|
@ -31,10 +31,5 @@
|
|||
"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",
|
||||
|
||||
"splash.birthdayHeader": "Happy Birthday, Scratch!",
|
||||
"splash.birthdayMessage": "Scratch is ten years old! Join the celebration by making a birthday card.",
|
||||
"splash.examples": "See Examples",
|
||||
"splash.makeCard": "Make a Card"
|
||||
"welcome.connect": "Connect with other Scratchers"
|
||||
}
|
||||
|
|
|
@ -10,7 +10,6 @@ var shuffle = require('../../lib/shuffle.js').shuffle;
|
|||
|
||||
var Activity = require('../../components/activity/activity.jsx');
|
||||
var AdminPanel = require('../../components/adminpanel/adminpanel.jsx');
|
||||
var AnniversaryBanner = require('./birthday-banner/birthday-banner.jsx');
|
||||
var DropdownBanner = require('../../components/dropdown-banner/banner.jsx');
|
||||
var Box = require('../../components/box/box.jsx');
|
||||
var Button = require('../../components/forms/button.jsx');
|
||||
|
@ -367,7 +366,6 @@ var Splash = injectIntl(React.createClass({
|
|||
{this.props.permissions.educator ? [
|
||||
<TeacherBanner key="teacherbanner" messages={messages} />
|
||||
] : []}
|
||||
<AnniversaryBanner />
|
||||
<div key="inner" className="inner mod-splash">
|
||||
{this.props.session.status === sessionActions.Status.FETCHED ? (
|
||||
this.props.session.session.user ? [
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 103 KiB |
Loading…
Reference in a new issue