Skip to content

GitLab

S
scratch-www
Commit c3dde0c9 authored by picklesrus's avatar picklesrus
Browse files
Options

version without app store buttons

parent 84e3d84e
Hide whitespace changes
Inline Side-by-side
Showing with 22 additions and 40 deletions
src/views/download/download.jsx
View file @ c3dde0c9
......@@ -111,20 +111,10 @@ class Download extends React.Component {
</span>
<div className="downloads-container">
<a
href={
this.state.OS === OS_ENUM.WINDOWS ?
'FILL ME IN' :
''
}
target="_blank"
className="download-button"
href="https://beta.scratch.mit.edu/"
>
<img
alt=""
className="store-badge"
src={`/images/scratchlink/${
this.state.OS === OS_ENUM.WINDOWS ? 'windows' : 'mac'
}-store-badge.svg`}
/>
<span>Download Scratch Desktop</span>
</a>
</div>
</Step>
......@@ -135,8 +125,12 @@ class Download extends React.Component {
number={2}
>
<span className="step-description">
<FormattedMessage id="download.startScratchDesktop" />
{this.state.OS === OS_ENUM.WINDOWS ?
<FormattedMessage id="download.winMoveToApplications" /> :
<FormattedMessage id="download.macMoveToApplications" />
}
</span>
<div className="step-image">
<img
alt=""
......@@ -156,13 +150,6 @@ class Download extends React.Component {
<FormattedMessage id="download.troubleshootingTitle" />
</h2>
<h3 className="faq-question">
<FormattedMessage id="download.howDoIInstall" />
</h3>
<p>
You will need to install lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<h3 className="faq-question">
<FormattedMessage id="download.whenSupportLinux" />
</h3>
......@@ -177,24 +164,6 @@ class Download extends React.Component {
<FormattedMessage id="download.supportChromeOSAnswer" />
</p>
<h3 className="faq-question">
{ this.state.OS === OS_ENUM.WINDOWS ?
<FormattedMessage id="download.cannotAccessWindowsStore" /> :
<FormattedMessage id="download.cannotAccessMacStore" />
}
</h3>
<p>
<FormattedMessage
id="download.appstoreAccessAnswer"
values={{
directDownloadLink: (
<a href="">
<FormattedMessage id="download.directDownloadText" />
</a>
)
}}
/>
</p>
</FlexRow>
</div>
<div className="download-section blue">
......
src/views/download/download.scss
View file @ c3dde0c9
......@@ -19,6 +19,17 @@
align-self: center;
}
.download-button {
border-radius: 8px;
padding: 1rem;
font-size: 1rem;
display: inline-block;
margin: .5em 0;
border: 0;
background-color: $ui-blue;
cursor: pointer;
color:$ui-white
}
.download-header {
background-color: $ui-blue;
padding: 4rem 0;
......
src/views/download/l10n.json
View file @ c3dde0c9
......@@ -19,5 +19,7 @@
"download.cannotAccessMacStore" : "What if I can't access the Mac App Store?",
"download.cannotAccessWindowsStore" : "What if I can't access the Microsoft Store?",
"download.appstoreAccessAnswer" : "You can download Scratch Desktop directly to your computer by {directDownloadLink}.",
"download.directDownloadText" : "clicking here"
"download.directDownloadText" : "clicking here",
"download.macMoveToApplications" : "Move Scratch Desktop to your Applications folder and start Scratch Desktop.",
"download.winMoveToApplications" : "Run it."
}
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