status-im
/
ETHPrize-interviews
mirror of https://github.com/status-im/ETHPrize-interviews.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #7 from CS76/master 

Optimised images
This commit is contained in:
Andy Tudhope 2018-03-13 10:53:17 +02:00 committed by GitHub
parent 04b41eccd8 bcea9e1e78
commit 630cd8bcee
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/img/about-side.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
src/img/about-side.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 888 KiB

BIN
src/img/bg-image.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
src/img/bg-image.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 556 KiB

BIN
src/img/sprite-2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

BIN
src/img/sprite-2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 971 KiB

BIN
src/img/sprite.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
src/img/sprite.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 340 KiB

10
src/scss/style.scss
View File

@ -136,7 +136,7 @@ header{
}
.wrapper{
background-image: url("../img/bg-image.png");
background-image: url("../img/bg-image.jpg");
background-repeat: no-repeat;
background-position: top right;
background-attachment: fixed;
@ -149,8 +149,8 @@ header{
}
.wrapper.hide {
-webkit-mask: url(../img/sprite.png);
mask: url(../img/sprite.png);
-webkit-mask: url(../img/sprite.gif);
mask: url(../img/sprite.gif);
-webkit-mask-size: 7500% 100%;
mask-size: 7500% 100%;
-webkit-animation: mask-play 1.5s steps(74) forwards;
@ -221,7 +221,7 @@ header{
}
.about-wrapper{
background-image: url("../img/about-side.png");
background-image: url("../img/about-side.jpg");
background-repeat: no-repeat;
background-position: top left;
background-size: 50% auto;
@ -245,7 +245,7 @@ header{
}
.side-image{
background-image: url("../img/about-side.png");
background-image: url("../img/about-side.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
}