Change footer for 2017

Take out sponsors
This commit is contained in:
Matthew Taylor 2017-02-17 13:13:03 -05:00
parent 9669527eb8
commit 06ebc88287
4 changed files with 83 additions and 5 deletions

View file

@ -1,9 +1,9 @@
var React = require('react'); var React = require('react');
var FlexRow = require('../../flex-row/flex-row.jsx'); var FlexRow = require('../../../flex-row/flex-row.jsx');
var FooterBox = require('../container/footer.jsx'); var FooterBox = require('../../container/footer.jsx');
require('./footer.scss'); require('../footer.scss');
var ConferenceFooter = React.createClass({ var ConferenceFooter = React.createClass({
type: 'ConferenceFooter', type: 'ConferenceFooter',

View file

@ -0,0 +1,78 @@
var React = require('react');
var FlexRow = require('../../../flex-row/flex-row.jsx');
var FooterBox = require('../../container/footer.jsx');
require('../footer.scss');
var ConferenceFooter = React.createClass({
type: 'ConferenceFooter',
render: function () {
return (
<FooterBox>
<FlexRow className="scratch-links">
<div className="family">
<h4>Scratch Family</h4>
<FlexRow>
<FlexRow as="ul" className="column">
<li>
<a href="https://scratch.mit.edu" target="_blank">Scratch</a>
</li>
<li>
<a href="http://www.scratchjr.org/" target="_blank">ScratchJr</a>
</li>
</FlexRow>
<FlexRow as="ul" className="column">
<li>
<a href="http://www.scratchfoundation.org/" target="_blank">Scratch Foundation</a>
</li>
<li>
<a href="http://scratched.gse.harvard.edu/" target="_blank">ScratchEd</a>
</li>
</FlexRow>
<FlexRow as="ul" className="column">
<li>
<a href="http://day.scratch.mit.edu" target="_blank">Scratch Day</a>
</li>
</FlexRow>
</FlexRow>
<p className="legal">
Scratch is a project of the Lifelong Kindergarten Group at the MIT Media Lab.
</p>
</div>
<div className="media">
<div className="contact-us">
<h4>Contact</h4>
<p>
<a href="mailto:help@scratch.mit.edu" target="_blank">
Email Us
</a>
</p>
</div>
<div className="social">
<FlexRow as="ul">
<li>
<a href="//www.twitter.com/scratch" target="_blank">
<img src="/images/conference/footer/twitter.png" alt="scratch twitter" />
</a>
</li>
<li>
<a href="//www.facebook.com/scratchteam" target="_blank">
<img src="/images/conference/footer/facebook.png" alt="scratch facebook" />
</a>
</li>
<li>
<a href="http://medium.com/scratchfoundation-blog" target="_blank">
<img src="/images/conference/footer/medium.png" alt="scratch foundation blog" />
</a>
</li>
</FlexRow>
</div>
</div>
</FlexRow>
</FooterBox>
);
}
});
module.exports = ConferenceFooter;

View file

@ -1,7 +1,7 @@
var React = require('react'); var React = require('react');
var Navigation = require('../../../navigation/conference/2016/navigation.jsx'); var Navigation = require('../../../navigation/conference/2016/navigation.jsx');
var Footer = require('../../../footer/conference/footer.jsx'); var Footer = require('../../../footer/conference/2016/footer.jsx');
require('../page.scss'); require('../page.scss');

View file

@ -1,7 +1,7 @@
var React = require('react'); var React = require('react');
var Navigation = require('../../../navigation/conference/2017/navigation.jsx'); var Navigation = require('../../../navigation/conference/2017/navigation.jsx');
var Footer = require('../../../footer/conference/footer.jsx'); var Footer = require('../../../footer/conference/2017/footer.jsx');
require('../page.scss'); require('../page.scss');