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 ( +
+ }> +

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ sprites +
+
+
+ ); + } +}); + +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." +}