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

Update entire Tutorial cards to be clickable

Browse source 
Wrapped the Tutorial cards in link tags, rather than just the button.
This commit is contained in:
carljbowman 2015-10-22 10:34:18 -04:00
parent 36eff8a9db
commit dc13d63d2e
1 changed files with 18 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -31,24 +31,30 @@ var Hoc = React.createClass({
<div className="card-deck"> <div className="card-deck">
<div className="card"> <div className="card">
<div className="card-info" onMouseEnter={this.onCardEnter.bind(this, 'name-bg')}> <a href="/projects/editor/?tip_bar=name">
<img src="/images/name-tutorial.jpg" /> <div className="card-info" onMouseEnter={this.onCardEnter.bind(this, 'name-bg')}>
<a href="/projects/editor/?tip_bar=name"><Button>Animate Your Name</Button></a> <img src="/images/name-tutorial.jpg" />
</div> <Button>Animate Your Name</Button>
</div>
</a>
</div> </div>
<div className="card" onMouseEnter={this.onCardEnter.bind(this, 'wbb-bg')}> <div className="card" onMouseEnter={this.onCardEnter.bind(this, 'wbb-bg')}>
<div className="card-info"> <a href="/hide">
<img src="/images/hide-seek-tutorial.jpg" /> <div className="card-info">
<a href="/hide"><Button> Hide-and-Seek Game</Button></a> <img src="/images/hide-seek-tutorial.jpg" />
</div> <Button> Hide-and-Seek Game</Button>
</div>
</a>
</div> </div>
<div className="card" onMouseEnter={this.onCardEnter.bind(this, 'dance-bg')}> <div className="card" onMouseEnter={this.onCardEnter.bind(this, 'dance-bg')}>
<div className="card-info"> <a href="/projects/editor/?tip_bar=dance">
<img src="/images/dance-tutorial.jpg" /> <div className="card-info">
<a href="/projects/editor/?tip_bar=dance"><Button>Dance, Dance, Dance</Button></a> <img src="/images/dance-tutorial.jpg" />
</div> <Button>Dance, Dance, Dance</Button>
</div>
</a>
</div> </div>
</div> </div>