scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-12-02 11:59:07 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Add cards for fly and make music

Browse source
This commit is contained in:
Matthew Taylor 2016-09-19 15:59:40 -04:00
parent cd6a60e5b8
commit 0156fe8c77
2 changed files with 31 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/views/hoc/hoc.jsx
View file

@ -134,6 +134,34 @@ var Hoc = React.createClass({
</a> </a>
</div> </div>
</div> </div>
<div className="hoc-section-resource">
<img className="hoc-section-resource-img"
src="/svgs/tips-card.svg"
alt="" />
<div className="hoc-section-resource-info">
<h5 className="hoc-section-resource-info-header">
<FormattedMessage id='hoc.tipsMakeItFlyTitle' />
</h5>
<a className="hoc-section-resource-anchor"
href="/scratchr2/static/pdfs/help/FlyCards.pdf">
<FormattedMessage id='hoc.activityCards' />
</a>
</div>
</div>
<div className="hoc-section-resource">
<img className="hoc-section-resource-img"
src="/svgs/tips-card.svg"
alt="" />
<div className="hoc-section-resource-info">
<h5 className="hoc-section-resource-info-header">
<FormattedMessage id='hoc.tipsMakeMusicTitle' />
</h5>
<a className="hoc-section-resource-anchor"
href="/scratchr2/static/pdfs/help/MusicCards.pdf">
<FormattedMessage id='hoc.activityCards' />
</a>
</div>
</div>
</section> </section>
<section className="hoc-section"> <section className="hoc-section">

4
src/views/hoc/hoc.scss
View file

@ -102,7 +102,6 @@ $base-bg: $ui-white;
text-align: left; text-align: left;
justify-content: center; justify-content: center;
align-items: center;
} }
.hoc-section-resource-img, .hoc-section-resource-img,
@ -112,6 +111,8 @@ $base-bg: $ui-white;
.hoc-section-resource { .hoc-section-resource {
width: 33%; width: 33%;
min-height: 4rem;
align-items: flex-start;
} }
.hoc-section-resource-anchor { .hoc-section-resource-anchor {
@ -127,6 +128,7 @@ $base-bg: $ui-white;
.hoc-section-studio { .hoc-section-studio {
width: 50%; width: 50%;
align-items: center;
} }
.hoc-section-studio-img { .hoc-section-studio-img {