mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2025-02-17 00:21:20 -05:00
Merge pull request #20 from carljbowman/hoc-landing-updates
Hoc landing updates
This commit is contained in:
commit
bb3870c43d
3 changed files with 15 additions and 22 deletions
|
@ -46,13 +46,6 @@ a:hover {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Adds Red outline to Links with no href */
|
||||
|
||||
a[href=""] {
|
||||
$fail-red: #ff0000;
|
||||
outline: 1px solid $fail-red;
|
||||
}
|
||||
|
||||
/* Classes */
|
||||
.inner {
|
||||
margin: 0 auto;
|
||||
|
|
|
@ -17,30 +17,30 @@ var View = React.createClass({
|
|||
<div className="card">
|
||||
<div className="card-info">
|
||||
<img src="/images/hide-seek-tutorial.png" />
|
||||
<Button>Create a Hide & Seek Game</Button>
|
||||
<a href="#"><Button>Create a Hide & Seek Game</Button></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="card">
|
||||
<div className="card-info">
|
||||
<img src="/images/dance-tutorial.png" />
|
||||
<Button>Compose a Dance Sequence</Button>
|
||||
<a href="/projects/editor/?tip_bar=dance"><Button>Compose a Dance Sequence</Button></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="card">
|
||||
<div className="card-info">
|
||||
<img src="/images/name-tutorial.png" />
|
||||
<Button>Animate Your Name</Button>
|
||||
<a href="/projects/editor/?tip_bar=name"><Button>Animate Your Name</Button></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul className="sub-nav">
|
||||
<li className="info">Find out more:</li>
|
||||
<a href=""><li className="link">About Scratch</li></a>
|
||||
<a href=""><li className="link">For Parents</li></a>
|
||||
<a href=""><li className="link">For Educators</li></a>
|
||||
<a href="/about"><li className="link">About Scratch</li></a>
|
||||
<a href="/parents"><li className="link">For Parents</li></a>
|
||||
<a href="/educators"><li className="link">For Educators</li></a>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
@ -50,27 +50,27 @@ var View = React.createClass({
|
|||
<div className="column">
|
||||
<h3>Related Resources</h3>
|
||||
<p>Below are some resources to help explore Scratch by yourself or to assist groups in
|
||||
workshops and classrooms <a href="">Find out more</a></p>
|
||||
workshops and classrooms <a href="/help">Find out more</a></p>
|
||||
</div>
|
||||
|
||||
<div className="resource">
|
||||
<img src="/svgs/tips-card.svg" />
|
||||
<div className="resource-info">
|
||||
<a href="">Hide & Seek Tip Cards</a>
|
||||
<a href="#">Hide & Seek Tip Cards</a>
|
||||
<div className="file-size">13mbs</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="resource">
|
||||
<img src="/svgs/tips-card.svg" />
|
||||
<div className="resource-info">
|
||||
<a href="">Dance Tip Cards</a>
|
||||
<a href="#">Dance Tip Cards</a>
|
||||
<div className="file-size">5mbs</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="resource">
|
||||
<img src="/svgs/tips-card.svg" />
|
||||
<div className="resource-info">
|
||||
<a href="">Name Tip Cards</a>
|
||||
<a href="#">Name Tip Cards</a>
|
||||
<div className="file-size">11mbs</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -80,8 +80,8 @@ var View = React.createClass({
|
|||
<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 all in the new 2015 <a href="">Tips
|
||||
Window</a></p>
|
||||
handy block information, and other helpful hints all in the new
|
||||
2015 <a href="/projects/editor/?tip_bar=home">Tips Window</a></p>
|
||||
</div>
|
||||
<div className="column">
|
||||
<img src="/images/tips-test-animation.gif" />
|
||||
|
@ -92,7 +92,7 @@ var View = React.createClass({
|
|||
<div className="column">
|
||||
<h3>Still Want More?</h3>
|
||||
<p><strong>Awesome!</strong> Here are some addtional tutorials
|
||||
from the Tips Window. <a href="">See all tips</a></p>
|
||||
from the Tips Window. <a href="/projects/editor/?tip_bar=home">See all tips</a></p>
|
||||
</div>
|
||||
</section>
|
||||
</Box>
|
||||
|
|
|
@ -179,10 +179,10 @@ $base-bg: $ui-white;
|
|||
width: inherit;
|
||||
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
letter-spacing: .5px;
|
||||
color: $ui-orange;
|
||||
font-size: .7em;
|
||||
font-weight: 700;
|
||||
font-weight: 500;
|
||||
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue