diff --git a/src/_typography.scss b/src/_typography.scss
index 89db665fc..d4405de4f 100644
--- a/src/_typography.scss
+++ b/src/_typography.scss
@@ -121,5 +121,9 @@
dt {
font-weight: 700;
}
+
+ dd {
+ margin: 0;
+ }
}
}
diff --git a/src/routes.json b/src/routes.json
index 3421b8d24..59b3ec927 100644
--- a/src/routes.json
+++ b/src/routes.json
@@ -78,5 +78,11 @@
"name": "donate",
"pattern": "^/info/donate/?",
"redirect": "https://secure.donationpay.org/scratchfoundation/"
+ },
+ {
+ "name": "guidelines",
+ "pattern": "^/community_guidelines$",
+ "view": "guidelines/guidelines",
+ "title": "Scratch Community Guidelines"
}
]
diff --git a/src/views/guidelines/guidelines.jsx b/src/views/guidelines/guidelines.jsx
new file mode 100644
index 000000000..7b581e233
--- /dev/null
+++ b/src/views/guidelines/guidelines.jsx
@@ -0,0 +1,42 @@
+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 (
+
+
}>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ }
+});
+
+render(, document.getElementById('app'));
diff --git a/src/views/guidelines/guidelines.scss b/src/views/guidelines/guidelines.scss
new file mode 100644
index 000000000..ec6b10fe5
--- /dev/null
+++ b/src/views/guidelines/guidelines.scss
@@ -0,0 +1,15 @@
+@import "../../colors";
+@import "../../typography";
+
+#view {
+ .guidelines-footer {
+ margin-top: 1.5rem;
+ text-align: center;
+ }
+
+ dl {
+ dt {
+ margin-top: 1.5rem;
+ }
+ }
+}
diff --git a/src/views/guidelines/l10n.json b/src/views/guidelines/l10n.json
new file mode 100644
index 000000000..454347e9a
--- /dev/null
+++ b/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."
+}