scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-12-17 19:12:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

continued work on initiatives

Browse source
This commit is contained in:
seotts 2020-10-13 10:04:49 -04:00 committed by Karishma Chadha
parent aea79a7e58
commit 1648ad25d8
3 changed files with 38 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/views/annual-report/annual-report.jsx
View file

@ -879,24 +879,24 @@ class AnnualReport extends React.Component {
<div className="guidelines-list"> <div className="guidelines-list">
<ul> <ul>
<li> <li>
<FormattedMessage id="guidelines.respectheader" /> <FormattedMessage id="annualReport.communityGuidelinesRespect" />
</li> </li>
<li> <li>
<FormattedMessage id="guidelines.shareheader" /> <FormattedMessage id="annualReport.communityGuidelinesShare" />
</li> </li>
<li> <li>
<FormattedMessage id="guidelines.honestheader" /> <FormattedMessage id="annualReport.communityGuidelinesHonest" />
</li> </li>
</ul> </ul>
<ul> <ul>
<li> <li>
<FormattedMessage id="guidelines.constructiveheader" /> <FormattedMessage id="annualReport.communityGuidelinesConstructive" />
</li> </li>
<li> <li>
<FormattedMessage id="guidelines.privacyheader" /> <FormattedMessage id="annualReport.communityGuidelinesPrivacy" />
</li> </li>
<li> <li>
<FormattedMessage id="guidelines.friendlyheader" /> <FormattedMessage id="annualReport.communityGuidelinesFriendly" />
</li> </li>
</ul> </ul>
</div> </div>
@ -1010,7 +1010,9 @@ class AnnualReport extends React.Component {
<div>qood</div> <div>qood</div>
</div> </div>
<Comment <Comment
comment={this.props.intl.formatMessage({id: 'annualReport.communityQuote3'})} comment={this.props.intl.formatMessage(
{id: 'annualReport.communityQuote3'}
)}
/> />
</div> </div>
<div className="community-quote"> <div className="community-quote">
@ -1022,7 +1024,9 @@ class AnnualReport extends React.Component {
<div>Mechanical_pencil</div> <div>Mechanical_pencil</div>
</div> </div>
<Comment <Comment
comment={this.props.intl.formatMessage({id: 'annualReport.communityQuote4'})} comment={this.props.intl.formatMessage(
{id: 'annualReport.communityQuote4'}
)}
/> />
</div> </div>
</div> </div>
@ -1038,7 +1042,9 @@ class AnnualReport extends React.Component {
values={{ values={{
BLMStudioLink: ( BLMStudioLink: (
<a href="studio/26964367"> <a href="studio/26964367">
Black Lives Matter <FormattedMessage id="annualReport.studio" /> Black Lives Matter <FormattedMessage
id="annualReport.studio"
/>
</a> </a>
) )
}} }}
@ -1069,7 +1075,9 @@ class AnnualReport extends React.Component {
</p> </p>
</div> </div>
</div> </div>
<div className="video-container blm"> </div>
<div className="video-container">
<div className="video-background blm">
<VideoPreview <VideoPreview
buttonMessage={ buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.watchVideo'}) this.props.intl.formatMessage({id: 'annualReport.watchVideo'})

15
src/views/annual-report/annual-report.scss
View file

@ -719,10 +719,19 @@ p {
} }
.video-container { .video-container {
width: 100%;
overflow: hidden;
display: flex;
justify-content: center;
}
.video-background {
width: 1020px; width: 1020px;
height: 500px; height: 500px;
overflow: hidden;
background-size: 100% auto; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 50% 50%; background-position: 50% 50%;
@ -730,6 +739,10 @@ p {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@media #{$big} {
}
&.blm { &.blm {
background-image: url("/images/annual-report/initiatives/BLM Video Splash.svg"); background-image: url("/images/annual-report/initiatives/BLM Video Splash.svg");
} }

6
src/views/annual-report/l10n.json
View file

@ -79,6 +79,12 @@
"annualReport.communityModerationInfo": "When young people join the Scratch community, they agree to follow a set of Community Guidelines, which are designed to keep Scratch a safe and supportive place for young people from all backgrounds. Our Community Team uses a wide variety of tools and strategies to encourage good digital citizenship and maintain a positive environment for Scratchers to create in. Automated filters prevent private information from being shared or inappropriate content from being posted, and we allow anyone to report content they feel violates the Community Guidelines.", "annualReport.communityModerationInfo": "When young people join the Scratch community, they agree to follow a set of Community Guidelines, which are designed to keep Scratch a safe and supportive place for young people from all backgrounds. Our Community Team uses a wide variety of tools and strategies to encourage good digital citizenship and maintain a positive environment for Scratchers to create in. Automated filters prevent private information from being shared or inappropriate content from being posted, and we allow anyone to report content they feel violates the Community Guidelines.",
"annualReport.communityGuidelinesTitle": "Community Guidelines", "annualReport.communityGuidelinesTitle": "Community Guidelines",
"annualReport.communityGuidelinesInfo": "Scratch welcomes people of all ages, races, ethnicities, religions, abilities, sexual orientations, and gender identities.", "annualReport.communityGuidelinesInfo": "Scratch welcomes people of all ages, races, ethnicities, religions, abilities, sexual orientations, and gender identities.",
"annualReport.communityGuidelinesRespect": "Be respectful.",
"annualReport.communityGuidelinesShare": "Share.",
"annualReport.communityGuidelinesHonest": "Be honest.",
"annualReport.communityGuidelinesConstructive": "Be constructive.",
"annualReport.communityGuidelinesPrivacy": "Keep personal info private.",
"annualReport.communityGuidelinesFriendly": "Help keep the site friendly.",
"annualReport.communityEngagementTitle": "Community Engagement", "annualReport.communityEngagementTitle": "Community Engagement",
"annualReport.storySwap": "Story Swap", "annualReport.storySwap": "Story Swap",
"annualReport.communityEngagementInfo": "Another major role of the Community Team is to highlight and develop opportunities for young people to express their ideas and become engaged in positive ways. The team features projects and studios from community members to serve as inspiration, and it regularly posts Scratch Design Studios to encourage creative activity. Each summer, the team organizes an online Scratch Camp: the theme in 2019 was {storySwapLink}, with Scratchers building on one another’s stories.", "annualReport.communityEngagementInfo": "Another major role of the Community Team is to highlight and develop opportunities for young people to express their ideas and become engaged in positive ways. The team features projects and studios from community members to serve as inspiration, and it regularly posts Scratch Design Studios to encourage creative activity. Each summer, the team organizes an online Scratch Camp: the theme in 2019 was {storySwapLink}, with Scratchers building on one another’s stories.",