mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2025-02-17 08:31:23 -05:00
through saudi arabia
This commit is contained in:
caseymm
parent
c92893ebad
commit
4453edac93
3 changed files with 69 additions and 30 deletions
|
|
@ -416,9 +416,6 @@ class AnnualReport extends React.Component {
|
|||
<p>
|
||||
<FormattedMessage id="annualReport.2021.directorsMessageP5" />
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.2021.directorsMessageP6" />
|
||||
</p>
|
||||
<div className="directors-signature">
|
||||
<img
|
||||
className="shawna-photo"
|
||||
|
|
@ -466,25 +463,25 @@ class AnnualReport extends React.Component {
|
|||
<FormattedMessage id="annualReport.2021.creativeExpressionTitle" />
|
||||
</h3>
|
||||
</div>
|
||||
<p><FormattedMessage id="annualReport.2021.creativeExpressionDescription" /></p>
|
||||
<p className="inner"><FormattedMessage id="annualReport.2021.creativeExpressionDescription" /></p>
|
||||
</div>
|
||||
<div className="one-p equitable-opportunities">
|
||||
<div className="four-up-title equitable-opportunities">
|
||||
<h3><FormattedMessage id="annualReport.2021.EquitableOpportunitiesTitle" /></h3>
|
||||
</div>
|
||||
<p><FormattedMessage id="annualReport.2021.EquitableOpportunitiesDescription" /></p>
|
||||
<p className="inner"><FormattedMessage id="annualReport.2021.EquitableOpportunitiesDescription" /></p>
|
||||
</div>
|
||||
<div className="one-p progressive-improvement">
|
||||
<div className="four-up-title progressive-improvement">
|
||||
<h3><FormattedMessage id="annualReport.2021.progressiveImprovementTitle" /></h3>
|
||||
</div>
|
||||
<p><FormattedMessage id="annualReport.2021.progressiveImprovementDescription" /></p>
|
||||
<p className="inner"><FormattedMessage id="annualReport.2021.progressiveImprovementDescription" /></p>
|
||||
</div>
|
||||
<div className="one-p playful-engagement">
|
||||
<div className="four-up-title playful-engagement">
|
||||
<h3><FormattedMessage id="annualReport.2021.playfulEngagementTitle" /></h3>
|
||||
</div>
|
||||
<p><FormattedMessage id="annualReport.2021.playfulEngagementDescription" /></p>
|
||||
<p className="inner"><FormattedMessage id="annualReport.2021.playfulEngagementDescription" /></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1824,11 +1821,10 @@ class AnnualReport extends React.Component {
|
|||
</div>
|
||||
{/* eslint-enable max-len */}
|
||||
|
||||
|
||||
</div>
|
||||
<div
|
||||
className="founders-message"
|
||||
ref={this.setRef(SECTIONS.directors_message)}
|
||||
ref={this.setRef(SECTIONS.founders_message)}
|
||||
>
|
||||
<div className="inner">
|
||||
<div className="flex-content">
|
||||
|
|
|
|||
|
|
@ -30,8 +30,10 @@ h1 {
|
|||
}
|
||||
|
||||
h2 {
|
||||
font-size: 3.25rem;
|
||||
line-height: 3.75rem;
|
||||
// font-size: 3.25rem;
|
||||
// line-height: 3.75rem;
|
||||
font-size: 2.9rem;
|
||||
line-height: 3.2rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
|
|
@ -86,9 +88,6 @@ a, a:link, a:visited, a:active{
|
|||
}
|
||||
|
||||
@media #{$small} {
|
||||
// .inner {
|
||||
// width: $cols4;
|
||||
// }
|
||||
|
||||
h1 {
|
||||
font-size: 3.25rem;
|
||||
|
|
@ -117,10 +116,12 @@ a, a:link, a:visited, a:active{
|
|||
|
||||
.masthead {
|
||||
padding-top: 50px;
|
||||
align-items: start;
|
||||
|
||||
p { // Text above the title of the AR -- "2020 Annual Report"
|
||||
font-size: 1.25rem;
|
||||
line-height: 2rem;
|
||||
// line-height: 2rem;
|
||||
margin-top: 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
|
@ -154,7 +155,7 @@ a, a:link, a:visited, a:active{
|
|||
|
||||
@media #{$intermediate} {
|
||||
.masthead-content, img {
|
||||
max-width: 620px;
|
||||
max-width: 520px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -172,10 +173,7 @@ a, a:link, a:visited, a:active{
|
|||
}
|
||||
|
||||
.wave-icon-desktop {
|
||||
margin-left: -65px;
|
||||
@media #{$masthead-breakpoint-wave} {
|
||||
margin-left: 0px;
|
||||
}
|
||||
margin: 80px 0 0 0;
|
||||
}
|
||||
|
||||
.message-content{
|
||||
|
|
@ -214,12 +212,13 @@ a, a:link, a:visited, a:active{
|
|||
.wave-icon-and-title {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
@media #{$medium-and-smaller} {
|
||||
@media #{$small} {
|
||||
flex-direction: column;
|
||||
img {
|
||||
max-width: 275px;
|
||||
|
|
@ -231,6 +230,10 @@ a, a:link, a:visited, a:active{
|
|||
max-width: 460px;
|
||||
}
|
||||
|
||||
h2{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.message-from-team, .directors-message {
|
||||
|
|
@ -339,8 +342,14 @@ a, a:link, a:visited, a:active{
|
|||
}
|
||||
|
||||
.inner {
|
||||
padding-top: 124px;
|
||||
padding-top: 172px;
|
||||
width: 620px;
|
||||
@media #{$medium} {
|
||||
padding-top: 100px;
|
||||
}
|
||||
@media #{$small} {
|
||||
padding-top: 80px;
|
||||
}
|
||||
h5{
|
||||
margin: 20px 0 0;
|
||||
font-size: 1.25rem;
|
||||
|
|
@ -394,23 +403,35 @@ a, a:link, a:visited, a:active{
|
|||
margin-top: 0px;
|
||||
}
|
||||
|
||||
@media #{$intermediate-and-smaller} {
|
||||
.inner{
|
||||
padding-top: 40px;
|
||||
@media #{$big}{
|
||||
width: 100%;
|
||||
}
|
||||
@media #{$intermediate}{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media #{$medium-and-smaller} {
|
||||
padding: 0;
|
||||
background-position: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
height: initial;
|
||||
|
||||
img {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media #{$medium-and-smaller} {
|
||||
margin-top: 62px;
|
||||
// height: 398px;
|
||||
}
|
||||
// @media #{$medium-and-smaller} {
|
||||
// margin-top: 62px;
|
||||
// // height: 398px;
|
||||
// }
|
||||
|
||||
@media #{$medium} {
|
||||
margin-right: 0;
|
||||
|
|
@ -819,6 +840,21 @@ a, a:link, a:visited, a:active{
|
|||
}
|
||||
}
|
||||
|
||||
.datapoint.world{
|
||||
@media #{$medium}{
|
||||
img, p {
|
||||
margin: 0 0;
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
@media #{$small} {
|
||||
flex-direction: column;
|
||||
img + p {
|
||||
margin-top: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.datapoint.saudi-arabia{
|
||||
h4{
|
||||
text-align: left;
|
||||
|
|
@ -828,6 +864,11 @@ a, a:link, a:visited, a:active{
|
|||
p{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@media #{$medium-and-smaller} {
|
||||
flex-direction: column;
|
||||
margin-top: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
img.comment-viz{
|
||||
|
|
@ -2456,7 +2497,6 @@ img.comment-viz{
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
height: 58px;
|
||||
|
||||
p {
|
||||
|
|
@ -2490,6 +2530,10 @@ img.comment-viz{
|
|||
|
||||
@media #{$medium-and-smaller} {
|
||||
height: auto;
|
||||
|
||||
.sectionIndicator{
|
||||
width: calc(100% - 30px);
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
flex-direction: row;
|
||||
|
|
|
|||
|
|
@ -16,8 +16,7 @@
|
|||
"annualReport.2021.directorsMessagePullquote": "We believe in the transformative power of self-expression and creativity, and in providing space for young people to use creative coding as a tool to raise their voice.",
|
||||
"annualReport.2021.directorsMessageP3": "I’m proud to serve as the Executive Director of the Scratch Foundation during this pivotal moment in our history, and will continue to spread Scratch’s caring, collaborative approach to creative learning to kids around the world who need these opportunities the most.",
|
||||
"annualReport.2021.directorsMessageP4": "Last year was an incredible year for the Scratch Foundation–we focused on growing our team with remarkable, diverse leaders and building a solid foundation for our continued transition to an independent organization. We developed a three-year Strategic Plan with the combined efforts of every team member at every level of our organization, codifying the work we’re embarking on together. As Scratch grows, we remain focused on equity and community-building, and keeping Scratch a safe space for kids to connect, create, and collaborate with their peers around the world.",
|
||||
"annualReport.2021.directorsMessageP5": "LI can’t thank you enough for embarking on this journey with our team, and for your continued support of our mission. The compassion and creativity of the Scratch Community is endlessly inspiring to us, and we can’t wait for you to join us in the important work ahead of us.",
|
||||
"annualReport.2021.directorsMessageP6": "Over the past decade, Scratch has had phenomenal success, engaging tens of millions of young people around the world. But we are just beginning. The challenge for the years ahead is to ensure that we can continue to spread and support not just our technology but also our creative, caring, collaborative learning approach, so that young people around the world have equitable opportunities to imagine, create, share, and learn. We look forward to working with all of you to make that happen!",
|
||||
"annualReport.2021.directorsMessageP5": "I can’t thank you enough for embarking on this journey with our team, and for your continued support of our mission. The compassion and creativity of the Scratch Community is endlessly inspiring to us, and we can’t wait for you to join us in the important work ahead of us.",
|
||||
"annualReport.2021.EDTitle": "Executive Director, Scratch Foundation",
|
||||
|
||||
"annualReport.2021.watchVideo": "Watch Video",
|
||||
|
|
|
|||
Loading…
Reference in a new issue