From dc13d63d2e27ca68481ec9860fd19cbfc6a1503f Mon Sep 17 00:00:00 2001
From: carljbowman <bowman@media.mit.edu>
Date: Thu, 22 Oct 2015 10:34:18 -0400
Subject: [PATCH] Update entire Tutorial cards to be clickable

Wrapped the Tutorial cards in link tags, rather than just the button.
---
 src/views/hoc/hoc.jsx | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

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