Squash and Merge

src/_typography.scss

@@ -121,5 +121,9 @@
         dt {
             font-weight: 700;
         }
+        
+        dd {
+            margin: 0;
+        }
     }
 }

src/views/guidelines/guidelines.jsx

@@ -0,0 +1,41 @@
+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">
+                      <p><FormattedMessage id='guidelines.footer' /></p>
+                      <img src="//cdn.scratch.mit.edu/scratchr2/static/images/help/spritesforcommunityguid.png" alt="sprites"/>
+                    </div>
+                </Box>
+            </div>
+        );
+    }
+});
+
+render(<Page><Guidelines /></Page>, document.getElementById('app'));

src/views/guidelines/guidelines.scss

@@ -0,0 +1,11 @@
+@import "../../colors";
+@import "../../typography";
+
+.view {
+    .guidelines-footer {
+        text-align: center;
+        img {
+            margin: 0 auto;
+        }
+    }
+}

src/views/guidelines/l10n.json

@@ -0,0 +1,17 @@
+{
+  "guidelines.title": "Scratch Community Guidelines",
+  "guidelines.header": "We need everyone’s help to keep Scratch a friendly and creative community where people with different backgrounds and interests feel welcome.",
+  "guidelines.respectheader": "Be respectful.",
+  "guidelines.respectbody": "When sharing projects or posting comments, remember that people of many different ages and backgrounds will see what you’ve shared.",
+  "guidelines.constructiveheader": "Be constructive.",
+  "guidelines.constructivebody": "When commenting on others' projects, say something you like about it and offer suggestions.",
+  "guidelines.shareheader": "Share.",
+  "guidelines.sharebody": "You are free to remix projects, ideas, images, or anything else you find on Scratch – and anyone can use anything that you share. Be sure to give credit when you remix.",
+  "guidelines.privacyheader": "Keep personal info private.",
+  "guidelines.privacybody": "For safety reasons, don't use real names or post contact info like phone numbers or addresses.",
+  "guidelines.honestyheader": "Be honest.",
+  "guidelines.honestybody": "Don’t try to impersonate other Scratchers, spread rumors, or otherwise try to trick the community.",
+  "guidelines.friendlyheader": "Help keep the site friendly.",
+  "guidelines.friendlybody": "If you think a project or comment is mean, insulting, too violent, or otherwise inappropriate, click “Report” to let us know about it.",
+  "guidelines.footer": "Scratch welcomes people of all ages, races, ethnicities, religions, sexual orientations, and gender identities."
+}