mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2025-03-25 12:20:24 -04:00
footer mobile
This commit is contained in:
Technoboy10
parent
5b9cef8dd6
commit
391344489d
2 changed files with 189 additions and 161 deletions
src/components/footer/www
|
|
@ -11,158 +11,195 @@ var Footer = React.createClass({
|
|||
render: function () {
|
||||
return (
|
||||
<FooterBox>
|
||||
<div className="lists">
|
||||
<dl>
|
||||
<dt>
|
||||
<FormattedMessage id='general.about' />
|
||||
</dt>
|
||||
<dd className="showMobile">
|
||||
<a href="/about/">
|
||||
<FormattedMessage id='general.aboutScratch' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/parents/">
|
||||
<FormattedMessage id='general.forParents' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/educators/">
|
||||
<FormattedMessage id='general.forEducators' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/developers">
|
||||
<FormattedMessage id='general.forDevelopers' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/info/credits/">
|
||||
<FormattedMessage id='general.credits' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd className="showMobile">
|
||||
<a href="/jobs/">
|
||||
<FormattedMessage id='general.jobs' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="http://wiki.scratch.mit.edu/wiki/Scratch_Press">
|
||||
<FormattedMessage id='general.press' />
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
{this.props.layout == 'COLS4' || this.props.layout == 'COLS6' ? [
|
||||
<div className="lists">
|
||||
<dl>
|
||||
<dd>
|
||||
<a href="/about/">
|
||||
<FormattedMessage id='general.aboutScratch' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/jobs/">
|
||||
<FormattedMessage id='general.jobs' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/contact-us/">
|
||||
<FormattedMessage id='general.contactUs' />
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dd>
|
||||
<a href="/terms_of_use/">
|
||||
<FormattedMessage id='general.termsOfUse' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/privacy_policy/">
|
||||
<FormattedMessage id='general.privacyPolicy' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/community_guidelines/">
|
||||
<FormattedMessage id='general.guidelines' />
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
] : [
|
||||
<div className="lists">
|
||||
<dl>
|
||||
<dt>
|
||||
<FormattedMessage id='general.about' />
|
||||
</dt>
|
||||
<dd>
|
||||
<a href="/about/">
|
||||
<FormattedMessage id='general.aboutScratch' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/parents/">
|
||||
<FormattedMessage id='general.forParents' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/educators/">
|
||||
<FormattedMessage id='general.forEducators' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/developers">
|
||||
<FormattedMessage id='general.forDevelopers' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/info/credits/">
|
||||
<FormattedMessage id='general.credits' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/jobs/">
|
||||
<FormattedMessage id='general.jobs' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="http://wiki.scratch.mit.edu/wiki/Scratch_Press">
|
||||
<FormattedMessage id='general.press' />
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<FormattedMessage id='general.community' />
|
||||
</dt>
|
||||
<dd>
|
||||
<a href="/community_guidelines/">
|
||||
<FormattedMessage id='general.guidelines' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/discuss/">
|
||||
<FormattedMessage id='footer.discuss' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="https://wiki.scratch.mit.edu/">
|
||||
<FormattedMessage id='general.wiki' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/statistics/">
|
||||
<FormattedMessage id='general.statistics' />
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<dl>
|
||||
<dt>
|
||||
<FormattedMessage id='general.community' />
|
||||
</dt>
|
||||
<dd className="showMobile">
|
||||
<a href="/community_guidelines/">
|
||||
<FormattedMessage id='general.guidelines' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/discuss/">
|
||||
<FormattedMessage id='footer.discuss' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="https://wiki.scratch.mit.edu/">
|
||||
<FormattedMessage id='general.wiki' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/statistics/">
|
||||
<FormattedMessage id='general.statistics' />
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<FormattedMessage id='general.support' />
|
||||
</dt>
|
||||
<dd>
|
||||
<a href="/help/">
|
||||
<FormattedMessage id='footer.help' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/info/faq/">
|
||||
<FormattedMessage id='general.faq' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/scratch2download/">
|
||||
<FormattedMessage id='general.offlineEditor' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/contact-us/">
|
||||
<FormattedMessage id='general.contactUs' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="https://secure.donationpay.org/scratchfoundation/">
|
||||
<FormattedMessage id='general.donate'/>
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<dl>
|
||||
<dt>
|
||||
<FormattedMessage id='general.support' />
|
||||
</dt>
|
||||
<dd>
|
||||
<a href="/help/">
|
||||
<FormattedMessage id='footer.help' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/info/faq/">
|
||||
<FormattedMessage id='general.faq' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/scratch2download/">
|
||||
<FormattedMessage id='general.offlineEditor' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd className="showMobile">
|
||||
<a href="/contact-us/">
|
||||
<FormattedMessage id='general.contactUs' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="https://secure.donationpay.org/scratchfoundation/">
|
||||
<FormattedMessage id='general.donate'/>
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<dl>
|
||||
<dt>
|
||||
<FormattedMessage id='general.legal'/>
|
||||
</dt>
|
||||
<dd className="showMobile">
|
||||
<a href="/terms_of_use/">
|
||||
<FormattedMessage id='general.termsOfUse' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd className="showMobile">
|
||||
<a href="/privacy_policy/">
|
||||
<FormattedMessage id='general.privacyPolicy' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/DMCA/">
|
||||
<FormattedMessage id='general.dmca' />
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<dl>
|
||||
<dt>
|
||||
<FormattedMessage id='footer.scratchFamily' />
|
||||
</dt>
|
||||
<dd>
|
||||
<a href="http://scratched.gse.harvard.edu/">
|
||||
<FormattedMessage id='general.scratchEd' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="http://www.scratchjr.org/">
|
||||
<FormattedMessage id='general.scratchJr' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="http://day.scratch.mit.edu/">
|
||||
<FormattedMessage id='general.scratchday' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/conference/">
|
||||
<FormattedMessage id='general.scratchConference' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="http://www.scratchfoundation.org/">
|
||||
<FormattedMessage id='general.scratchFoundation' />
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<dl>
|
||||
<dt>
|
||||
<FormattedMessage id='general.legal'/>
|
||||
</dt>
|
||||
<dd>
|
||||
<a href="/terms_of_use/">
|
||||
<FormattedMessage id='general.termsOfUse' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/privacy_policy/">
|
||||
<FormattedMessage id='general.privacyPolicy' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/DMCA/">
|
||||
<FormattedMessage id='general.dmca' />
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<dl>
|
||||
<dt>
|
||||
<FormattedMessage id='footer.scratchFamily' />
|
||||
</dt>
|
||||
<dd>
|
||||
<a href="http://scratched.gse.harvard.edu/">
|
||||
<FormattedMessage id='general.scratchEd' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="http://www.scratchjr.org/">
|
||||
<FormattedMessage id='general.scratchJr' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="http://day.scratch.mit.edu/">
|
||||
<FormattedMessage id='general.scratchday' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="/conference/">
|
||||
<FormattedMessage id='general.scratchConference' />
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="http://www.scratchfoundation.org/">
|
||||
<FormattedMessage id='general.scratchFoundation' />
|
||||
</a>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
]}
|
||||
<LanguageChooser />
|
||||
|
||||
<div className="copyright">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,10 @@
|
|||
text-align: center;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
justify-content: space-around;
|
||||
|
||||
dl {
|
||||
display: inline-block;
|
||||
width: 130pt;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
font-size: .8rem;
|
||||
|
|
@ -52,15 +51,7 @@
|
|||
|
||||
//4 and 6 columns
|
||||
@media only screen and (max-width: $tablet - 1) {
|
||||
#footer .lists dd {
|
||||
&:not(.showMobile) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#footer .lists dl {
|
||||
dt {
|
||||
display: none;
|
||||
}
|
||||
#footer .lists {
|
||||
justify-content: space-around;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue