Skip to content

GitLab

S
scratch-www
Unverified Commit 2065090b authored by chrisgarrity's avatar chrisgarrity Committed by GitHub
Browse files
Options

Merge pull request #2262 from sjgllghr/issue/gh2212-migrate-scratch-1.4 

Fix gh-2212: Migrate Scratch 1.4 download page
parents 43060345 e4be2bd8
Hide whitespace changes
Inline Side-by-side
Showing with 344 additions and 0 deletions
src/routes.json
View file @ 2065090b
......@@ -231,6 +231,13 @@
"view": "research/research",
"title": "Research"
},
{
"name": "scratch_1.4",
"pattern": "^/scratch_1.4/?$",
"routeAlias": "/scratch_1.4",
"view": "scratch_1.4/scratch_1.4",
"title": "Scratch 1.4"
},
{
"name": "search",
"pattern": "^/search/:projects/?$",
......
src/views/scratch_1.4/l10n.json 0 → 100644
View file @ 2065090b
{
"onePointFour.intro": "The previous version of Scratch, version 1.4, is still available for download.",
"onePointFour.introNoteLabel": "Note:",
"onePointFour.introNote": "{noteLabel} You can still share projects from 1.4 to the Scratch website. However, projects created in Scratch 2.0 cannot be opened in 1.4.",
"onePointFour.downloads": "Downloads",
"onePointFour.macTitle": "Mac OS X",
"onePointFour.macBody": "Compatible with Mac OSX 10.4 or later",
"onePointFour.windowsTitle": "Windows",
"onePointFour.windowsBody": "Compatible with Windows 2000, XP, Vista, 7, and 8",
"onePointFour.windowsNetworkInstaller": "installer",
"onePointFour.windowsNetwork": "Network deployments use the {windowsNetworkInstaller}",
"onePointFour.linuxTitle": "Debian / Ubuntu",
"onePointFour.linuxBody": "Compatible with Ubuntu 12.04 or later",
"onePointFour.linuxInstall": "Install Scratch with Software Center",
"onePointFour.linuxOptions": "{linuxInstall} or {linuxDownload}",
"onePointFour.linuxDownload": "download here",
"onePointFour.faqsTitle": "Frequently Asked Questions",
"onePointFour.resourcesQ": "What resources are available to help me learn how to use Scratch 1.4?",
"onePointFour.gettingStartedGuide": "Scratch 1.4 Getting Started Guide",
"onePointFour.referenceGuide": "Scratch 1.4 Reference Guide",
"onePointFour.scratchCards": "Scratch Cards",
"onePointFour.resourcesA": "For a step-by-step introduction, download the {gettingStartedGuide}. The {referenceGuide} has a thorough explanation of the Scratch interface and programming language. {scratchCards} provide brief explanations that show how to make animations and interactive projects with Scratch.",
"onePointFour.requirementsQ": "What are the system requirements for Scratch 1.4?",
"onePointFour.requirementsDisplay": "Display: 800 x 480 or larger, thousands or millions of colors (16-bit color or greater) ",
"onePointFour.requirementsOS": "Operating System: Windows 2000 or later, Mac OS X 10.4 or later, Ubuntu Linux 9.04 or later (For other versions of Linux, see the Linux Installer page) ",
"onePointFour.requirementsDisk": "Disk: at least 120 megabytes of free space to install Scratch.",
"onePointFour.requirementsCPUMemory": "CPU and memory: Most computers have enough memory to run Scratch 1.4, but very old computers may run Scratch slowly.",
"onePointFour.requirementsSoundVideo": "Sound / Video: Sound playback requires speakers (or headphones), and recording requires a microphone. Many laptops have speakers and microphones built in. Scratch 1.4 can use a USB or built-in camera (optional).",
"onePointFour.errorQ": "What if I get an error when I try to upload or share my project to the Scratch website?",
"onePointFour.errorFileTooBig": "File too big. The largest file limit is 10 MB. To shrink the size of your Scratch project, click the Edit menu > and select compress sounds, or compress images. If you have compressed sounds and your project still won't upload, try deleting some of the sounds to make it smaller. ",
"onePointFour.errorInternet": "Internet connection too slow and times out. Try making the file smaller. If that doesn't work, try connecting from a different computer or connection or web browser.",
"onePointFour.errorProxy": "Proxy server getting in the way. Try an Internet connection that does not go through a proxy server, or configure Scratch to use your proxy server. ",
"onePointFour.errorLogin": "Wrong username and password. Try logging into Scratch website to make sure username and password are correct. "
}
src/views/scratch_1.4/scratch_1.4.jsx 0 → 100644
View file @ 2065090b
const FormattedMessage = require('react-intl').FormattedMessage;
const React = require('react');
const FlexRow = require('../../components/flex-row/flex-row.jsx');
const SubNavigation = require('../../components/subnavigation/subnavigation.jsx');
const TitleBanner = require('../../components/title-banner/title-banner.jsx');
const Page = require('../../components/page/www/page.jsx');
const render = require('../../lib/render.jsx');
require('./scratch_1.4.scss');
const OnePointFour = () => (
<div className="download">
<TitleBanner className="masthead">
<div className="inner">
<h1 className="title-banner-h1">
Scratch 1.4
</h1>
<p className="title-banner-p intro">
<FormattedMessage id="onePointFour.intro" />
</p>
</div>
<div className="band">
<SubNavigation className="inner">
<a
className="sub-nav-item"
href="#installation"
>
<li>
<FormattedMessage id="onePointFour.downloads" />
</li>
</a>
<a
className="sub-nav-item"
href="#faqs"
>
<li>
<FormattedMessage id="onePointFour.faqsTitle" />
</li>
</a>
</SubNavigation>
</div>
</TitleBanner>
<div className="download-content">
<section
className="installation"
id="installation"
>
<div className="inner">
<p className="callout">
<FormattedMessage
id="onePointFour.introNote"
values={{
noteLabel: (
<b><FormattedMessage id="onePointFour.introNoteLabel" /></b>
)
}}
/>
</p>
<FlexRow className="three-col-row">
<div className="installation-column">
<img
alt="scratch for mac"
src="/images/scratch_1.4/scratch-mac.png"
/>
<h3><FormattedMessage id="onePointFour.macTitle" /></h3>
<p><FormattedMessage id="onePointFour.macBody" /></p>
<ul className="installation-downloads">
<li className="installation-downloads-item">
<a href="http://download.scratch.mit.edu/MacScratch1.4.dmg">
MacScratch1.4.dmg
</a>
</li>
</ul>
</div>
<div className="installation-column">
<img
alt="scratch for windows"
src="/images/scratch_1.4/scratch-win.png"
/>
<h3><FormattedMessage id="onePointFour.windowsTitle" /></h3>
<p><FormattedMessage id="onePointFour.windowsBody" /></p>
<ul
className="installation-downloads"
key="installation-downloads"
>
<li className="installation-downloads-item">
<a href="http://download.scratch.mit.edu/ScratchInstaller1.4.exe">
ScratchInstaller1.4.exe
</a>
</li>
<li className="installation-downloads-item">
<FormattedMessage
id="onePointFour.windowsNetwork"
values={{
windowsNetworkInstaller: (
<a href="http://download.scratch.mit.edu/Scratch1.4.msi.installer.zip">
<FormattedMessage id="onePointFour.windowsNetworkInstaller" />
</a>
)
}}
/>
</li>
</ul>
</div>
<div className="installation-column">
<img
alt="scratch for linux"
src="/images/scratch_1.4/scratch-linux.png"
/>
<h3><FormattedMessage id="onePointFour.linuxTitle" /></h3>
<p><FormattedMessage id="onePointFour.linuxBody" /></p>
<ul className="installation-downloads">
<li className="installation-downloads-item">
<FormattedMessage
id="onePointFour.linuxOptions"
values={{
linuxInstall: (
<a href="apt:scratch">
<FormattedMessage id="onePointFour.linuxInstall" />
</a>
),
linuxDownload: (
<a href="http://ubuntu.media.mit.edu/ubuntu//pool/universe/s/scratch/scratch_1.4.0.6~dfsg1-5~ubuntu12.04.1_all.deb">
<FormattedMessage id="onePointFour.linuxDownload" />
</a>
)
}}
/>
</li>
</ul>
</div>
</FlexRow>
</div>
</section>
<div className="inner">
<section id="faqs">
<span className="nav-spacer" />
<h2><FormattedMessage id="onePointFour.faqsTitle" /></h2>
<h3><FormattedMessage id="onePointFour.resourcesQ" /></h3>
<p>
<FormattedMessage
id="onePointFour.resourcesA"
values={{
gettingStartedGuide: (
<a href="http://download.scratch.mit.edu/ScratchGettingStartedv14.pdf">
<FormattedMessage id="onePointFour.gettingStartedGuide" />
</a>
),
referenceGuide: (
<a href="http://download.scratch.mit.edu/ScratchReferenceGuide14.pdf">
<FormattedMessage id="onePointFour.referenceGuide" />
</a>
),
scratchCards: (
<a href="http://download.scratch.mit.edu/ScratchCardsAll-v1.4-PDF.zip">
<FormattedMessage id="onePointFour.scratchCards" />
</a>
)
}}
/>
</p>
<h3><FormattedMessage id="onePointFour.requirementsQ" /></h3>
<p><FormattedMessage id="onePointFour.requirementsDisplay" /></p>
<p><FormattedMessage id="onePointFour.requirementsOS" /></p>
<p><FormattedMessage id="onePointFour.requirementsDisk" /></p>
<p><FormattedMessage id="onePointFour.requirementsCPUMemory" /></p>
<p><FormattedMessage id="onePointFour.requirementsSoundVideo" /></p>
<h3><FormattedMessage id="onePointFour.errorQ" /></h3>
<ol>
<li><FormattedMessage id="onePointFour.errorFileTooBig" /></li>
<li><FormattedMessage id="onePointFour.errorInternet" /></li>
<li><FormattedMessage id="onePointFour.errorProxy" /></li>
<li><FormattedMessage id="onePointFour.errorLogin" /></li>
</ol>
</section>
</div>
</div>
</div>
);
render(<Page><OnePointFour /></Page>, document.getElementById('app'));
src/views/scratch_1.4/scratch_1.4.scss 0 → 100644
View file @ 2065090b
@import "../../colors";
@import "../../frameless";
#view {
padding: 0;
}
.download {
.title-banner {
&.masthead {
margin-bottom: 0;
background-color: $ui-blue-dark;
padding-bottom: 0;
h1 {
margin: 0 0 2rem 0;
text-align: left;
color: $ui-white;
}
p {
margin: 0;
text-align: left;
color: $ui-white;
a {
border-bottom: 1px solid $ui-white;
color: $ui-white;
}
}
.band {
margin-top: 2rem;
background-color: $ui-white-15percent;
padding: 1rem 0;
}
.sub-nav {
text-align: left;
justify-content: flex-start;
li {
margin: 0 .5rem 0 0;
}
}
}
}
.sub-nav-item {
margin: .5rem;
}
.callout {
text-align: center;
}
.download-content {
padding-bottom: 2rem;
}
.three-col-row {
align-items: flex-start;
}
.installation {
background-color: $ui-gray;
padding: 2rem;
}
.installation-column {
padding-top: 40px;
max-width: $cols4;
text-align: center;
p {
margin-right: .5rem;
margin-left: .5rem;
}
}
.installation-downloads {
padding-left: 0;
list-style: none;
}
.installation-downloads-item {
margin: .25rem;
padding: 0;
text-align: center;
}
section {
margin-bottom: 2rem;
}
.mod-link {
color: $ui-white;
}
#faqs {
h2 {
margin-bottom: 1rem;
}
}
@media #{$small} {
.inner {
.installation-column {
max-width: 100%;
}
}
}
@media #{$intermediate-and-smaller} {
.three-col-row {
flex-direction: column;
align-items: center;
}
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment