replace pngs with jpg where smaller

This commit is contained in:
2023-06-30 19:13:15 +02:00
parent 69494e8d20
commit 5640cc6528
17 changed files with 13 additions and 13 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 654 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 644 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 287 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 499 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 191 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 454 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 272 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 285 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB

View File

@@ -21,14 +21,14 @@ body {
#step-3 {
position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage2a.png');
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage2a.jpg');
background-repeat: no-repeat;
background-size: cover;
}
#step-4 {
position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3a.png');
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3a.jpg');
background-repeat: no-repeat;
background-size: cover;
}
@@ -42,14 +42,14 @@ body {
#step-6 {
position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4a.png');
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4a.jpg');
background-repeat: no-repeat;
background-size: cover;
}
#step-7 {
position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1a.png');
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1a.jpg');
background-repeat: no-repeat;
background-size: cover;
}

View File

@@ -13,7 +13,7 @@ body {
#step-2 {
position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1.png');
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
@@ -27,14 +27,14 @@ body {
#step-4 {
position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3.png');
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3.jpg');
background-repeat: no-repeat;
background-size: cover;
}
#step-5 {
position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4.png');
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4.jpg');
background-repeat: no-repeat;
background-size: cover;
}

View File

@@ -28,7 +28,7 @@ body {
#step-4 {
position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3.png');
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3.jpg');
background-repeat: no-repeat;
background-size: cover;
}
@@ -42,14 +42,14 @@ body {
#step-6 {
position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4.png');
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4.jpg');
background-repeat: no-repeat;
background-size: cover;
}
#step-7 {
position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1.png');
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1.jpg');
background-repeat: no-repeat;
background-size: cover;
}

View File

@@ -44,10 +44,10 @@
</div>
<div class="background-images" id="images">
<img src="/assets/screenshotPage1.png" id="img1" style="z-index: -6; opacity: 1;">
<img src="/assets/screenshotPage1.jpg" id="img1" style="z-index: -6; opacity: 1;">
<img src="/assets/screenshotPage2.png" id="img2" class="hidables" style="z-index: -5;">
<img src="/assets/screenshotPage3.png" id="img3" class="hidables" style="z-index: -4;">
<img src="/assets/screenshotPage4.png" id="img4" class="hidables" style="z-index: -3;">
<img src="/assets/screenshotPage3.jpg" id="img3" class="hidables" style="z-index: -4;">
<img src="/assets/screenshotPage4.jpg" id="img4" class="hidables" style="z-index: -3;">
<img src="/assets/screenshotPage5.png" id="img5" class="hidables" style="z-index: -2;">
<img src="/assets/screenshotPage6.png" id="img6" class="hidables" style="z-index: -1;">
</div>