mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2025-01-24 04:49:55 -05:00
eed6f1fc08
1. Put formatting-specific components into the `presentation` subdir of `components` 2. Put content-specific components into the `container` subdir of `components` 3. Put views that are sub-urls of the site into a subdir of `views` (i.e. `microworlds`, and eventually `conference`)
65 lines
2.4 KiB
JavaScript
65 lines
2.4 KiB
JavaScript
var React = require('react');
|
|
var render = require('../../lib/render.jsx');
|
|
var FormattedMessage = require('react-intl').FormattedMessage;
|
|
|
|
var Page = require('../../components/container/page/www/page.jsx');
|
|
|
|
require('./jobs.scss');
|
|
|
|
var Jobs = React.createClass({
|
|
type: 'Jobs',
|
|
render: function () {
|
|
return (
|
|
<div>
|
|
<div className="top">
|
|
<div className="inner">
|
|
<img src="/images/jobs.png" />
|
|
<h1><FormattedMessage id='jobs.titleQuestion' /></h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="middle">
|
|
<div className="inner">
|
|
<h2><FormattedMessage id='jobs.joinScratchTeam' /></h2>
|
|
<p><FormattedMessage id='jobs.info' /></p>
|
|
<p><FormattedMessage id='jobs.workEnvironment' /></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bottom">
|
|
<div className="inner">
|
|
<h2><FormattedMessage id='jobs.openings' /></h2>
|
|
<ul>
|
|
<li>
|
|
<a href="http://bit.ly/24B9aEz">
|
|
Community Manager
|
|
</a>
|
|
<span>
|
|
(MIT Media Lab, Cambridge, MA)
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<a href="http://bit.ly/21CTTE6">
|
|
Front-end Engineer
|
|
</a>
|
|
<span>
|
|
(MIT Media Lab, Cambridge, MA)
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<a href="/jobs/community-counselor/">
|
|
Community Counselor
|
|
</a>
|
|
<span>
|
|
(MIT Media Lab, Cambridge, MA or Remote)
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
});
|
|
|
|
render(<Page><Jobs /></Page>, document.getElementById('app'));
|