add aaron

This commit is contained in:
caseymm 2021-10-05 17:11:53 -07:00
parent d7295ae58a
commit 352f31698e
3 changed files with 37 additions and 8 deletions

View file

@ -1035,6 +1035,27 @@ class AnnualReport extends React.Component {
</div>
<div className="initiatives-subsection-content">
{/* eslint-disable max-len */}
<div className="inner">
<div className="content">
<div className="text">
<div className="spotlight bubble adaptation">
<FormattedMessage id="annualReport.spotlightStory" />
</div>
<h2>
<FormattedMessage id="annualReport.adaptationHighlightName" />
</h2>
<p className="larger">
<FormattedMessage id="annualReport.adaptationHighlightTitle" />
</p>
<p>
<FormattedMessage id="annualReport.adaptationHighlightText" />
</p>
</div>
<div className="images">
<img src="/images/annual-report/2020/adaptation/Aaron Reuland Illustration_Photo.svg" />
</div>
</div>
</div>
<div className="inner">
<div className="subsection-tag">
<FormattedMessage id="annualReport.communitySpotlight" />

View file

@ -842,6 +842,9 @@ p {
&.connectivity{
background-color: $ui-purple;
}
&.adaptation{
background-color: $ui-aqua;
}
}
}
@ -1180,7 +1183,7 @@ img.comment-viz{
}
}
.initiatives-subsection-content.connectivity{
.initiatives-subsection-content{
overflow: hidden;
.bold{
font-weight: bold;
@ -1191,6 +1194,7 @@ img.comment-viz{
flex-wrap: wrap;
align-items: center;
width: 100%;
justify-content: space-around;
&.around{
justify-content: space-around;
&.users{
@ -1457,7 +1461,7 @@ img.comment-viz{
}
.comment-text {
border: 3px solid $ui-aqua-dark;
border: 1px solid $ui-mint-green;
white-space: pre-line;
margin-top: 8px;
@ -1468,20 +1472,21 @@ img.comment-viz{
}
}
.comment-text, .comment-text::before, .comment-text::after {
border-color: $ui-aqua-dark;
border-color: $ui-mint-green;
}
.comment-text::before {
border-color: $ui-aqua-dark;
top: -3px;
left: -13px;
border-bottom-width: 14px;
border-color: $ui-mint-green;
top: -1px;
left: -11px;
border-bottom-width: 12px;
border-left-width: 10px;
}
.comment-text::after {
border-color: $ui-white;
position: absolute;
top: 0px;
left: -10px;
border-bottom-width: 8px;
border-bottom-width: 10px;
border-left-width: 10px;
}
.comment-text {

View file

@ -130,6 +130,9 @@
"annualReport.adaptationQuoteTitle": "Curator for Creative Learning, mumok, Vienna, Austria",
"annualReport.adaptationQuoteText": "In all the troubles over the past year, Scratch remained our platform of communication, our place to meet, and our medium of expressing ourselves creatively.",
"annualReport.adaptationHighlightName": "Aaron Reuland",
"annualReport.adaptationHighlightTitle": "K-5 Library Media Teacher, Norwood, MA",
"annualReport.adaptationHighlightText": "In Aaron Reulands Title One school in Norwood, Massachusetts, he counted on Scratch to help engage remote students in creative learning and rekindle their sense of community “when the only things I could count on us all having were a working computer and an internet connection.”",
"annualReport.schoolsIntro": "We provide programs and resources to support teachers and students in schools around the world, designed to achieve equity in creative computing experiences, based on projects, passion, peers, and play.",
"annualReport.schoolsSpotlight": "Schools — Spotlight Story",