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

took sip section out of educators masthead, put between masthead and main content

Browse source
This commit is contained in:
Ben Wheeler 2019-03-26 12:33:20 -04:00
parent 4f1f712083
commit 2c1fd34d20
2 changed files with 46 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
src/views/teachers/landing/landing.jsx
View file

@ -65,42 +65,42 @@ const Landing = props => (
</a>
</SubNavigation>
</div>
<div className="sub-band-feature-outer">
<div className="sub-band-feature-inner">
<SubNavigation className="inner">
<section id="sip">
<FlexRow className="educators-using">
<div className="using-scratch-image">
<img src="images/teachers/makey-activity.png" />
</div>
<div className="sip-info">
<h2><FormattedMessage id="teacherlanding.howUsingScratch" /></h2>
<p>
<FormattedMessage
id="teacherlanding.sip"
values={{
abbreviatedSipName: (
<FormattedMessage id="teacherlanding.abbreviatedSipName" />
),
sipName: (
<FormattedMessage id="teacherlanding.sipName" />
)
}}
/>
</p>
<a href="https://sip.scratch.mit.edu/">
<Button className="sip-button large icon-right">
<FormattedMessage id="teacherlanding.seeLatest" />
<img src="/svgs/project/r-arrow.svg" />
</Button>
</a>
</div>
</FlexRow>
</section>
</SubNavigation>
</div>
</div>
</TitleBanner>
<div className="feature">
<div className="inner">
<section id="sip">
<FlexRow className="educators-using">
<div className="using-scratch-image">
<img src="images/teachers/makey-activity.png" />
</div>
<div className="sip-info">
<h2><FormattedMessage id="teacherlanding.howUsingScratch" /></h2>
<p>
<FormattedMessage
id="teacherlanding.sip"
values={{
abbreviatedSipName: (
<FormattedMessage id="teacherlanding.abbreviatedSipName" />
),
sipName: (
<FormattedMessage id="teacherlanding.sipName" />
)
}}
/>
</p>
<a href="https://sip.scratch.mit.edu/">
<Button className="sip-button large icon-right">
<FormattedMessage id="teacherlanding.seeLatest" />
<img src="/svgs/project/r-arrow.svg" />
</Button>
</a>
</div>
</FlexRow>
</section>
</div>
</div>
<div className="inner">
<section id="resources">
<span className="nav-spacer" />

23
src/views/teachers/landing/landing.scss
View file

@ -25,6 +25,7 @@ $story-width: $cols3;
&.masthead {
background-color: $teacher-spot;
padding-bottom: 0;
margin-bottom: 0;
h1 {
margin: 0;
@ -76,14 +77,12 @@ $story-width: $cols3;
}
}
.sub-band-feature-outer {
background-color: $ui-white;
.sub-band-feature-inner {
background-color: $ui-blue-10percent;
}
.feature {
background-color: $ui-blue-10percent;
margin-bottom: 2.75rem;
section#sip {
padding-top: .5rem;
margin-bottom: .5rem;
}
@ -161,8 +160,8 @@ $story-width: $cols3;
.nav-spacer { // For making the anchors work.
display: block;
visibility: hidden;
margin-top: -50px;
height: 50px;
margin-top: -2.5rem;
height: 2.5rem;
}
margin-bottom: 3rem;
@ -266,7 +265,7 @@ $story-width: $cols3;
}
.educators {
.sub-band-feature-outer {
.feature {
.educators-using {
max-width: 484px;
}
@ -325,7 +324,7 @@ $story-width: $cols3;
}
.educators {
.sub-band-feature-outer {
.feature {
.educators-using {
max-width: 484px;
}
@ -469,7 +468,7 @@ $story-width: $cols3;
}
}
.sub-band-feature-outer {
.feature {
.educators-using {
.using-scratch-image {
@ -546,7 +545,7 @@ $story-width: $cols3;
justify-content: space-between;
}
.sub-band-feature-outer {
.feature {
.sip-info {
padding-top: 2rem;