mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2025-02-17 00:21:20 -05:00
Slight content edits to hoc page
updates the studio links, and also fixes a link issue for the dance activity. Thanks @jwzimmer!
This commit is contained in:
parent
d3452ad256
commit
c44742e668
2 changed files with 9 additions and 22 deletions
|
@ -217,7 +217,7 @@ var Hoc = React.createClass({
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex-row-card">
|
<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">
|
<div className="flex-row-card-info">
|
||||||
<img className="flex-row-card-info-img"
|
<img className="flex-row-card-info-img"
|
||||||
src="/images/hoc/dance-tutorial.jpg"
|
src="/images/hoc/dance-tutorial.jpg"
|
||||||
|
@ -241,7 +241,7 @@ var Hoc = React.createClass({
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<FlexRow>
|
<FlexRow className="mod-studio">
|
||||||
<div className="hoc-section-studio">
|
<div className="hoc-section-studio">
|
||||||
<img className="hoc-section-studio-img"
|
<img className="hoc-section-studio-img"
|
||||||
src="/svgs/studio.svg"
|
src="/svgs/studio.svg"
|
||||||
|
@ -255,22 +255,6 @@ var Hoc = React.createClass({
|
||||||
</div>
|
</div>
|
||||||
</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">
|
<div className="hoc-section-studio">
|
||||||
<img className="hoc-section-studio-img"
|
<img className="hoc-section-studio-img"
|
||||||
src="/svgs/studio.svg"
|
src="/svgs/studio.svg"
|
||||||
|
@ -289,9 +273,9 @@ var Hoc = React.createClass({
|
||||||
src="/svgs/studio.svg"
|
src="/svgs/studio.svg"
|
||||||
alt="" />
|
alt="" />
|
||||||
<div className="hoc-section-studio-info">
|
<div className="hoc-section-studio-info">
|
||||||
<a href="/studios/1672164/">
|
<a href="/studios/2050750/">
|
||||||
<h5 className="hoc-section-studio-info-header">
|
<h5 className="hoc-section-studio-info-header">
|
||||||
<FormattedMessage id='hoc.studioAlice' />
|
<FormattedMessage id='hoc.tipsMakeItFlyTitle' />
|
||||||
</h5>
|
</h5>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -126,8 +126,11 @@ $base-bg: $ui-white;
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.flex-row.mod-studio {
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
.hoc-section-studio {
|
.hoc-section-studio {
|
||||||
width: 50%;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -137,7 +140,7 @@ $base-bg: $ui-white;
|
||||||
|
|
||||||
.hoc-section-studio-info-header {
|
.hoc-section-studio-info-header {
|
||||||
margin: 8px 0;
|
margin: 8px 0;
|
||||||
width: 200px;
|
width: 150px;
|
||||||
color: $ui-blue;
|
color: $ui-blue;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue