scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 07:38:07 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #2622 from apple502j/about-video

Browse source 
About video
This commit is contained in:
chrisgarrity 2019-01-30 18:19:32 +01:00 committed by GitHub
commit 42bc19c2e3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/views/about/about.jsx
View file

@ -3,6 +3,7 @@ const FormattedMessage = require('react-intl').FormattedMessage;
const render = require('../../lib/render.jsx'); const render = require('../../lib/render.jsx');
const Page = require('../../components/page/www/page.jsx'); const Page = require('../../components/page/www/page.jsx');
const Video = require('../../components/video/video.jsx');
require('./about.scss'); require('./about.scss');
@ -22,14 +23,10 @@ const About = () => (
</ul> </ul>
</div> </div>
<div> <div className="video-container">
<iframe <Video
allowFullScreen className="about-scratch-video"
frameBorder="0" videoId="joal01i8b1"
mozallowfullscreen={'true'}
src="https://player.vimeo.com/video/65583694?title=0&byline=0&portrait=0"
title="Scratch Overview Video"
webkitallowfullscreen={'true'}
/> />
</div> </div>
</div> </div>
@ -141,7 +138,7 @@ const About = () => (
<h3><FormattedMessage id="about.learnMore" /></h3> <h3><FormattedMessage id="about.learnMore" /></h3>
<ul className="list"> <ul className="list">
<li> <li>
<a href="/tips"><FormattedMessage id="about.learnMoreHelp" /></a> <a href="/ideas"><FormattedMessage id="about.learnMoreHelp" /></a>
</li> </li>
<li> <li>
<a href="/info/faq"><FormattedMessage id="about.learnMoreFaq" /></a> <a href="/info/faq"><FormattedMessage id="about.learnMoreFaq" /></a>
@ -150,7 +147,7 @@ const About = () => (
<a href="/parents"><FormattedMessage id="about.learnMoreParents" /></a> <a href="/parents"><FormattedMessage id="about.learnMoreParents" /></a>
</li> </li>
<li> <li>
<a href="/info/credits"><FormattedMessage id="about.learnMoreCredits" /></a> <a href="/credits"><FormattedMessage id="about.learnMoreCredits" /></a>
</li> </li>
</ul> </ul>
</li> </li>
@ -162,7 +159,7 @@ const About = () => (
values={{ values={{
supportersList: 'National Science Foundation, Scratch Foundation, Siegel Family Endowment, Google, LEGO Foundation, Intel, Cartoon Network, Lemann Foundation, MacArthur Foundation', // eslint-disable-line max-len supportersList: 'National Science Foundation, Scratch Foundation, Siegel Family Endowment, Google, LEGO Foundation, Intel, Cartoon Network, Lemann Foundation, MacArthur Foundation', // eslint-disable-line max-len
creditsLink: ( creditsLink: (
<a href="//scratch.mit.edu/info/credits"> <a href="/credits">
<FormattedMessage id="about.creditsLinkText" /> <FormattedMessage id="about.creditsLinkText" />
</a> </a>
), ),

12
src/views/about/about.scss
View file

@ -28,13 +28,13 @@
padding-right: 10px; padding-right: 10px;
} }
} }
}
iframe { div.video-container,
display: block; div.about-scratch-video {
border: 1px solid $ui-gray; height: 225px;
width: 100%; width: 400px;
height: 290px; min-width: 400px;
}
} }
} }