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

Slight content edits to hoc page

Browse source 
updates the studio links, and also fixes a link issue for the dance activity. Thanks @jwzimmer!
This commit is contained in:
Matthew Taylor 2016-10-03 16:04:19 -04:00
parent d3452ad256
commit c44742e668
2 changed files with 9 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -217,7 +217,7 @@ var Hoc = React.createClass({
</div>
<div className="flex-row-card">
<a href="//projects/editor/?tip_bar=dance">
<a href="/projects/editor/?tip_bar=dance">
<div className="flex-row-card-info">
<img className="flex-row-card-info-img"
src="/images/hoc/dance-tutorial.jpg"
@ -241,7 +241,7 @@ var Hoc = React.createClass({
</p>
</div>
<FlexRow>
<FlexRow className="mod-studio">
<div className="hoc-section-studio">
<img className="hoc-section-studio-img"
src="/svgs/studio.svg"
@ -255,22 +255,6 @@ var Hoc = React.createClass({
</div>
</div>
<div className="hoc-section-studio">
<img className="hoc-section-studio-img"
src="/svgs/studio.svg"
alt="" />
<div className="hoc-section-studio-info">
<a href="/studios/1672166/">
<h5 className="hoc-section-studio-info-header">
<FormattedMessage id='hoc.studioWeBareBears' />
</h5>
</a>
</div>
</div>
</FlexRow>
<FlexRow>
<div className="hoc-section-studio">
<img className="hoc-section-studio-img"
src="/svgs/studio.svg"
@ -289,9 +273,9 @@ var Hoc = React.createClass({
src="/svgs/studio.svg"
alt="" />
<div className="hoc-section-studio-info">
<a href="/studios/1672164/">
<a href="/studios/2050750/">
<h5 className="hoc-section-studio-info-header">
<FormattedMessage id='hoc.studioAlice' />
<FormattedMessage id='hoc.tipsMakeItFlyTitle' />
</h5>
</a>
</div>

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

@ -126,8 +126,11 @@ $base-bg: $ui-white;
line-height: inherit;
}
.flex-row.mod-studio {
justify-content: space-between;
}
.hoc-section-studio {
width: 50%;
align-items: center;
}
@ -137,7 +140,7 @@ $base-bg: $ui-white;
.hoc-section-studio-info-header {
margin: 8px 0;
width: 200px;
width: 150px;
color: $ui-blue;
font-weight: 500;
}