moepoi/moepoi.dev
moepoi/moepoi.dev
1
0
Fork 0
mirror of https://gitlab.com/moepoi/moepoi.dev.git synced 2025-03-31 10:47:10 +02:00
Code Issues Projects Releases Packages Wiki Activity

Migrate loading image from png to webp

Browse source
This commit is contained in:
Moe Poi ~ 2022-06-05 22:34:27 +07:00
parent 91405f89e3
commit a653ad16a8
3 changed files with 2 additions and 4 deletions

BIN
web/icons/loading.png
View file

Binary file not shown.
Side by side

Before

(image error) Size: 226 KiB

BIN
web/icons/loading.webp Normal file
View file

Binary file not shown.
Side by side

After

(image error) Size: 97 KiB

6
web/index.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<base href="$FLUTTER_BASE_HREF">
@ -53,7 +53,7 @@
@keyframes breathe { from { transform: scale(1) } to { transform: scale(0.95)}}
@keyframes zooooom { from { transform: scale(1) } to { transform: scale(10)}}
</style>
<img src="icons/loading.png" width="40%" alt="Loading..." />
<img src="icons/loading.webp" width="40%" alt="Loading..." />
</div>
<script>
@ -70,8 +70,6 @@
loading.classList.add('init_done');
return appRunner.runApp();
}).then(function(app) {
// Wait a few milliseconds so users can see the "zoooom" animation
// before getting rid of the "loading" div.
window.setTimeout(function() {
loading.remove();
}, 200);