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

Merge branch 'bugfix/hoc-copy' into develop

Browse source
This commit is contained in:
Andrew Sliwinski 2015-10-13 18:18:29 -04:00
commit 60d81cdca3
2 changed files with 33 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -55,54 +55,53 @@ var Hoc = React.createClass({
<section className="one-up">
<div className="column">
<h3>Activity Cards and Guides</h3>
<p>Print the Scratch cards for tips and ideas for each of the activities!</p>
<p>
Want tips and ideas for your Hour-of-Code activities?&nbsp;
View and print activity cards and facilitator guides.
<br />
For more resources, see <a href="/help">Scratch Help</a>.
</p>
</div>
<div className="resource">
<img src="/svgs/tips-card.svg" />
<div className="resource-info">
<a href="#">Animate Your Name</a>
<div className="file-size">13 mb</div>
</div>
<img src="/svgs/tips-card.svg" />
<div className="resource-info">
<a href="#">Animate Your Name</a>
<div className="file-size">13 mb</div>
</div>
</div>
<div className="resource">
<img src="/svgs/tips-card.svg" />
<div className="resource-info">
<a href="#">Hide-and-Seek</a>
<div className="file-size">5 mb</div>
</div>
<img src="/svgs/tips-card.svg" />
<div className="resource-info">
<a href="#">Hide-and-Seek</a>
<div className="file-size">5 mb</div>
</div>
</div>
<div className="resource">
<img src="/svgs/tips-card.svg" />
<div className="resource-info">
<a href="#">Dance, Dance, Dance</a>
<div className="file-size">11 mb</div>
</div>
<img src="/svgs/tips-card.svg" />
<div className="resource-info">
<a href="#">Dance, Dance, Dance</a>
<div className="file-size">11 mb</div>
</div>
</div>
</section>
<section className="two-up">
<div className="column">
<h3>Tips Window</h3>
<p>New to Scratch or haven’t heard of the Tips Window? Check out interactive tutorials,
handy block information, and other helpful hints in the new
2015 <a href="/projects/editor/?tip_bar=home">Tips Window</a></p>
<p>
Need help getting started? Looking for ideas?&nbsp;
You can find tutorials and helpful hints in the
<br />
<a href="/projects/editor/?tip_bar=home">Tips Window</a>
</p>
</div>
<div className="column">
<img src="/images/tips-test-animation.gif" />
</div>
</section>
<section className="one-up">
<div className="column">
<h3>Still Want More?</h3>
<p>
<strong>Go for it!</strong>&nbsp;
Try another tutorial from the Tips Window.&nbsp;
<a href="/projects/editor/?tip_bar=home">See all tips</a>
</p>
</div>
</section>
</Box>
</div>
</div>

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

@ -146,6 +146,10 @@ $base-bg: $ui-white;
flex-wrap: wrap;
align-items: center;
&:last-child {
border-bottom: none;
}
h3,
p {
font-weight: 300;