scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 09:35:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

continued work on donate section

Browse source
This commit is contained in:
seotts 2020-08-17 10:21:38 -04:00 committed by Karishma Chadha
parent ba8e4705b5
commit b6dc0365ee
3 changed files with 24 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -201,16 +201,16 @@ class AnnualReport extends React.Component {
</section>
</div>
</div>
<div className="donate">
<TitleBanner className="donate">
<div className="title-banner-p">
<FlexRow className="masthead-info">
<img src="/images/ideas/getting-started-illustration.svg" width="300" height="300"/>
<div>
<TitleBanner>
<div className="title-banner">
<FlexRow className="donate-info">
<img src="/images/annual-report/donate-illustration.svg" width="300" height="300"/>
<div>
<h1 className="title-banner-h1">
<h1 className="title-banner-h1 section-heading">
<FormattedMessage id="annualReport.donateTitle" />
</h1>
<p>
<p className="donate-p">
<FormattedMessage id="annualReport.donateMessage" />
</p>
<a href="/projects/editor/?tutorial=all">

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

@ -119,10 +119,25 @@ $base-bg: $ui-white;
text-align: left;
}
.section-heading {
font-size: 52px;
}
.title-banner {
margin-bottom: 0;
}
.donate-p {
font-size: 20px;
text-align: left;
color: $type-white;
max-width: 500px;
}
.donate-info {
justify-content: center;
}
img.tips-icon {
height: 1.75rem;
}
@ -292,6 +307,7 @@ img.tips-icon {
margin-right: 1rem;
font-weight: 600;
}
/*display: block;
position: fixed;
left: 0;

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

@ -53,6 +53,6 @@
"ideas.VirtualPetDescription": "Create an interactive pet that can eat, drink, and play.",
"annualReport.donateTitle": "Donate",
"annualReport.donateMessage": "This is a paragraph",
"annualReport.donateMessage": "Your support enables us to make Scratch free for everyone, keeps our servers running, and most importantly, we are able to provide kids around the world an opportunity to imagine, create and share. Thank you!",
"annualReport.donateButton": "Donate"
}