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

some timeline work

Browse source
This commit is contained in:
caseymm 2022-04-28 16:59:55 -07:00
parent 5ee959e185
commit c419ac71d3
3 changed files with 19 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/views/annual-report/2021/annual-report.jsx
View file

@ -1429,11 +1429,11 @@ class AnnualReport extends React.Component {
/>
</div>
<div className="year-in-review">
<img
{/* <img
className="upper-wave"
src="/images/annual-report/2021/3_Community Section/Timeline/Timeline Background (Base).svg"
alt={this.props.intl.formatMessage({id: 'annualReport.2021.altWaveBottom'})}
/>
/> */}
<TimelineCard
className="center"
link="https://scratch.mit.edu/studios/28659922/"

30
src/views/annual-report/2021/annual-report.scss
View file

@ -1544,22 +1544,21 @@ img.comment-viz{
.sparkles{
position: relative;
width: calc(100% - 70px);
margin: 0 auto -114px;
margin: 0 auto -267px;
z-index: 1;
display: flex;
justify-content: space-between;
height: 180px;
height: 145px;
align-items: flex-start;
@media #{$intermediate-and-smaller} {
// top: -120px;
height: 130px;
margin: 0 auto -76px;
}
@media #{$medium-and-smaller} {
height: 150px;
overflow: hidden;
width: 100%;
margin: 0 auto -251px;
height: 119px;
}
// @media #{$medium-and-smaller} {
// height: 150px;
// overflow: hidden;
// width: 100%;
// }
.sparkle-left{
@media #{$medium-and-smaller}{
margin-left: -40px;
@ -1578,13 +1577,16 @@ img.comment-viz{
.year-in-review{
position: relative;
padding: 180px 0 180px 0;
padding: 330px 0 180px 0;
display: flex;
flex-direction: column;
overflow-x: hidden;
@media #{$intermediate-and-smaller} {
padding: 80px 15px;
}
background-image: url("/images/annual-report/2021/3_Community Section/Timeline/Timeline Background (Base).svg");
background-size: cover;
background-position: center;
// @media #{$intermediate-and-smaller} {
// padding: 80px 15px;
// }
.upper-wave{
width: 100%;
position: absolute;

2
src/views/annual-report/2021/orgs.json
View file

@ -77,7 +77,7 @@
{
"name": "ILCE Instituto Latino Americano de la Comunicación Educativa",
"region": "México City",
"country": "MX"
"country": "Mexico"
},
{
"name": "Kids Code Jeunesse",