scratch-www/src/views/guidelines/guidelines.jsx

43 lines
2 KiB
React
Raw Normal View History

2016-04-23 14:27:08 -04:00
var React = require('react');
var FormattedMessage = require('react-intl').FormattedMessage;
var render = require('../../lib/render.jsx');
var Page = require('../../components/page/www/page.jsx');
var Box = require('../../components/box/box.jsx');
require('./guidelines.scss');
var Guidelines = React.createClass({
type: 'Guidelines',
render: function () {
return (
<div className="inner">
<Box title={<FormattedMessage id='guidelines.title' />}>
<p><FormattedMessage id='guidelines.header' className="intro" /></p>
<dl>
<dt><FormattedMessage id='guidelines.respectheader' /></dt>
<dd><FormattedMessage id='guidelines.respectbody' /></dd>
<dt><FormattedMessage id='guidelines.constructiveheader' /></dt>
<dd><FormattedMessage id='guidelines.constructivebody' /></dd>
<dt><FormattedMessage id='guidelines.shareheader' /></dt>
<dd><FormattedMessage id='guidelines.sharebody' /></dd>
<dt><FormattedMessage id='guidelines.privacyheader' /></dt>
<dd><FormattedMessage id='guidelines.privacybody' /></dd>
<dt><FormattedMessage id='guidelines.honestyheader' /></dt>
<dd><FormattedMessage id='guidelines.honestybody' /></dd>
<dt><FormattedMessage id='guidelines.friendlyheader' /></dt>
<dd><FormattedMessage id='guidelines.friendlybody' /></dd>
</dl>
<div className="guidelines-footer">
2016-04-29 17:15:26 -04:00
<p><FormattedMessage id='guidelines.footer' /></p>
<img src="//cdn.scratch.mit.edu/scratchr2/static/images/help/spritesforcommunityguid.png"
alt="sprites"/>
2016-04-23 14:27:08 -04:00
</div>
</Box>
</div>
);
}
});
render(<Page><Guidelines /></Page>, document.getElementById('app'));