scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 17:45:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

restyle all the things

Browse source
This commit is contained in:
Connor Hudson 2016-06-01 11:57:50 -04:00
parent d645e95bd7
commit 1178a50beb
13 changed files with 1291 additions and 676 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

77
src/_infopage.scss Normal file
View file

@ -0,0 +1,77 @@
@import "colors";
@import "frameless";
@mixin info {
$ui-secondary: darken($ui-blue, 10%);
.title-banner {
&.masthead {
background-color: $ui-secondary;
padding-bottom: .5rem;
h1 {
margin: 0 0 1rem 0;
text-align: left;
color: $ui-white;
}
p {
margin: 0;
width: $cols6;
text-align: left;
color: $ui-white;
a {
border-bottom: 1px solid $ui-white;
color: $ui-white;
}
}
}
&.faq-banner {
margin-bottom: 0;
background-color: $ui-gray;
}
}
p {
margin-bottom: 1.25rem;
margin-left: 0;
max-width: $cols8;
text-align: left;
}
dl {
dt {
margin-bottom: .25rem;
font-size: 1.1rem;
}
dd {
margin-bottom: 1.25rem;
margin-left: 0;
max-width: $cols8;
text-align: left;
}
}
ul {
max-width: $cols8;
}
section {
margin-bottom: 3rem;
ul {
max-width: $cols8;
}
.nav-spacer {
display: block;
visibility: hidden;
margin-top: -50px; // height of nav bar
height: 50px;
}
}
}

37
src/components/informationpage/informationpage.jsx Normal file
View file

@ -0,0 +1,37 @@
var classNames = require('classnames');
var React = require('react');
var TitleBanner = require('../../components/title-banner/title-banner.jsx');
require('./informationpage.scss');
/**
* Container for a table of contents
* alongside a long body of text
*/
var InformationPage = React.createClass({
type: 'InformationPage',
propTypes: {
title: React.PropTypes.string.isRequired
},
render: function () {
var classes = classNames(
'info-outer',
'inner',
this.props.className
);
return (
<div>
<TitleBanner className="masthead">
<div className="inner">
<h1>{this.props.title}</h1>
</div>
</TitleBanner>
<div className={classes}>
{this.props.children}
</div>
</div>
);
}
});
module.exports = InformationPage;

20
src/components/informationpage/informationpage.scss Normal file
View file

@ -0,0 +1,20 @@
@import "../../colors";
.info-outer {
margin: 0 auto;
nav {
float: right;
border-left: 1px solid $ui-border;
width: 30%;
ol {
list-style: none;
}
}
.info-inner {
float: left;
width: 60%;
}
}

8
src/routes.json
View file

@ -35,6 +35,12 @@
"view": "credits/credits", "view": "credits/credits",
"title": "Credits" "title": "Credits"
}, },
{
"name": "faq",
"pattern": "^/info/faq/?$",
"view": "faq/faq",
"title": "FAQ"
},
{ {
"name": "cards", "name": "cards",
"pattern": "^/info/cards/?$", "pattern": "^/info/cards/?$",
@ -107,7 +113,7 @@
}, },
{ {
"name": "guidelines", "name": "guidelines",
"pattern": "^/community_guidelines$", "pattern": "^/community_guidelines/?$",
"view": "guidelines/guidelines", "view": "guidelines/guidelines",
"title": "Scratch Community Guidelines" "title": "Scratch Community Guidelines"
}, },

12
src/views/dmca/dmca.jsx
View file

