scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 15:47:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

progress on supporters styling

Browse source
This commit is contained in:
seotts 2020-08-28 16:55:16 -04:00 committed by Karishma Chadha
parent 05a408c5e7
commit a70dbce670
2 changed files with 27 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -10,6 +10,7 @@ const FlexRow = require('../../components/flex-row/flex-row.jsx');
const MasonryGrid = require('../../components/masonrygrid/masonrygrid.jsx');
const TitleBanner = require('../../components/title-banner/title-banner.jsx');
const NavigationBox = require('../../components/navigation/base/navigation.jsx');
const Comment = require('../../components/comment/comment.jsx');
const Page = require('../../components/page/www/page.jsx');
const render = require('../../lib/render.jsx');
@ -338,10 +339,10 @@ const AnnualReport = () => (
<div className="ds-info">
<img src="/images/annual-report/david-siegel-photo.svg" />
<h3>David Siegel</h3>
<div>Co-Founder and Co-Chairman Two Sigma</div>
<div>Co-Founder and<br /> Co-Chairman<br /> Two Sigma</div>
</div>
<div className="ds-quote">
Making sure that Scratch remains free and accessible for kids everywhere is one of the most impactful ways we can help young learners engage and thrive in an increasingly digital world. Supporting Scratch is more important today than ever before.
<Comment comment="Making sure that Scratch remains free and accessible for kids everywhere is one of the most impactful ways we can help young learners engage and thrive in an increasingly digital world. Supporting Scratch is more important today than ever before." />
</div>
</div>
</div>

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

@ -328,6 +328,30 @@ $base-bg: $ui-white;
.david-siegel {
display: flex;
align-items: flex-start;
.ds-info {
text-align: center;
padding: 0 20px;
margin-right: 18px;
h3 {
font-size: 24px;
}
div {
font-size: 16px;
padding: 18px;
}
}
}
.comment-text {
background-color: $ui-white;
text-align: left;
margin-top: 16px;
line-height: 32px;
padding: 32px;
}
}