Skip to content

GitLab

S
scratch-www
Commit f83df245 authored by seotts's avatar seotts Committed by Karishma Chadha
Browse files
Options

add pillars graphics

parent d113dda8
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 64 additions and 51 deletions
src/views/annual-report/annual-report.jsx
View file @ f83df245
...@@ -816,35 +816,12 @@ class AnnualReport extends React.Component { ...@@ -816,35 +816,12 @@ class AnnualReport extends React.Component {
<h2> <h2>
<FormattedMessage id="annualReport.initiativesTitle" /> <FormattedMessage id="annualReport.initiativesTitle" />
</h2> </h2>
<div className="initiatives-pillars"> <MediaQuery minWidth={frameless.tabletPortrait}>
<div className="initiatives-pillar"> <img src="/images/annual-report/initiatives/Pillars-Desktop.svg" />
<img src="/images/annual-report/ScratchJr-Logo.svg" /> </MediaQuery>
<h3> <MediaQuery maxWidth={frameless.tabletPortrait - 1}>
<FormattedMessage id="annualReport.toolsTitle" /> <img src="/images/annual-report/initiatives/Pillars-Mobile.svg" />
</h3> </MediaQuery>
<p>
<FormattedMessage id="annualReport.toolsIntro" />
</p>
</div>
<div className="initiatives-pillar">
<img src="/images/annual-report/ScratchJr-Logo.svg" />
<h3>
<FormattedMessage id="annualReport.communityTitle" />
</h3>
<p>
<FormattedMessage id="annualReport.communityIntro" />
</p>
</div>
<div className="initiatives-pillar">
<img src="/images/annual-report/ScratchJr-Logo.svg" />
<h3>
<FormattedMessage id="annualReport.schoolsTitle" />
</h3>
<p>
<FormattedMessage id="annualReport.schoolsIntro" />
</p>
</div>
</div>
</div> </div>
</div> </div>
<div className="initiatives-tools"> <div className="initiatives-tools">
......
src/views/annual-report/annual-report.scss
View file @ f83df245
...@@ -611,28 +611,8 @@ p { ...@@ -611,28 +611,8 @@ p {
padding: 88px 0; padding: 88px 0;
} }
.initiatives-pillars { h2 {
display: flex; margin-bottom: 72px;
.initiatives-pillar {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 272px;
margin: 0 40px;
img {
width: 140px;
height: 140px;
align-self: center;
}
}
@media #{$intermediate-and-smaller} {
margin: 40px 0;
flex-direction: column;
}
} }
} }
......
static/images/annual-report/initiatives/Pillars-Desktop.svg 0 → 100644
View file @ f83df245
This diff is collapsed.
static/images/annual-report/initiatives/Pillars-Mobile.svg 0 → 100644
View file @ f83df245
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment