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

update images

Browse source
This commit is contained in:
caseymm 2021-10-19 17:40:36 -07:00
parent d3aa437444
commit ddb1aaec8c
5 changed files with 31 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/views/annual-report/2020/annual-report.jsx
View file

@ -1064,13 +1064,13 @@ class AnnualReport extends React.Component {
</p>
</div>
{/* <div className="big-video"> */}
<div className="video-container">
<div className="video-container connectivity">
<MediaQuery minWidth={frameless.tabletPortrait}>
<VideoPreview
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2020.watchVideo'})
}
thumbnail="/images/annual-report/2020/connectivity/Scratch Around the World Video.svg"
thumbnail="/images/annual-report/2020/connectivity/Scratch Around the World Video.png"
thumbnailWidth="1000"
videoHeight="450"
videoId="rlsjbx0st4"
@ -1085,7 +1085,7 @@ class AnnualReport extends React.Component {
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2020.watchVideo'})
}
thumbnail="/images/annual-report/2020/connectivity/Scratch Around the World Video.svg"
thumbnail="/images/annual-report/2020/connectivity/Scratch Around the World Video.png"
thumbnailWidth="800"
videoHeight="320"
videoId="rlsjbx0st4"
@ -1097,7 +1097,7 @@ class AnnualReport extends React.Component {
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2020.watchVideo'})
}
thumbnail="/images/annual-report/2020/connectivity/Scratch Around the World Video.svg"
thumbnail="/images/annual-report/2020/connectivity/Scratch Around the World Video.png"
thumbnailWidth="500"
videoHeight="216"
videoId="rlsjbx0st4"
@ -1316,13 +1316,13 @@ class AnnualReport extends React.Component {
<FormattedMessage id="annualReport.2020.adaptationHighlightText3b" />
</p>
</div>
<div className="video-container themes">
<div className="video-container themes adaptation">
<MediaQuery minWidth={frameless.tabletPortrait}>
<VideoPreview
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2020.watchVideo'})
}
thumbnail="/images/annual-report/2020/adaptation/Create-along video.svg"
thumbnail="/images/annual-report/2020/adaptation/Create-along video.png"
thumbnailWidth="1000"
videoHeight="320"
videoId="uzfapi7t03"
@ -1337,7 +1337,7 @@ class AnnualReport extends React.Component {
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2020.watchVideo'})
}
thumbnail="/images/annual-report/2020/adaptation/Create-along video.svg"
thumbnail="/images/annual-report/2020/adaptation/Create-along video.png"
thumbnailWidth="800"
videoHeight="320"
videoId="uzfapi7t03"
@ -1349,7 +1349,7 @@ class AnnualReport extends React.Component {
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2020.watchVideo'})
}
thumbnail="/images/annual-report/2020/adaptation/Create-along video.svg"
thumbnail="/images/annual-report/2020/adaptation/Create-along video.png"
thumbnailWidth="500"
videoHeight="216"
videoId="uzfapi7t03"

8
src/views/annual-report/2020/annual-report.scss
View file

@ -8,6 +8,14 @@ $annual-report-teal: #297EA4;
$ui-purple-dark: hsla(260, 55, 55, 1);
// $motion-blue-3 #3373CC
.adaptation .button{
background-color: $annual-report-aqua;
}
.connectivity .button{
background-color: $ui-purple-dark;
}
#view {
background-color: $ui-white;
padding: 0;

BIN
static/images/annual-report/2020/adaptation/Create-along video.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 220 KiB

24
static/images/annual-report/2020/community/Timeline/June Illustration.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 236 KiB

After

Width:  |  Height:  |  Size: 113 KiB

BIN
static/images/annual-report/2020/connectivity/Scratch Around the World Video.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 206 KiB