mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-23 15:47:53 -05:00
add alt tags to remaining images and correct some
This commit is contained in:
parent
83553c3bc2
commit
c26dc79b8d
3 changed files with 40 additions and 12 deletions
|
@ -35,7 +35,10 @@ const InstallScratchLink = ({
|
||||||
<FormattedMessage id="installScratchLink.windowsDownload" /> :
|
<FormattedMessage id="installScratchLink.windowsDownload" /> :
|
||||||
<FormattedMessage id="installScratchLink.macosDownload" />
|
<FormattedMessage id="installScratchLink.macosDownload" />
|
||||||
}
|
}
|
||||||
<img src="/svgs/extensions/download-white.svg" />
|
<img
|
||||||
|
alt=""
|
||||||
|
src="/svgs/extensions/download-white.svg"
|
||||||
|
/>
|
||||||
</button>
|
</button>
|
||||||
</a>
|
</a>
|
||||||
</Step>
|
</Step>
|
||||||
|
@ -50,6 +53,7 @@ const InstallScratchLink = ({
|
||||||
</span>
|
</span>
|
||||||
<div className="step-image">
|
<div className="step-image">
|
||||||
<img
|
<img
|
||||||
|
alt=""
|
||||||
className="screenshot"
|
className="screenshot"
|
||||||
src={`/images/scratchlink/${
|
src={`/images/scratchlink/${
|
||||||
currentOS === OS_ENUM.WINDOWS ? 'windows' : 'mac'
|
currentOS === OS_ENUM.WINDOWS ? 'windows' : 'mac'
|
||||||
|
|
|
@ -36,7 +36,10 @@ class EV3 extends ExtensionLanding {
|
||||||
imageSrc="/images/ev3/ev3-illustration.png"
|
imageSrc="/images/ev3/ev3-illustration.png"
|
||||||
>
|
>
|
||||||
<FlexRow className="column extension-copy">
|
<FlexRow className="column extension-copy">
|
||||||
<h2><img src="/images/ev3/ev3.svg" />LEGO MINDSTORMS EV3</h2>
|
<h2><img
|
||||||
|
alt=""
|
||||||
|
src="/images/ev3/ev3.svg"
|
||||||
|
/>LEGO MINDSTORMS EV3</h2>
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
id="ev3.headerText"
|
id="ev3.headerText"
|
||||||
values={{
|
values={{
|
||||||
|
@ -54,11 +57,17 @@ class EV3 extends ExtensionLanding {
|
||||||
</FlexRow>
|
</FlexRow>
|
||||||
<ExtensionRequirements>
|
<ExtensionRequirements>
|
||||||
<span>
|
<span>
|
||||||
<img src="/svgs/extensions/windows.svg" />
|
<img
|
||||||
|
alt=""
|
||||||
|
src="/svgs/extensions/windows.svg"
|
||||||
|
/>
|
||||||
Windows 10+
|
Windows 10+
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
<img src="/svgs/extensions/mac.svg" />
|
<img
|
||||||
|
alt=""
|
||||||
|
src="/svgs/extensions/mac.svg"
|
||||||
|
/>
|
||||||
macOS 10.13+
|
macOS 10.13+
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
|
@ -66,7 +75,10 @@ class EV3 extends ExtensionLanding {
|
||||||
Bluetooth
|
Bluetooth
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
<img src="/svgs/extensions/scratch-link.svg" />
|
<img
|
||||||
|
alt=""
|
||||||
|
src="/svgs/extensions/scratch-link.svg"
|
||||||
|
/>
|
||||||
Scratch Link
|
Scratch Link
|
||||||
</span>
|
</span>
|
||||||
</ExtensionRequirements>
|
</ExtensionRequirements>
|
||||||
|
@ -85,13 +97,19 @@ class EV3 extends ExtensionLanding {
|
||||||
<Steps>
|
<Steps>
|
||||||
<Step number={1}>
|
<Step number={1}>
|
||||||
<div className="step-image">
|
<div className="step-image">
|
||||||
<img src="/images/ev3/ev3-connect-1.png" />
|
<img
|
||||||
|
alt=""
|
||||||
|
src="/images/ev3/ev3-connect-1.png"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<p><FormattedMessage id="ev3.turnOnEV3" /></p>
|
<p><FormattedMessage id="ev3.turnOnEV3" /></p>
|
||||||
</Step>
|
</Step>
|
||||||
<Step number={2}>
|
<Step number={2}>
|
||||||
<div className="step-image">
|
<div className="step-image">
|
||||||
<img src="/images/ev3/ev3-connect-2.png" />
|
<img
|
||||||
|
alt=""
|
||||||
|
src="/images/ev3/ev3-connect-2.png"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
|
@ -112,7 +130,10 @@ class EV3 extends ExtensionLanding {
|
||||||
</Step>
|
</Step>
|
||||||
<Step number={3}>
|
<Step number={3}>
|
||||||
<div className="step-image">
|
<div className="step-image">
|
||||||
<img src="/images/ev3/ev3-connect-3.png" />
|
<img
|
||||||
|
alt={this.props.intl.formatMessage({id: 'ev3.imgAltAddExtension'})}
|
||||||
|
src="/images/ev3/ev3-connect-3.png"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<p><FormattedMessage id="ev3.addExtension" /></p>
|
<p><FormattedMessage id="ev3.addExtension" /></p>
|
||||||
</Step>
|
</Step>
|
||||||
|
@ -205,7 +226,10 @@ class EV3 extends ExtensionLanding {
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
<div className="step-image">
|
<div className="step-image">
|
||||||
<img src="/images/ev3/motor-turn-block.png" />
|
<img
|
||||||
|
alt=""
|
||||||
|
src="/images/ev3/motor-turn-block.png"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</Step>
|
</Step>
|
||||||
</Steps>
|
</Steps>
|
||||||
|
|
|
@ -42,7 +42,7 @@
|
||||||
"ev3.imgAltWaitForWindows": "Windows notifies you when EV3 is ready.",
|
"ev3.imgAltWaitForWindows": "Windows notifies you when EV3 is ready.",
|
||||||
"ev3.imgAltEnterPasscodeMac": "Enter the passcode into the connection request window opening on your Mac.",
|
"ev3.imgAltEnterPasscodeMac": "Enter the passcode into the connection request window opening on your Mac.",
|
||||||
"ev3.imgAltPlugInMotor": "Port A is not to be confused with Port 4 on the other side of the EV3.",
|
"ev3.imgAltPlugInMotor": "Port A is not to be confused with Port 4 on the other side of the EV3.",
|
||||||
"ev3.imgAltWaveHello": "A fairy",
|
"ev3.imgAltWaveHello": "Example of a Scratch project with a waving fairy.",
|
||||||
"ev3.imgAltDistanceInstrument": "A guitar on stage",
|
"ev3.imgAltDistanceInstrument": "Example of a Scratch project with a guitar.",
|
||||||
"ev3.imgAltSpaceTacos": "A cat and a taco in space"
|
"ev3.imgAltSpaceTacos": "Example of a Scratch project with Scratch Cat and a taco in space."
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue