mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2025-03-14 15:09:59 -04:00
Merge pull request #2262 from sjgllghr/issue/gh2212-migrate-scratch-1.4
Fix gh-2212: Migrate Scratch 1.4 download page
This commit is contained in:
commit
2065090bb8
7 changed files with 344 additions and 0 deletions
|
@ -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/?$",
|
||||
|
|
34
src/views/scratch_1.4/l10n.json
Normal file
34
src/views/scratch_1.4/l10n.json
Normal file
|
@ -0,0 +1,34 @@
|
|||
{
|
||||
"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. "
|
||||
}
|
183
src/views/scratch_1.4/scratch_1.4.jsx
Normal file
183
src/views/scratch_1.4/scratch_1.4.jsx
Normal file
|
@ -0,0 +1,183 @@
|
|||
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'));
|
120
src/views/scratch_1.4/scratch_1.4.scss
Normal file
120
src/views/scratch_1.4/scratch_1.4.scss
Normal file
|
@ -0,0 +1,120 @@
|
|||
@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;
|
||||
}
|
||||
}
|
||||
}
|
BIN
static/images/scratch_1.4/scratch-linux.png
Normal file
BIN
static/images/scratch_1.4/scratch-linux.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
BIN
static/images/scratch_1.4/scratch-mac.png
Normal file
BIN
static/images/scratch_1.4/scratch-mac.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
BIN
static/images/scratch_1.4/scratch-win.png
Normal file
BIN
static/images/scratch_1.4/scratch-win.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
Loading…
Reference in a new issue