mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2025-02-17 00:21:20 -05:00
Patch 3 wip (#30)
This commit is contained in:
The_Grits
GitHub
parent
0f87a65622
commit
68d10ffe32
4 changed files with 252 additions and 1 deletions
|
|
@ -166,6 +166,13 @@
|
|||
"view": "credits/credits",
|
||||
"title": "Credits"
|
||||
},
|
||||
{
|
||||
"name": "download",
|
||||
"pattern": "^/scratch2download/",
|
||||
"routeAlias": "/scratch2download/?$",
|
||||
"view": "download/download",
|
||||
"title": "Scratch Offline Editor"
|
||||
},
|
||||
{
|
||||
"name": "faq",
|
||||
"pattern": "^/info/faq/?$",
|
||||
|
|
|
|||
|
|
@ -5,4 +5,165 @@ var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
|
|||
var FormattedMessage = require('react-intl').FormattedMessage;
|
||||
|
||||
var Page = require('../../../components/page/www/page.jsx');
|
||||
var InformationPage = require('../../../components/informationpage/informationpage.jsx');
|
||||
var TitleBanner = require('../../components/title-banner/title-banner.jsx');
|
||||
var FlexRow = require('../../components/flex-row/flex-row.jsx');
|
||||
var TitleBanner = require('../../components/title-banner/title-banner.jsx');
|
||||
|
||||
var Download = React.createClass({
|
||||
type: 'Download',
|
||||
render: function () {
|
||||
return (
|
||||
<div className="download">
|
||||
<TitleBanner className="masthead">
|
||||
<div className="inner">
|
||||
<h1 className="title-banner-h1">
|
||||
<FormattedMessage id='download.title' />
|
||||
</h1>
|
||||
<p className="title-banner-p intro">
|
||||
<FormattedMessage id='download.intro' />
|
||||
</p>
|
||||
<p className="title-banner-p intro">
|
||||
<FormattedHTMLMessage id='download.introMac' />
|
||||
</p>
|
||||
</div>
|
||||
<div className="band">
|
||||
<SubNavigation className="inner">
|
||||
<a href="#installation">
|
||||
<li>
|
||||
<FormattedMessage id='download.installation' />
|
||||
</li>
|
||||
</a>
|
||||
<a href="#updates">
|
||||
<li>
|
||||
<FormattedMessage id='download.updatesTitle' />
|
||||
</li>
|
||||
</a>
|
||||
<a href="#other">
|
||||
<li>
|
||||
<FormattedMessage id='download.otherVersionsTitle' />
|
||||
</li>
|
||||
</a>
|
||||
<a href="#issues">
|
||||
<li>
|
||||
<FormattedMessage id='download.knownIssuesTitle' />
|
||||
</li>
|
||||
</a>
|
||||
</SubNavigation>
|
||||
</div>
|
||||
</TitleBanner>
|
||||
<div className="inner">
|
||||
<section id="installation">
|
||||
<span className="nav-spacer"></span>
|
||||
<FlexRow className="three-col-row">
|
||||
<div class="installation column">
|
||||
<h3><FormattedMessage id='download.airTitle' /></h3>
|
||||
<p><FormattedMessage id='download.airBody' /></p>
|
||||
<p>
|
||||
<FormattedMessage id='download.macOSX' /> -
|
||||
{' '}<a href="http://get.adobe.com/air/">
|
||||
<FormattedMessage id='download.download' />
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id='download.macOlder' /> -
|
||||
{' '}<a href="http://airdownload.adobe.com/air/mac/download/2.6/AdobeAIR.zip">
|
||||
<FormattedMessage id='download.download' />
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id='download.windows' /> -
|
||||
{' '}<a href="http://get.adobe.com/air/">
|
||||
<FormattedMessage id='download.download' />
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id='download.linux' /> -
|
||||
{' '}<a href="http://airdownload.adobe.com/air/lin/download/2.6/AdobeAIRInstaller.bin">
|
||||
<FormattedMessage id='download.download' />
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="installation column">
|
||||
<h3><FormattedMessage id='download.offlineEditorTitle' /></h3>
|
||||
<p><FormattedMessage id='download.offlineEditorBody' /></p>
|
||||
<p>
|
||||
<FormattedMessage id='download.macOSX' /> -
|
||||
{' '}<a href="http://get.adobe.com/air/">
|
||||
<FormattedMessage id='download.download' />
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id='download.macOlder' /> -
|
||||
{' '}<a href="http://airdownload.adobe.com/air/mac/download/2.6/AdobeAIR.zip">
|
||||
<FormattedMessage id='download.download' />
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id='download.windows' /> -
|
||||
{' '}<a href="http://get.adobe.com/air/">
|
||||
<FormattedMessage id='download.download' />
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id='download.linux' /> -
|
||||
{' '}<a href="http://airdownload.adobe.com/air/lin/download/2.6/AdobeAIRInstaller.bin">
|
||||
<FormattedMessage id='download.download' />
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<div className="installation column">
|
||||
<h3><FormattedMessage id='download.supportMaterialsTitle' /></h3>
|
||||
<p><FormattedMessage id='download.supportMaterialsBody' /></p>
|
||||
<p>
|
||||
<FormattedMessage id='download.starterProjects' /> -
|
||||
{' '}<a href="https://scratch.mit.edu/scratchr2/static/sa/Scratch2StarterProjects.zip">
|
||||
<FormattedMessage id='download.download' />
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id='download.gettingStarted' /> -
|
||||
{' '}<a href="https://cdn.scratch.mit.edu/scratchr2/static/__709da8e5f3d72129538a4ccdbcbf5f2a__/pdfs/help/Getting-Started-Guide-Scratch2.pdf">
|
||||
<FormattedMessage id='download.download' />
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id='download.scratchCards' /> -
|
||||
{' '}<a href="https://cdn.scratch.mit.edu/scratchr2/static/__709da8e5f3d72129538a4ccdbcbf5f2a__/pdfs/help/Scratch2Cards.pdf">
|
||||
<FormattedMessage id='download.download' />
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</FlexRow>
|
||||
</section>
|
||||
|
||||
<section id="updates">
|
||||
<span className="nav-spacer"></span>
|
||||
<h2><FormattedMessage id='download.updatesTitle' /></h2>
|
||||
<p><FormattedMessage id='download.updatesBody' /></p>
|
||||
<p><FormattedMessage id='download.currentVersion' /></p>
|
||||
</section>
|
||||
|
||||
<section id="other">
|
||||
<span className="nav-spacer"></span>
|
||||
<h2><FormattedMessage id='download.otherVersionsTitle' /></h2>
|
||||
<p><FormattedHTMLMessage id='download.otherVersionsOlder' /></p>
|
||||
<p><FormattedHTMLMessage id='download.otherVersionsAdmin' /></p>
|
||||
</section>
|
||||
|
||||
<section id="issues">
|
||||
<span className="nav-spacer"></span>
|
||||
<h2><FormattedMessage id='download.knownIssuesTitle' /></h2>
|
||||
<p><FormattedMessage id='download.knownIssuesOne' /></p>
|
||||
<p><FormattedMessage id='download.knownIssuesTwo' /></p>
|
||||
<p><FormattedHTMLMessage id='download.knownIssuesThree' /></p>
|
||||
<a href="https://scratch.mit.edu/discuss/3/">
|
||||
<FormattedMessage id='download.reportBugs' />
|
||||
</a>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
})
|
||||
|
||||
render(<Page><Download /></Page>, document.getElementById('app'));
|
||||
|
|
|
|||
52
src/views/download/download.scss
Normal file
52
src/views/download/download.scss
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
@import "../../colors";
|
||||
@import "../../frameless";
|
||||
|
||||
$developer-spot: $ui-yellow;
|
||||
|
||||
#view {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.download {
|
||||
.title-banner {
|
||||
&.masthead {
|
||||
background-color: $developer-spot;
|
||||
padding-bottom: 0;
|
||||
|
||||
h1 {
|
||||
margin: 0 0 2rem 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;
|
||||
}
|
||||
}
|
||||
|
||||
.band {
|
||||
$band-color: hsla(55, 100, 70, .15);
|
||||
|
||||
margin-top: 2rem;
|
||||
background-color: $band-color;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.sub-nav {
|
||||
text-align: left;
|
||||
justify-content: flex-start;
|
||||
|
||||
li {
|
||||
margin: 0 .5rem 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
31
src/views/download/l10n.json
Normal file
31
src/views/download/l10n.json
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
{
|
||||
"download.title": "Scratch 2 Offline Editor",
|
||||
"download.intro": "You can install the Scratch 2.0 editor to work on projects without an internet connection. This version will work on Mac, Windows, and some versions of Linux (32 bit).",
|
||||
"download.introMac": "<b>Note for Mac Users:</b> the latest version of Scratch 2.0 Offline requires Adobe Air 20. To upgrade to Adobe Air 20 manually, go <a href=\"https://get.adobe.com/air/\">here</a>.",
|
||||
"download.installation": "Installation",
|
||||
"download.airTitle": "Adobe AIR",
|
||||
"download.airBody": "If you don't already have it, download and install the latest <a href=\"http://get.adobe.com/air/\">Adobe AIR</a>",
|
||||
"download.macOSX": "Mac OS X",
|
||||
"download.macOlder": "Mac OS 10.5 & Older",
|
||||
"download.windows": "Windows",
|
||||
"download.linux": "Linux",
|
||||
"download.download": "Download",
|
||||
"download.offlineEditorTitle": "Scratch Offline Editor",
|
||||
"download.offlineEditorBody": "Next download and install the Scratch 2.0 Offline Editor",
|
||||
"download.supportMaterialsTitle": "Support Materials",
|
||||
"download.supportMaterialsBody": "Need some help getting started? Here are some helpful resources.",
|
||||
"download.starterProjects": "Starter Projects",
|
||||
"download.gettingStarted": "Getting Started Guide",
|
||||
"download.scratchCards": "Scratch Cards",
|
||||
"download.updatesTitle": "Updates",
|
||||
"download.updatesBody": "The Offline Editor can update itself (with user permission). It will check for updates at startup or you can use the \"Check for updates\" command in the file menu.",
|
||||
"download.currentVersion": "The current version is 454.",
|
||||
"download.otherVersionsTitle": "Other Versions of Scratch",
|
||||
"download.otherVersionsOlder": "If you have an older computer, or cannot install the Scratch 2.0 offline editor, you can try installing <a href=\"http://scratch.mit.edu/scratch_1.4/\">Scratch 1.4</a>.",
|
||||
"download.otherVersionsAdmin": "If you are a network administrator: a Scratch 2.0 MSI has been created and maintained by a member of the community and hosted for public download <a href=\"http://llk.github.io/scratch-msi/\">here</a>.",
|
||||
"download.knownIssuesTitle": "Known issues",
|
||||
"download.knownIssuesOne": "If your offline editor is crashing directly after Scratch is opened, install the Scratch 2 offline editor again (see step 2 above.) This issue is due to a bug introduced in Adobe Air version 14. (released April 2014).",
|
||||
"download.knownIssuesTwo": "Graphic effects blocks (in \"Looks\") may slow down projects due to a known Flash bug.",
|
||||
"download.knownIssuesThree": "The <b>backpack</b> is not yet available.",
|
||||
"download.reportBugs": "Report Bugs and Glitches"
|
||||
}
|
||||
Loading…
Reference in a new issue