@ -1,15 +1,17 @@
var React = require('react'); var React = require('react');
var FormattedMessage = require('react-intl').FormattedMessage; var FormattedMessage = require('react-intl').FormattedMessage;
var render = require('../../lib/render.jsx'); var render = require('../../lib/render.jsx');
var Page = require('../../components/page/www/page.jsx');
var Box = require('../../components/box/box.jsx');
var InformationPage = require('../../components/informationpage/informationpage.jsx');
var Page = require('../../components/page/www/page.jsx');
require('./dmca.scss');
var Dmca = React.createClass({ var Dmca = React.createClass({
type: 'Dmca', type: 'Dmca',
render: function () { render: function () {
return ( return (
<div className="inner dmca"> <div className="dmca">
<Box title={'DMCA'}> <InformationPage title={'DMCA'}>
<p><FormattedMessage id='dmca.intro' /></p> <p><FormattedMessage id='dmca.intro' /></p>
<p> <p>
Copyright Agent / Mitchel Resnick<br/> Copyright Agent / Mitchel Resnick<br/>
@ -23,7 +25,7 @@ var Dmca = React.createClass({
<p><FormattedMessage id='dmca.assessment' /></p> <p><FormattedMessage id='dmca.assessment' /></p>
<p><FormattedMessage id='dmca.eyetoeye' /></p> <p><FormattedMessage id='dmca.eyetoeye' /></p>
<p><FormattedMessage id='dmca.afterfiling' /></p> <p><FormattedMessage id='dmca.afterfiling' /></p>
</Box> </InformationPage>
</div> </div>
); );
} }

9
src/views/dmca/dmca.scss Normal file
View file

@ -0,0 +1,9 @@
@import "../../infopage";
#view {
padding: 0;
}
.dmca {
@include info;
}

199
src/views/faq/faq.jsx Normal file
View file

@ -0,0 +1,199 @@
var React = require('react');
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
var FormattedMessage = require('react-intl').FormattedMessage;
var render = require('../../lib/render.jsx');
var Page = require('../../components/page/www/page.jsx');
var InformationPage = require('../../components/informationpage/informationpage.jsx');
require('./faq.scss');
var Faq = React.createClass({
type: 'Faq',
render: function () {
return (
<div className="faq">
<InformationPage title={'Frequently Asked Questions (FAQ)'}>
<div className="inner info-inner">
<section id="about-scratch">
<span className="nav-spacer"></span>
<h2><FormattedMessage id='faq.aboutTitle' /></h2>
<dl>
<dt><FormattedMessage id='faq.aboutScratchTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.aboutScratchBody' /></dd>
<dt><FormattedMessage id='faq.makeGameTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.makeGameBody' /></dd>
<dt><FormattedMessage id='faq.requirementsTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.requirementsBody' /></dd>
<dt><FormattedMessage id='faq.offlineTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.offlineBody' /></dd>
<dt><FormattedMessage id='faq.uploadOldTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.uploadOldBody' /></dd>
<dt><FormattedMessage id='faq.recordVideoTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.recordVideoBody' /></dd>
<dt><FormattedMessage id='faq.scratchCostTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.scratchCostBody' /></dd>
<dt><FormattedMessage id='faq.mediaLabTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.mediaLabBody' /></dd>
</dl>
</section>
<section id="privacy">
<span className="nav-spacer"></span>
<h2><FormattedMessage id='faq.privacyTitle' /></h2>
<dl>
<dt><FormattedMessage id='faq.accountInfoTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.accountInfoList' /></dd>
<ul>
<li><FormattedHTMLMessage id='faq.privacyUsername' /></li>
<li><FormattedHTMLMessage id='faq.privacyCountry' /></li>
<li><FormattedHTMLMessage id='faq.privacyBirthdate' /></li>
<li><FormattedHTMLMessage id='faq.privacyGender' /></li>
<li><FormattedHTMLMessage id='faq.privacyEmail' /></li>
</ul>
<dd><FormattedHTMLMessage id='faq.accountPublicInfo' /></dd>
<dt><FormattedMessage id='faq.dataCollectionTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.dataCollectionOne' /></dd>
<dt><FormattedMessage id='faq.rentInfoTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.rentInfoBody' /></dd>
<dt><FormattedMessage id='faq.viewUnsharedTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.viewUnsharedBody' /></dd>
</dl>
</section>
<section id="remix">
<span className="nav-spacer"></span>
<h2><FormattedMessage id='faq.remixTitle' /></h2>
<dl>
<dt><FormattedMessage id='faq.remixDefinitionTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.remixDefinitionBody' /></dd>
<dt><FormattedMessage id='faq.remixableTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.remixableBody' /></dd>
<dt><FormattedMessage id='faq.creativeCommonsTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.creativeCommonsBody' /></dd>
<dt><FormattedMessage id='faq.fairUseTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.fairUseBody' /></dd>
</dl>
</section>
<section id="accounts">
<span className="nav-spacer"></span>
<h2><FormattedMessage id='faq.accountsTitle' /></h2>
<dl>
<dt><FormattedMessage id='faq.confirmedAccountTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.confirmedAccountBody' /></dd>
<dt><FormattedMessage id='faq.checkConfirmedTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.checkConfirmedBody' /></dd>
<dt><FormattedMessage id='faq.howToConfirmTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.howToConfirmBody' /></dd>
<dt><FormattedMessage id='faq.requireConfirmTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.requireConfirmBody' /></dd>
<dt><FormattedMessage id='faq.forgotPasswordTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.forgotPasswordBody' /></dd>
<dt><FormattedMessage id='faq.changePasswordTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.changePasswordBody' /></dd>
<dt><FormattedMessage id='faq.changeEmailTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.changeEmailBody' /></dd>
<dt><FormattedMessage id='faq.newScratcherTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.newScratcherBody' /></dd>
<dt><FormattedMessage id='faq.multipleAccountTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.multipleAccountBody' /></dd>
<dt><FormattedMessage id='faq.multipleLoginTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.multipleLoginBody' /></dd>
<dt><FormattedMessage id='faq.changeUsernameTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.changeUsernameBody' /></dd>
<dt><FormattedMessage id='faq.shareInfoTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.shareInfoBody' /></dd>
<dt><FormattedMessage id='faq.deleteAccountTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.deleteAccountBody' /></dd>
</dl>
</section>
<section id="permissions">
<span className="nav-spacer"></span>
<h2><FormattedMessage id='faq.permissionsTitle' /></h2>
<dl>
<dt><FormattedMessage id='faq.scratchFreeTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.scratchFreeBody' /></dd>
<dt><FormattedMessage id='faq.scratchScreenshotTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.scratchScreenshotBody' /></dd>
<dt><FormattedMessage id='faq.scratchDescriptionTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.scratchDescriptionBody' /></dd>
<dt><FormattedMessage id='faq.presentScratchTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.presentScratchBody' /></dd>
<dt><FormattedMessage id='faq.supportMaterialTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.supportMaterialBody' /></dd>
<dt><FormattedMessage id='faq.sellProjectsTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.sellProjectsBody' /></dd>
<dt><FormattedMessage id='faq.sourceCodeTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.sourceCodeBody' /></dd>
</dl>
</section>
<section id="inappropriate-content">
<span className="nav-spacer"></span>
<h2><FormattedMessage id='faq.inappropriateContentTitle' /></h2>
<dl>
<dt><FormattedMessage id='faq.okayToShareTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.okayToShareBody' /></dd>
<dt><FormattedMessage id='faq.reportContentTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.reportContentBody' /></dd>
<dt><FormattedMessage id='faq.noFlameTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.noFlameBody' /></dd>
<dt><FormattedMessage id='faq.reviewContentTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.reviewContentBody' /></dd>
<dt><FormattedMessage id='faq.blockedAccountTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.blockedAccountBody' /></dd>
<dt><FormattedMessage id='faq.stolenAccountTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.stolenAccountBody' /></dd>
</dl>
</section>
<section id="clouddata">
<span className="nav-spacer"></span>
<h2><FormattedMessage id='faq.cloudDataTitle' /></h2>
<dl>
<dt><FormattedMessage id='faq.cloudDataInfoTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.cloudDataInfoBody' /></dd>
<dt><FormattedMessage id='faq.storedCloudInfoTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.storedCloudInfoBody' /></dd>
<dt><FormattedMessage id='faq.onlyNumbersTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.onlyNumbersBody' /></dd>
<dt><FormattedMessage id='faq.reportCloudTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.reportCloudBody' /></dd>
<dt><FormattedMessage id='faq.chatRoomTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.chatRoomBody' /></dd>
<dt><FormattedMessage id='faq.makeCloudVarTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.makeCloudVarBody' /></dd>
<dt><FormattedMessage id='faq.changeCloudVarTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.changeCloudVarBody' /></dd>
<dt><FormattedMessage id='faq.newScratcherCloudTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.newScratcherCloudBody' /></dd>
<dt><FormattedMessage id='faq.multiplayerTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.multiplayerBody' /></dd>
<dt><FormattedMessage id='faq.cloudLagTitle' /></dt>
<dd><FormattedHTMLMessage id='faq.cloudLagBody' /></dd>
</dl>
</section>
</div>
<nav>
<ol>
<li><a href="#about-scratch"><FormattedMessage id='faq.aboutTitle' /></a></li>
<li><a href="#privacy"><FormattedMessage id='faq.privacyTitle' /></a></li>
<li><a href="#remix"><FormattedMessage id='faq.remixTitle' /></a></li>
<li><a href="#accounts"><FormattedMessage id='faq.accountsTitle' /></a></li>
<li><a href="#permissions"><FormattedMessage id='faq.permissionsTitle' /></a></li>
<li><a href="#inappropriate-content">
<FormattedMessage id='faq.inappropriateContentTitle' />
</a></li>
<li><a href="#clouddata"><FormattedMessage id='faq.cloudDataTitle' /></a></li>
</ol>
</nav>
</InformationPage>
</div>
);
}
});
render(<Page><Faq /></Page>, document.getElementById('app'));

9
src/views/faq/faq.scss Normal file
View file

@ -0,0 +1,9 @@
@import "../../infopage";
#view {
padding: 0;
}
.faq {
@include info;
}

121
src/views/faq/l10n.json Normal file
View file

@ -0,0 +1,121 @@
{
"faq.intro":"On this page, you’ll find answers to frequently asked questions about Scratch.",
"faq.aboutTitle":"General Questions",
"faq.privacyTitle":"Privacy Policy",
"faq.remixTitle":"Remixing and Copying",
"faq.accountsTitle":"Accounts",
"faq.permissionsTitle":"Licensing and Permissions",
"faq.inappropriateContentTitle":"Inappropriate Content",
"faq.cloudDataTitle":"Cloud Data",
"faq.aboutScratchTitle":"What is Scratch, and what can I do with it?",
"faq.aboutScratchBody":"Scratch is a programming language and online community where you can create your own interactive stories, games, and animations -- and share your creations with others around the world. In the process of designing and programming Scratch projects, young people learn to think creatively, reason systematically, and work collaboratively. To learn more about Scratch, check out the <a href=\"/about\">About Scratch</a> page.",
"faq.makeGameTitle":"How do I make a game or animation with Scratch?",
"faq.makeGameBody":"Check out the <a href= \"/help \">help page</a> to see lots of ways to get started with Scratch. Or just <a href= \"/projects/editor/?tip_bar=getStarted \">dive in</a> to the project editor.",
"faq.requirementsTitle":"What are the system requirements for Scratch?",
"faq.requirementsBody":"To run Scratch 2, you need a relatively recent web browser (<a href= \"http://google.com/chrome/ \">Chrome</a> 35 or later, <a href= \"http://www.mozilla.org/en-US/firefox/new/ \">Firefox</a> 31 or later, or Internet Explorer 9 or later) with <a href= \" \">Adobe Flash Player</a> version 10.2 or later installed. Scratch 2 is designed to support screen sizes 1024 x 768 or larger. If your computer doesn’t meet these requirements, you can try downloading and installing <a href = \"/scratch_1.4 \">Scratch 1.4</a>, which you can still use to share projects to the Scratch 2 website.",
"faq.offlineTitle":"Do you have a downloadable version so I can create and view projects offline?",
"faq.offlineBody":"The <a href= \"/scratch2download/ \">Scratch 2 offline editor (beta version)</a> is now available. You can also still use <a href = \"/scratch_1.4 \">Scratch 1.4</a>. Note: You can have both Scratch 1.4 and 2 on your computer.",
"faq.uploadOldTitle":"Can I still upload projects created with older versions of Scratch to the website?",
"faq.uploadOldBody":"Yes - you can share or upload projects made with earlier versions of Scratch, and they will be visible and playable. (However, you can’t download projects made with or edited in later versions of Scratch and open them in earlier versions. For example, you can’t open a Scratch 2 project in <a href =\"/scratch_1.4\">Scratch 1.4</a>, because <a href =\"/scratch_1.4\">Scratch 1.4</a> doesn’t know how to read the .sb2 project file format.)",
"faq.recordVideoTitle":"Can I record a video of my Scratch project?",
"faq.recordVideoBody":"Yes, you can record a video of your Scratch project up to 60 seconds. In the Scratch editor, from the File menu, select \"Record Project Video.\" (You need to be signed in to see this option.) You can choose additional recording options (such as recording sound and mouse clicks) through the \"More Options\" menu. Then, run your project however you'd like. Once the recording is done, follow the instructions to download the file to your computer. Depending on what kind of computer you have, you may need to download another program like the <a href=\"http://www.videolan.org/vlc/index.html\">VLC Media Player</a> to play the file. This file will run on YouTube, Vimeo, and Facebook, but may need to be converted for other websites like Twitter or Tumblr.",
"faq.scratchCostTitle":"How much does Scratch cost? Do I need a license?",
"faq.scratchCostBody":"Scratch is and always will be free. You don’t need a license to use Scratch in your school, home, or anywhere else. The development and maintenance of Scratch is paid for by grants and donations. If you’d like to contribute to Scratch, check out our <a href=\"https://secure.donationpay.org/scratchfoundation/\">Donate page</a>.",
"faq.mediaLabTitle":"Who created Scratch?",
"faq.mediaLabBody":"Scratch is developed and maintained by the Scratch Team at the <a href=\"http://llk.media.mit.edu/\">Lifelong Kindergarten group</a> at <a href=\"http://www.media.mit.edu/\">MIT Media Lab</a>.",
"faq.accountInfoTitle":"What information do you ask for during account registration?",
"faq.accountInfoList":"To protect the privacy of our community members, we limit what we collect and what we publish on the website. During the registration process, we ask for the following information:",
"faq.privacyUsername":"username - We ask that users avoid using their real names or other identifying information.",
"faq.privacyCountry":"country",
"faq.privacyBirthdate":"birth month and year - We use this to confirm ownership of the account if the owner loses the password and email or asks to close an account.",
"faq.privacyGender":"gender",
"faq.privacyEmail":"contact email address - If the account holder is younger than 13, we ask for the email address of their parent or guardian. We do not send email to this address except when someone requests to have the account password reset.",
"faq.accountPublicInfo":"The username and country of the account holder are displayed publicly on their profile page. The birth month / year, email address, and gender associated with the account are not displayed publicly. We collect this info so we can know the age and gender of our users in aggregate, and for research purposes. We do not sell or rent information about our users to anyone.",
"faq.dataCollectionTitle":"What data is collected from people while they use the website?",
"faq.dataCollectionOne":"When a user logs in, the Scratch website asks their browser to put an <a href=\"http://en.wikipedia.org/wiki/HTTP_cookie\">http cookie</a> on their computer in order to remember that they are logged in while they browse different pages. We collect some data on where users click and which parts of the site they visit using Google Analytics. This \"click data\" helps us figure out ways to improve the website.",
"faq.dataCollectionTwo":"Some of the information and data collected on the Scratch website are used in research studies intended to improve our understanding of how people learn with Scratch. The results of this research are shared with educators and researchers through conferences, journals, and other publications. You can find out more on our <a href=\"/info/research\">Research page</a>.",
"faq.rentInfoTitle":"Does the Scratch Team sell or rent information about users of Scratch to anyone?",
"faq.rentInfoBody":"No.",
"faq.viewUnsharedTitle":"Can the Scratch Team view unshared projects on my 'My Stuff' page?",
"faq.viewUnsharedBody":"Since the Scratch Team is responsible for moderation, we have access to all content stored on the Scratch website - including unshared projects. If you prefer to work on projects in complete privacy, you can use either the <a href=\"/scratch2download\">Scratch 2 offline editor</a> or <a href =\"/scratch_1.4\">Scratch 1.4</a>.",
"faq.remixDefinitionTitle":"What is a remix?",
"faq.remixDefinitionBody":"When a Scratcher makes a copy of someone else’s project and modifies it to add their own ideas (for example, by changing scripts or costumes), the resulting project is called a \"remix.\" Every project shared to the Scratch website can be remixed. We consider even a minor change to be a valid remix, as long as credit is given to the original project creator and others who made significant contributions to the remix.",
"faq.remixableTitle":"Why does the Scratch Team require that all projects be “remixable”?",
"faq.remixableBody":"We believe that viewing and remixing interesting projects is a great way to learn to program, and leads to cool new ideas. That’s why the source code is visible for every project shared to the Scratch website.",
"faq.creativeCommonsTitle":"What if I don’t want others to remix my projects?",
"faq.creativeCommonsBody":"By publishing your project on the Scratch website, you agree to license it under a <a href=\"http://creativecommons.org/licenses/by-sa/2.0/deed.en\">Creative Commons Share Alike</a> license. If you don’t want others to view and remix your creations, don’t share them on the Scratch website.",
"faq.fairUseTitle":"Can I use images / sounds / media from the internet in my projects?",
"faq.fairUseBody":"It's important to respect the original creator’s wishes regarding remixing. If you choose to integrate someone else’s work into your own, be sure to give them credit on the project “credits” section, and include a link back to the original. To find art / sounds that are already licensed for remixing, check out the <a href=\"http://search.creativecommons.org/\">Creative Commons search page</a>.",
"faq.confirmedAccountTitle":"What is a “confirmed” Scratch account?",
"faq.confirmedAccountBody":"A confirmed account on Scratch lets you share projects, write comments, and create studios. Confirming your account also lets you receive email updates from the Scratch Team.",
"faq.checkConfirmedTitle":"How can I check whether my account has been confirmed?",
"faq.checkConfirmedBody":"To check whether your account is confirmed, you must first log into your Scratch account in the top right of the screen. Once logged in, click on your username in the top right and select \"Account Settings\", then \"Email Settings\" on the left hand side. Confirmed email addresses will show a small green checkmark. Otherwise, you will see the text \"Your email address is unconfirmed\" in orange.",
"faq.howToConfirmTitle":"How do I confirm my account?",
"faq.howToConfirmBody":"After registering for Scratch, you will receive an email with a link to confirm your account. If you cannot find the email, check your Spam folder. To resend the email, go to your Account Settings, click the Email tab, and follow the instructions there. Please note that it may take up to an hour for the email to arrive. If you still don't see the email after an hour, <a href=\"/contact-us\">let us know</a>.",
"faq.requireConfirmTitle":"Do I have to confirm my account?",
"faq.requireConfirmBody":"You can still use many aspects of Scratch without confirming your account, including creating and saving projects (without sharing them). Note: If you created an account before February 11, 2015, then you can still use social features on Scratch without confirming your account.",
"faq.forgotPasswordTitle":"I forgot my password, how can I reset it?",
"faq.forgotPasswordBody":"Enter your account name on the <a href=\"/accounts/password_reset/\">password reset page</a>. The website will send an email to the address associated with the account containing a link you can use to reset your password.",
"faq.changePasswordTitle":"How do I change my password?",
"faq.changePasswordBody":"Go to the Scratch website, login, and then click your username in the upper right corner of the window. Choose \"account settings\", and click the link to change your password.",
"faq.changeEmailTitle":"How do I change my email address?",
"faq.changeEmailBody":"Go to the Scratch website, login, and then click your username in the upper right corner of the window. Choose \"account settings\", and click the link to change your email.",
"faq.newScratcherTitle":"How do I transition from 'New Scratcher' to 'Scratcher'?",
"faq.newScratcherBody":"Make and share projects, comment helpfully on other Scratcher's projects, and be patient! After a few weeks of being active, a link will appear on your profile page inviting you to become a Scratcher. (Note that we don't promote New Scratchers to Scratcher on request - even when bribed with fancy chocolates.)",
"faq.multipleAccountTitle":"Can I have more than one account?",
"faq.multipleAccountBody":"It's fine to have a few accounts on the Scratch website, as long as none of them are used to break the Community Guidelines. In that case, all related accounts may be blocked or deleted.",
"faq.multipleLoginTitle":"Is it OK to have more than one person logged into an account?",
"faq.multipleLoginBody":"This is discouraged, because the website and project editor can easily get confused when more than one person is logged into the same account.",
"faq.changeUsernameTitle":"Can I change my username?",
"faq.changeUsernameBody":"The structure of the Scratch website depends on having a consistent account name, so it’s not possible to change your username. If you really need to, you can make a new account - but you'll have to copy your projects over on your own.",
"faq.shareInfoTitle":"What information can I share on / with my account?",
"faq.shareInfoBody":"Please don’t share personal contact information, such as your physical address, email, phone number, or anything else that can be used to make contact outside of the Scratch website. Please report projects, comments, or forum posts that contain this kind of information so the Scratch team can remove it, and remind the author of our policy.",
"faq.deleteAccountTitle":"How do I delete my account?",
"faq.deleteAccountBody":"Log in to Scratch, and then click your username in the top right-hand corner. Select “Account Settings,” then click the <em>“I want to delete my account”</em> link at the bottom of the page.",
"faq.scratchFreeTitle":"Is Scratch free?",
"faq.scratchFreeBody":"Yes! Scratch is available free of charge. You can use it in your school, and you can teach a course about it (even a course that costs money). You don't need to buy a license - it's free.",
"faq.scratchScreenshotTitle":"Can I use Scratch and / or screenshots of Scratch in a textbook or a CD?",
"faq.scratchScreenshotBody":"Yes, you can even write a book or chapter about Scratch. You may also use the Scratch logo when referring to Scratch. You may create screenshots / images of the Scratch application and website, and consider them to be licensed under the <a href=\"http://creativecommons.org/licenses/by-sa/2.0/deed.en\">Creative Commons Attribution-ShareAlike license</a>. We ask that you include a note on your textbook / CD / what have you that says \"Scratch is developed by the Lifelong Kindergarten Group at the MIT Media Lab. See http://scratch.mit.edu\".",
"faq.scratchDescriptionTitle":"Can I include a description of Scratch and the Scratch logo in brochures or other materials?",
"faq.scratchDescriptionBody":"Sure! We recommend the following description: \"Scratch is a programming language and online community where you can create your own interactive stories, games, and animations -- and share your creations with others around the world. In the process of designing and programming Scratch projects, young people learn to think creatively, reason systematically, and work collaboratively. Scratch is a project of the Lifelong Kindergarten group at the MIT Media Lab. It is available for free at http://scratch.mit.edu\"",
"faq.presentScratchTitle":"Can I present Scratch at a conference?",
"faq.presentScratchBody":"Please feel free to make presentations about Scratch to educators or other groups. We grant our permission to make presentations.",
"faq.supportMaterialTitle":"May I use / remix Scratch support materials, sprites, images, sounds or sample projects I’ve found on the website?",
"faq.supportMaterialBody":"Yes - Scratch support materials made available on the Scratch website by the Scratch Team are available under the <a href=\"http://creativecommons.org/licenses/by-sa/2.0/deed.en\">Creative Commons Attribution-ShareAlike license</a>, with the exception of the Scratch Logo, Scratch Cat, and Gobo (Scratch trademarks).",
"faq.sellProjectsTitle":"Can I sell my Scratch projects?",
"faq.sellProjectsBody":"Certainly - your project is your creation. Keep in mind that once you share your project on Scratch, everyone is free to download, remix, and reuse it as per the terms of the <a href=\"http://creativecommons.org/licenses/by-sa/2.0/deed.en\">CC-BY-SA 2.0 license</a>. So if you intend to sell your project, you may want to un-share it from Scratch.",
"faq.sourceCodeTitle":"Where can I find the source code for Scratch?",
"faq.sourceCodeBody":"The source code for Scratch 2 (website and editor) is not yet available. The source code for <a href =\"/scratch_1.4\">Scratch 1.4</a>, written in Squeak, is available <a href=\"https://github.com/LLK/Scratch_1.4\">on GitHub</a>. The source code for the first version of the Scratch website - ScratchR - is available <a href=\"http://svn.assembla.com/svn/scratchr/\">on Assembla</a>.",
"faq.okayToShareTitle":"How do I know what is or isn’t okay to share on the Scratch website?",
"faq.okayToShareBody":"Check out the <a href=\"/community_guidelines\">Scratch community guidelines</a> - they’re brief and don’t include a lot of legal stuff. There’s a link at the bottom of every page on Scratch.",
"faq.reportContentTitle":"What do I do if I see something that’s inappropriate?",
"faq.reportContentBody":"You can click the link that says “report” on any project, comment, discussion post, or user page where you think something isn't ok for Scratch. If the situation is complicated, you can use the Contact Us link to explain. Be sure to include as much detail as you can, with links to relevant pages.",
"faq.noFlameTitle":"What do I do if I see someone being mean or disrespectful?",
"faq.noFlameBody":"Don’t add to the flames! Responding to mean comments with more mean comments just makes things worse, and could result in your account being blocked. Instead, simply report anything that is disrespectful or unconstructive, and we’ll follow up with the author. We check reports every day, multiple times per day - so rest assured, we'll sort things out.",
"faq.reviewContentTitle":"What does the Scratch team do when something is reported or flagged?",
"faq.reviewContentBody":"The Scratch Team reviews reported comments and projects every day. If something breaks the Scratch community guidelines, we may remove it and send a warning to the account. Depending on how bad it is (or if we’ve already warned the account), we may also block the accounts or networks that were used to share it.",
"faq.blockedAccountTitle":"What happens when an account is blocked?",
"faq.blockedAccountBody":"When an account is blocked, the owner can no longer access it, or use it to create projects or comments. When they login, they see a page that explains why the account was blocked with a web form they can use to request to be unblocked. If the owner can show that they understand why their account was blocked, and promises to follow the community guidelines in the future, the Scratch Team will review their case. Accounts will only be unblocked in cases where the account owner’s word can be trusted. Otherwise, the account (and most likely other accounts owned or created by that person) may be blocked permanently.",
"faq.stolenAccountTitle":"My mean brother / Kaj / some other bad guy stole my account and got it banned, what do I do?",
"faq.stolenAccountBody":"You are responsible for keeping your password secure. If someone in real life takes control of your account and does bad stuff, tell the adults in charge of the computers. If you think someone you don’t know got access to your account, change the password and / or use the contact us link to explain the situation. If you got blocked for doing something that broke the community guidelines, don't just say you got hacked. If we can't trust you, we won't unblock you.",
"faq.cloudDataInfoTitle":"What is cloud data?",
"faq.cloudDataInfoBody":"Cloud data is a feature in Scratch 2 that allows for data from a project to be saved and shared online. You can use cloud data to make surveys and other projects that store numbers over time.",
"faq.storedCloudInfoTitle":"Who can see the data stored in cloud data?",
"faq.storedCloudInfoBody":"When you interact with a project using cloud data blocks, your information can be stored along with your username, and others can view it. Each project keeps a log of who interacted with it and any data they shared.",
"faq.onlyNumbersTitle":"Why is cloud data currently limited to only numbers -- with no strings or lists?",
"faq.onlyNumbersBody":"The current site is limited to numbers in variables as an initial step to work out any issues with their use on the site. We plan to roll out cloud data features incrementally. If the infrastructure is working well, we plan to add other features (cloud lists, support for strings, etc.).",
"faq.reportCloudTitle":"If I see someone post inappropriate content using cloud data, how do I report it?",
"faq.reportCloudBody":"Click the \"Report this\" button (under on the project player) to report inappropriate content in cloud data. The report form includes a link to a log of all cloud data in that project and who left it - you may want to take look at it before sending your report. Make sure that you mention \"cloud data\" when you type your reason in the report.",
"faq.chatRoomTitle":"Can I make chat rooms with cloud data?",
"faq.chatRoomBody":"While it is technically possible to create chat rooms with cloud data, they are not currently allowed. We will reconsider this policy once we have a better sense of our capability for moderating and managing reports on cloud data.",
"faq.makeCloudVarTitle":"How do I add a cloud variable when I'm making a project?",
"faq.makeCloudVarBody":"When you make a variable, you can check the box that says \"Cloud variable.\" Any data you store will be saved on the server and visible to others.",
"faq.changeCloudVarTitle":"Who can change the information in a cloud variable?",
"faq.changeCloudVarBody":"Only your project can store data in its cloud variable. If people change or remix your code, it creates a different variable in their project with the same name.",
"faq.newScratcherCloudTitle":"I am logged in, but I still cannot use projects with cloud data. What is going on?",
"faq.newScratcherCloudBody":"You need to have become a \"Scratcher\" on the website to have access to cloud data. You can become a Scratcher through actively participating on the website.",
"faq.multiplayerTitle":"Is it possible to make multiplayer games with cloud data?",
"faq.multiplayerBody":"Multiplayer games may be difficult to create, due to network speed and synchronization issues. However, some Scratchers are coming up with creative ways to use the cloud data for turn-by-turn and other games.",
"faq.cloudLagTitle":"How long does it take for cloud data to reach another Scratcher?",
"faq.cloudLagBody":"It depends. If both Scratchers have a reasonably fast Internet connection (DSL/Cable), and there are no restrictive firewalls on the computers/network, updates should be transmitted in milliseconds. However, a lot of computers have firewall software running in them, and if the firewall software blocks outgoing connections to TCP port 531 and TCP port 843, the time-lag becomes one-second. We are currently trying to figure out ways in which we can work around this limitation."
}

81
src/views/privacypolicy/privacypolicy.jsx
View file

@ -1,15 +1,20 @@
var React = require('react'); var React = require('react');
var render = require('../../lib/render.jsx'); var render = require('../../lib/render.jsx');
var Page = require('../../components/page/www/page.jsx'); var Page = require('../../components/page/www/page.jsx');
var Box = require('../../components/box/box.jsx'); var InformationPage = require('../../components/informationpage/informationpage.jsx');
require('./privacypolicy.scss');
var Privacypolicy = React.createClass({ var Privacypolicy = React.createClass({
type: 'Privacypolicy', type: 'Privacypolicy',
render: function () { render: function () {
return ( return (
<div className="inner privacypolicy"> <div className="privacypolicy">
<Box title={'Scratch Privacy Policy'}> <InformationPage title={'Privacy Policy'}>
<p> <div className="inner info-inner">
<section>
<p className="intro">
We made Scratch so people like you could create projects, We made Scratch so people like you could create projects,
share ideas, and build a community. To make this happen, share ideas, and build a community. To make this happen,
we collect some information for our users. The Scratch Team we collect some information for our users. The Scratch Team
@ -20,7 +25,7 @@ var Privacypolicy = React.createClass({
questions regarding this privacy policy, you can{' '} questions regarding this privacy policy, you can{' '}
<a href="/contact-us">contact us</a>. <a href="/contact-us">contact us</a>.
</p> </p>
<p><i> <p className="callout">
Please do not share personal contact information, such as Please do not share personal contact information, such as
your name, physical address, email address, phone number, your name, physical address, email address, phone number,
or anything else that can be used to make contact outside or anything else that can be used to make contact outside
@ -28,10 +33,14 @@ var Privacypolicy = React.createClass({
or forum posts that contain this kind of information so or forum posts that contain this kind of information so
the Scratch team can remove it, and please remind the the Scratch team can remove it, and please remind the
author of our policy. author of our policy.
</i></p> </p>
</section>
<section id="collection">
<dl>
<span className="nav-spacer"></span>
<h3>What information does the Scratch Team collect about me?</h3> <h3>What information does the Scratch Team collect about me?</h3>
<p> <dt>Account Information: </dt>
<b>Account Information: </b> <dd>
In order to build projects or comment on other users' projects, In order to build projects or comment on other users' projects,
you need to make an account. During account creation, we ask you you need to make an account. During account creation, we ask you
for a username, your country, birth month and year, gender, and for a username, your country, birth month and year, gender, and
@ -40,9 +49,9 @@ var Privacypolicy = React.createClass({
that does not disclose your real name or other information that that does not disclose your real name or other information that
could identify you. Other users can see your username and country, could identify you. Other users can see your username and country,
but not your age, gender, or email address. but not your age, gender, or email address.
</p> </dd>
<p> <dt>User-generated Content: </dt>
<b>User-generated Content: </b> <dd>
All of your Scratch projects, comments, and forum posts are stored All of your Scratch projects, comments, and forum posts are stored
on the Scratch servers. Other users can see your shared projects, on the Scratch servers. Other users can see your shared projects,
comments, and forum posts, along with your username. Because the comments, and forum posts, along with your username. Because the
@ -51,16 +60,16 @@ var Privacypolicy = React.createClass({
If you prefer to work on projects in complete privacy, you can use If you prefer to work on projects in complete privacy, you can use
either the <a href="/scratch2download">Scratch 2 offline editor</a>{' '} either the <a href="/scratch2download">Scratch 2 offline editor</a>{' '}
or <a href="/scratch_1.4">Scratch 1.4</a>. or <a href="/scratch_1.4">Scratch 1.4</a>.
</p> </dd>
<p> <dt>Usage Information: </dt>
<b>Usage Information: </b> <dd>
When you use Scratch, our servers will automatically store a limited When you use Scratch, our servers will automatically store a limited
amount of information about how you use the website. This information amount of information about how you use the website. This information
includes a number that identifies your computer (the IP address), which includes a number that identifies your computer (the IP address), which
pages you visited, and what browser you are using. pages you visited, and what browser you are using.
</p> </dd>
<p> <dt>Google Analytics: </dt>
<b>Google Analytics: </b> <dd>
We also collect some data on where you click and which parts of the We also collect some data on where you click and which parts of the
site you visit using Google Analytics. This "click data" helps us figure site you visit using Google Analytics. This "click data" helps us figure
out ways to improve the website. Information collected and processed by out ways to improve the website. Information collected and processed by
@ -70,15 +79,19 @@ var Privacypolicy = React.createClass({
computer, if you have enabled JavaScript. Scratch does not share any computer, if you have enabled JavaScript. Scratch does not share any
information it collects with Google, and Google does not collect any information it collects with Google, and Google does not collect any
personal identifying information about you. personal identifying information about you.
</p> </dd>
<p> <dt>Cookies: </dt>
<b>Cookies: </b> <dd>
When you log in, the Scratch website asks your browser to put an http When you log in, the Scratch website asks your browser to put an http
"cookie" on your computer. The cookie is actually a small text file "cookie" on your computer. The cookie is actually a small text file
that our site can send to your browser for storage on your computer. that our site can send to your browser for storage on your computer.
This allows the website to remember that you are logged in when you This allows the website to remember that you are logged in when you
go to a different page. go to a different page.
</p> </dd>
</dl>
</section>
<section id="usage">
<span className="nav-spacer"></span>
<h3>How does the Scratch Team use my information?</h3> <h3>How does the Scratch Team use my information?</h3>
<ul> <ul>
<li> <li>
@ -147,12 +160,15 @@ var Privacypolicy = React.createClass({
</ul> </ul>
</li> </li>
</ul> </ul>
</section>
<section id="update">
<span className="nav-spacer"></span>
<h3>How can I update my personal information?</h3> <h3>How can I update my personal information?</h3>
<p> <p>
You can update your password, email address, and country through You can update your password, email address, and country through
the <a href="/accounts/password_change/">Account Settings</a> page. the <a href="/account/password_change">Account Settings</a> page.
You can also reset your password through the{' '} You can also reset your password through the{' '}
<a href="/accounts/password_reset/">Password Reset</a>{' '} <a href="/account/password_reset">Account Reset</a>{' '}
page. You cannot change your username, but you can make a new page. You cannot change your username, but you can make a new
account and manually copy your projects to the new account. account and manually copy your projects to the new account.
</p> </p>
@ -162,6 +178,9 @@ var Privacypolicy = React.createClass({
"Account Settings," then click the "I want to delete my account" "Account Settings," then click the "I want to delete my account"
link at the bottom of the page. link at the bottom of the page.
</p> </p>
</section>
<section id="protection">
<span className="nav-spacer"></span>
<h3>How does the Scratch Team protect my information?</h3> <h3>How does the Scratch Team protect my information?</h3>
<p> <p>
The Scratch Team has in place physical and electronic procedures The Scratch Team has in place physical and electronic procedures
@ -173,6 +192,9 @@ var Privacypolicy = React.createClass({
the information you supply will not be intercepted while being the information you supply will not be intercepted while being
transmitted to us over the Internet. transmitted to us over the Internet.
</p> </p>
</section>
<section id="changes">
<span className="nav-spacer"></span>
<h3>Notifications of Changes to the Privacy Policy</h3> <h3>Notifications of Changes to the Privacy Policy</h3>
<p> <p>
We review our security measures and Privacy Policy on a periodic We review our security measures and Privacy Policy on a periodic
@ -183,7 +205,18 @@ var Privacypolicy = React.createClass({
on the Scratch website. We encourage you to review our Privacy on the Scratch website. We encourage you to review our Privacy
Policy on a regular basis. Policy on a regular basis.
</p> </p>
</Box> </section>
</div>
<nav>
<ol>
<li><a href="#collection">What information does the Scratch Team collect about me?</a></li>
<li><a href="#usage">How does the Scratch Team use my information?</a></li>
<li><a href="#update">How can I update my personal information?</a></li>
<li><a href="#protection">How does the Scratch Team protect my information?</a></li>
<li><a href="#changes">Notifications of Changes to the Privacy Policy</a></li>
</ol>
</nav>
</InformationPage>
</div> </div>
); );
} }

9
src/views/privacypolicy/privacypolicy.scss Normal file
View file

@ -0,0 +1,9 @@
@import "../../infopage";
#view {
padding: 0;
}
.privacypolicy {
@include info;
}

126
src/views/terms/terms.jsx
View file

@ -1,15 +1,21 @@
var React = require('react'); var React = require('react');
var render = require('../../lib/render.jsx'); var render = require('../../lib/render.jsx');
var Page = require('../../components/page/www/page.jsx'); var Page = require('../../components/page/www/page.jsx');
var Box = require('../../components/box/box.jsx'); var InformationPage = require('../../components/informationpage/informationpage.jsx');
require('./terms.scss');
var Terms = React.createClass({ var Terms = React.createClass({
type: 'Terms', type: 'Terms',
render: function () { render: function () {
return ( return (
<div className="inner terms"> <div className="terms">
<Box title={'Scratch Terms of Use'}> <InformationPage title={'Scratch Terms of Use'}>
<h4>1. User Agreement</h4> <div className="inner info-inner">
<section id="user-agreement">
<span className="nav-spacer"></span>
<h3>1. User Agreement</h3>
<p> <p>
1.1 These Terms of Use constitute an agreement between 1.1 These Terms of Use constitute an agreement between
you and the Scratch Team that governs your use of{' '} you and the Scratch Team that governs your use of{' '}
@ -48,7 +54,10 @@ var Terms = React.createClass({
Your continued use of the Services constitutes your acceptance Your continued use of the Services constitutes your acceptance
of any changes to or revisions of the Terms of Use. of any changes to or revisions of the Terms of Use.
</p> </p>
<h4>2. Account Creation and Maintenance</h4> </section>
<section id="account-creation">
<span className="nav-spacer"></span>
<h3>2. Account Creation and Maintenance</h3>
<p> <p>
2.1 In order to use some features of the Services, you will need to 2.1 In order to use some features of the Services, you will need to
register with Scratch and create an account. Creating an account is register with Scratch and create an account. Creating an account is
@ -81,7 +90,10 @@ var Terms = React.createClass({
your account to change your password, notify us at{' '} your account to change your password, notify us at{' '}
<a href="mailto:help@scratch.mit.edu"></a>. <a href="mailto:help@scratch.mit.edu"></a>.
</p> </p>
<h4>3. Rules of Usage</h4> </section>
<section id="rules-of-usage">
<span className="nav-spacer"></span>
<h3>3. Rules of Usage</h3>
<p> <p>
3.1 The Scratch Team supports freedom of expression. However, Scratch is 3.1 The Scratch Team supports freedom of expression. However, Scratch is
intended for a wide audience, and some content is inappropriate for the intended for a wide audience, and some content is inappropriate for the
@ -161,7 +173,10 @@ var Terms = React.createClass({
3.7 You agree not to post links to any content outside of the 3.7 You agree not to post links to any content outside of the
Scratch website, if to do so would violate any part of the Terms of Use. Scratch website, if to do so would violate any part of the Terms of Use.
</p> </p>
<h4>4. User-Generated Content and Licensing</h4> </section>
<section id="user-content">
<span className="nav-spacer"></span>
<h3>4. User-Generated Content and Licensing</h3>
<p> <p>
4.1 For the purposes of the Terms of Use, "user-generated content" 4.1 For the purposes of the Terms of Use, "user-generated content"
includes any projects, comments, forum posts, or links to third includes any projects, comments, forum posts, or links to third
@ -222,7 +237,10 @@ var Terms = React.createClass({
from your user-generated content and from Scratch Day events you from your user-generated content and from Scratch Day events you
may organize or host. may organize or host.
</p> </p>
<h4>5. Scratch Content and Licensing</h4> </section>
<section id="scratch-content">
<span className="nav-spacer"></span>
<h3>5. Scratch Content and Licensing</h3>
<p> <p>
5.1 Except for any user-generated content, the Scratch Team owns and 5.1 Except for any user-generated content, the Scratch Team owns and
retains all rights in and to the Scratch code, the design, retains all rights in and to the Scratch code, the design,
@ -275,7 +293,10 @@ var Terms = React.createClass({
solely responsible for any violation of a third party's intellectual solely responsible for any violation of a third party's intellectual
property rights caused by your misuse of these materials. property rights caused by your misuse of these materials.
</p> </p>
<h4>6. Digital Millennium Copyright Act (DMCA)</h4> </section>
<section id="dmca">
<span className="nav-spacer"></span>
<h3>6. Digital Millennium Copyright Act (DMCA)</h3>
<p> <p>
6.1 If you are a copyright holder and believe that content on Scratch 6.1 If you are a copyright holder and believe that content on Scratch
violates your rights, you may send a DMCA notification to{' '} violates your rights, you may send a DMCA notification to{' '}
@ -301,7 +322,10 @@ var Terms = React.createClass({
</li> </li>
</ul> </ul>
</p> </p>
<h4>7. Suspension and Termination of Accounts</h4> </section>
<section id="termination">
<span className="nav-spacer"></span>
<h3>7. Suspension and Termination of Accounts</h3>
<p> <p>
7.1 Scratch has the right to suspend your account for violations of the 7.1 Scratch has the right to suspend your account for violations of the
Terms of Use or Community Guidelines. Repeat violators may have their Terms of Use or Community Guidelines. Repeat violators may have their
@ -314,7 +338,10 @@ var Terms = React.createClass({
7.2 If you want to delete or temporarily disable your account, please 7.2 If you want to delete or temporarily disable your account, please
email <a href="mailto:help@scratch.mit.edu">help@scratch.mit.edu</a>. email <a href="mailto:help@scratch.mit.edu">help@scratch.mit.edu</a>.
</p> </p>
<h4>8. Third Party Websites</h4> </section>
<section id="third-party">
<span className="nav-spacer"></span>
<h3>8. Third Party Websites</h3>
<p> <p>
8.1 Content on Scratch, including user-generated content, may include 8.1 Content on Scratch, including user-generated content, may include
links to third party websites. The Scratch Team is not capable of links to third party websites. The Scratch Team is not capable of
@ -323,14 +350,17 @@ var Terms = React.createClass({
of third party websites. You agree to relieve the Scratch Team of of third party websites. You agree to relieve the Scratch Team of
any and all liability arising from third party websites. any and all liability arising from third party websites.
</p> </p>
<h4>9. Indemnification</h4> </section>
<section id="indemnification">
<span className="nav-spacer"></span>
<h3>9. Indemnification</h3>
<p> <p>
You agree to indemnify MIT, the Scratch Team, the Scratch Foundation, You agree to indemnify MIT, the Scratch Team, the Scratch Foundation,
and all their affiliates, employees, faculty members, fellows, and all their affiliates, employees, faculty members, fellows,
students, agents, representatives, third party service providers, students, agents, representatives, third party service providers,
and members of their governing boards (all of which are "Scratch and members of their governing boards (all of which are "Scratch
Entities"), and to defend and hold each of them harmless, from any Entities"), and to defend and hold each of them harmless, from any
and all claims and liabilities (including attorneys' fees) arising and all claims and liabilities (including attorneys{'\''} fees) arising
out of or related to your breach of the Terms of Service or your out of or related to your breach of the Terms of Service or your
use of Scratch. use of Scratch.
</p> </p>
@ -342,7 +372,10 @@ var Terms = React.createClass({
of Use relating to Indemnification shall apply to your Official of Use relating to Indemnification shall apply to your Official
Use only to the extent authorized by the laws of your jurisdiction. Use only to the extent authorized by the laws of your jurisdiction.
</p> </p>
<h4>10. Disclaimer of Warranty</h4> </section>
<section id="disclaimer">
<span className="nav-spacer"></span>
<h3>10. Disclaimer of Warranty</h3>
<p><b> <p><b>
You acknowledge that you are using Scratch at your own risk. Scratch You acknowledge that you are using Scratch at your own risk. Scratch
is provided "as is," and the Scratch Entities hereby expressly is provided "as is," and the Scratch Entities hereby expressly
@ -361,7 +394,10 @@ var Terms = React.createClass({
information, or that no viruses will be transmitted through Scratch information, or that no viruses will be transmitted through Scratch
services. services.
</b></p> </b></p>
<h4>11. Limitation of Liability</h4> </section>
<section id="liability">
<span className="nav-spacer"></span>
<h3>11. Limitation of Liability</h3>
<p><b> <p><b>
The Scratch Entities shall not be liable to you or any third parties The Scratch Entities shall not be liable to you or any third parties
for any direct, indirect, special, consequential or punitive damages for any direct, indirect, special, consequential or punitive damages
@ -372,14 +408,20 @@ var Terms = React.createClass({
for damages or harms arising out of user-generated content or for damages or harms arising out of user-generated content or
Scratch Day events. Scratch Day events.
</b></p> </b></p>
<h4>12. Jurisdiction</h4> </section>
<section id="jurisdiction">
<span className="nav-spacer"></span>
<h3>12. Jurisdiction</h3>
<p> <p>
Scratch is offered by the Scratch Team from its facilities in the United Scratch is offered by the Scratch Team from its facilities in the United
States. The Scratch Team makes no representations that Scratch is States. The Scratch Team makes no representations that Scratch is
appropriate or available for use in other locations. Those who access appropriate or available for use in other locations. Those who access
or use Scratch are responsible for compliance with local law. or use Scratch are responsible for compliance with local law.
</p> </p>
<h4>13. Choice of Law and Venue</h4> </section>
<section id="choice-of-law">
<span className="nav-spacer"></span>
<h3>13. Choice of Law and Venue</h3>
<p> <p>
You agree that these Terms of Use, for all purposes, shall be governed You agree that these Terms of Use, for all purposes, shall be governed
and construed in accordance with the laws of the Commonwealth of and construed in accordance with the laws of the Commonwealth of
@ -400,7 +442,10 @@ var Terms = React.createClass({
permitted under federal law, the laws of the Commonwealth of permitted under federal law, the laws of the Commonwealth of
Massachusetts (excluding choice of law). Massachusetts (excluding choice of law).
</p> </p>
<h4>14. Choice of Language</h4> </section>
<section id="choice-of-language">
<span className="nav-spacer"></span>
<h3>14. Choice of Language</h3>
<p> <p>
If the Scratch Team provides you with a translation of the English language If the Scratch Team provides you with a translation of the English language
version of these Terms of Use, the Privacy Policy, or any other policy, version of these Terms of Use, the Privacy Policy, or any other policy,
@ -409,19 +454,28 @@ var Terms = React.createClass({
conflict between a translation and the English version, the English version conflict between a translation and the English version, the English version
will govern. will govern.
</p> </p>
<h4>15. No Waiver</h4> </section>
<section id="no-waiver">
<span className="nav-spacer"></span>
<h3>15. No Waiver</h3>
<p> <p>
No waiver of any term of these Terms of Use shall be deemed a further or No waiver of any term of these Terms of Use shall be deemed a further or
continuing waiver of such term or any other term, and the Scratch Team's continuing waiver of such term or any other term, and the Scratch Team's
failure to assert any right or provision under these Terms of Use shall failure to assert any right or provision under these Terms of Use shall
not constitute a waiver of such right or provision. not constitute a waiver of such right or provision.
</p> </p>
<h4>16. Entire Agreement</h4> </section>
<section id="entire-agreement">
<span className="nav-spacer"></span>
<h3>16. Entire Agreement</h3>
<p> <p>
This document, together with all appendices, constitutes the entire Terms This document, together with all appendices, constitutes the entire Terms
of Use and supersedes all previous agreements with the Scratch Team relating of Use and supersedes all previous agreements with the Scratch Team relating
to the use of Scratch. Revision date: 4 March 2015. to the use of Scratch. Revision date: 4 March 2015.
</p> </p>
</section>
<section id="appendix-a">
<span className="nav-spacer"></span>
<h3>Appendix A: Additional Terms for Scratch Day Website</h3> <h3>Appendix A: Additional Terms for Scratch Day Website</h3>
<p> <p>
The following additional terms also govern your access to and use of web The following additional terms also govern your access to and use of web
@ -472,6 +526,9 @@ var Terms = React.createClass({
Scratch Day event, you may not state or imply that MIT, the Scratch Scratch Day event, you may not state or imply that MIT, the Scratch
Team, or the Code to Learn Foundation has endorsed your event. Team, or the Code to Learn Foundation has endorsed your event.
</p> </p>
</section>
<section id="appendix-b">
<span className="nav-spacer"></span>
<h3>Appendix B: Additional Terms for ScratchX Website</h3> <h3>Appendix B: Additional Terms for ScratchX Website</h3>
<p> <p>
The following additional terms also govern your access to and use of web The following additional terms also govern your access to and use of web
@ -504,11 +561,38 @@ var Terms = React.createClass({
the Scratch Team, or the Code to Learn Foundation has endorsed your the Scratch Team, or the Code to Learn Foundation has endorsed your
extension. extension.
</p> </p>
</section>
<p><b>The Scratch Terms of Use was last updated: April 2016</b></p> <p><b>The Scratch Terms of Use was last updated: April 2016</b></p>
</Box> </div>
<nav>
<ol>
<li><a href="#appendix-a">Scratch Day Terms</a></li>
<li><a href="#appendix-b">ScratchX Terms</a></li>
</ol>
</nav>
</InformationPage>
</div> </div>
); );
} }
}); });
render(<Page><Terms /></Page>, document.getElementById('app')); render(<Page><Terms /></Page>, document.getElementById('app'));
/*<li><a href="#user-agreement">1. User Agreement</a></li>
<li><a href="#account-creation">2. Account Creation and Maintenance</a></li>
<li><a href="#rules-of-usage">3. Rules of Usage</a></li>
<li><a href="#user-content">4. User-Generated Content and Licensing</a></li>
<li><a href="#scratch-content">5. Scratch Content and Licensing</a></li>
<li><a href="#dmca">6. Digital Millenium Copyright Act (DMCA)</a></li>
<li><a href="#termination">7. Suspension and Termination of Accounts</a></li>
<li><a href="#third-party">8. Third Party Websites</a></li>
<li><a href="#indemnification">9. Indemnification</a></li>
<li><a href="#disclaimer">10. Disclaimer of Warranty</a></li>
<li><a href="#liability">11. Limitation of Liability</a></li>
<li><a href="#jurisdiction">12. Jurisdiction</a></li>
<li><a href="#choice-of-law">13. Choice of Law and Venue</a></li>
<li><a href="#choice-of-language">14. Choice of Language</a></li>
<li><a href="#no-waiver">15. No Waiver</a></li>
<li><a href="#entire-agreement">16. Entire Agreement</a></li>
* Talk to Matt/Carl about nav on ToS
*/

9
src/views/terms/terms.scss Normal file
View file

@ -0,0 +1,9 @@
@import "../../infopage";
#view {
padding: 0;
}
.terms {
@include info;
}