default cursor on coming soon, make cards into links

This commit is contained in:
Technoboy10 2016-07-06 12:27:42 -04:00
parent 712aa8dbc2
commit 66c3a02340
2 changed files with 25 additions and 16 deletions

View file

@ -63,36 +63,36 @@ var Landing = injectIntl(React.createClass({
<p><FormattedHTMLMessage id="teacherlanding.generalUsageSubjectAreas"/></p>
</FlexRow>
<FlexRow className="stories">
<div className="story">
<img src="/images/teachers/stories/ingrid.jpg" alt="ingrid's story" />
<div className="story-info">
<a href="//bit.ly/28SBsa9">Ingrid Gustafson</a>
<p><FormattedMessage id="teacherlanding.ingridTitle" /></p>
</div>
</div>
<div className="story">
<a href="//bit.ly/28SBsa9" className="story">
<img src="/images/teachers/stories/ingrid.jpg" alt="ingrid's story" />
<div className="story-info">
<p className="name">Ingrid Gustafson</p>
<p><FormattedMessage id="teacherlanding.ingridTitle" /></p>
</div>
</a>
<a href="//bit.ly/28Q5l6P" className="story">
<img src="/images/teachers/stories/dylan.jpg" alt="dylan's story" />
<div className="story-info">
<a href="//bit.ly/28Q5l6P">Dylan Ryder</a>
<p className="name">Dylan Ryder</p>
<p><FormattedMessage id="teacherlanding.dylanTitle" /></p>
</div>
</div>
<div className="story">
</a>
<a href="//bit.ly/28SC1AY" className="story">
<img src="/images/teachers/stories/plug-in-studio.jpg"
alt="plug in studio's story" />
<div className="story-info">
<a href="//bit.ly/28SC1AY">Plug-In Studios</a>
<p className="name">Plug-In Studios</p>
<p><FormattedMessage id="teacherlanding.afterSchoolTitle" /></p>
</div>
</div>
<div className="story">
</a>
<a href="//bit.ly/28UzapJ" className="story">
<img src="/images/teachers/stories/ghana-code-club.jpg"
alt="ghana code club's story" />
<div className="story-info">
<a href="//bit.ly/28UzapJ">Ghana Code Club</a>
<p className="name">Ghana Code Club</p>
<p><FormattedMessage id="teacherlanding.afterSchoolTitle" /></p>
</div>
</div>
</a>
</FlexRow>
</section>
<section id="resources">

View file

@ -159,6 +159,14 @@ $story-width: $cols3;
padding-top: 10px;
padding-left: 10px;
.name {
margin: 0;
line-height: initial;
color: $ui-blue;
font-size: initial;
font-weight: 500;
}
p {
margin: 10px 0;
font-size: .75rem;
@ -227,6 +235,7 @@ $story-width: $cols3;
border-radius: 50px;
box-shadow: none;
background-color: transparent;
cursor: default;
padding: 16px 16px;
width: $cols5 / 2;
color: $ui-white;