Madmin
/
Erant-OldApp
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Update to animation speed 

Changes to be committed:
modified:   package-lock.json
modified:   package.json
modified:   src/routes/homepage/Components/Animation.svelte
modified:   src/routes/homepage/homepage.svelte
This commit is contained in:
matthieu42morin 2023-02-21 14:16:14 +01:00
parent 5e2481754f
commit 117d8fc45d
4 changed files with 67 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
package-lock.json generated
View File

@ -10,6 +10,7 @@
"dependencies": {
"@beyonk/svelte-mapbox": "^8.1.4",
"@bytemd/plugin-gfm": "^1.17.4",
"@lottiefiles/svelte-lottie-player": "^0.3.0",
"appwrite": "^10.1.0",
"bytemd": "^1.17.4",
"html5-qrcode": "^2.3.0",
@ -135,6 +136,14 @@
"npm": ">= 5.0.0"
}
},
"node_modules/@lottiefiles/svelte-lottie-player": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/@lottiefiles/svelte-lottie-player/-/svelte-lottie-player-0.3.0.tgz",
"integrity": "sha512-u7kwq6YlNYCN7pRO3er+1/uDDwBX12c8hnKFxmRejAW78d3Ps6Hdq9XDUYHNAr+0euEf9p2RvpDmZaKQzcJXVw==",
"dependencies": {
"lottie-web": "^5.10.0"
}
},
"node_modules/@mapbox/geojson-rewind": {
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/@mapbox/geojson-rewind/-/geojson-rewind-0.5.2.tgz",
@ -1919,6 +1928,11 @@
"url": "https://github.com/sponsors/wooorm"
}
},
"node_modules/lottie-web": {
"version": "5.10.2",
"resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.10.2.tgz",
"integrity": "sha512-d0PFIGiwuMsJYaF4uPo+qG8dEorlI+xFI2zrrFtE1bGO4WoLIz+NjremxEq1swpR7juR10aeOtmNh3d6G3ub0A=="
},
"node_modules/lower-case": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
@ -4207,6 +4221,14 @@
"resolved": "https://registry.npmjs.org/@icon-park/svg/-/svg-1.4.2.tgz",
"integrity": "sha512-1X0DA+1e0R0liYvw+Nb2BQmF1oEo/wS3o/JYkQYifPJXCGYij2vN9sJf/NNhbzDsJWTg4W2bbzZjJvC7Q4w4oQ=="
},
"@lottiefiles/svelte-lottie-player": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/@lottiefiles/svelte-lottie-player/-/svelte-lottie-player-0.3.0.tgz",
"integrity": "sha512-u7kwq6YlNYCN7pRO3er+1/uDDwBX12c8hnKFxmRejAW78d3Ps6Hdq9XDUYHNAr+0euEf9p2RvpDmZaKQzcJXVw==",
"requires": {
"lottie-web": "^5.10.0"
}
},
"@mapbox/geojson-rewind": {
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/@mapbox/geojson-rewind/-/geojson-rewind-0.5.2.tgz",
@ -5451,6 +5473,11 @@
"resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
"integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g=="
},
"lottie-web": {
"version": "5.10.2",
"resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.10.2.tgz",
"integrity": "sha512-d0PFIGiwuMsJYaF4uPo+qG8dEorlI+xFI2zrrFtE1bGO4WoLIz+NjremxEq1swpR7juR10aeOtmNh3d6G3ub0A=="
},
"lower-case": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",

9
package.json
View File

@ -22,16 +22,17 @@
"vite": "^3.2.3"
},
"dependencies": {
"@beyonk/svelte-mapbox": "^8.1.4",
"@bytemd/plugin-gfm": "^1.17.4",
"@lottiefiles/svelte-lottie-player": "^0.3.0",
"appwrite": "^10.1.0",
"bytemd": "^1.17.4",
"svelte-appwrite-client": "^0.2.3",
"svelte-i18n": "^3.6.0",
"svelte-routing": "^1.6.0",
"@beyonk/svelte-mapbox": "^8.1.4",
"html5-qrcode": "^2.3.0",
"mapbox": "^1.0.0-beta10",
"mapbox-gl": "^2.10.0",
"svelte-appwrite-client": "^0.2.3",
"svelte-i18n": "^3.6.0",
"svelte-routing": "^1.6.0",
"yallist": "^4.0.0"
}
}

34
src/routes/homepage/Components/Animation.svelte
View File

@ -1,10 +1,38 @@
<script></script>
<script>
import { LottiePlayer } from '@lottiefiles/svelte-lottie-player';
let controlsLayout = [
'previousFrame',
'playpause',
'stop',
'nextFrame',
'progress',
'frame',
'loop',
'spacer',
'background',
'snapshot',
'zoom',
'info',
];
</script>
<svelte:head>
<LottiePlayer
src="/animation/ERANT.json"
autoplay="{true}"
loop="{true}"
controls="{true}"
renderer="svg"
background="transparent"
style="width: 100%; height: 100%"
speed="2.5"
controlsLayout="{controlsLayout}"
/>
<!--<svelte:head>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js" ></script>
</svelte:head>
<lottie-player src="/animation/ERANT.json" background="transparent" speed="1" style="width: 100%; height: 100%" autoplay>
<lottie-player src="/animation/ERANT.json" background="transparent" speed="1" autoplay>
</lottie-player>
-->

2
src/routes/homepage/homepage.svelte
View File

@ -14,7 +14,7 @@
setTimeout(() => {
fitstTime = false
localStorage.setItem('ErantFirstTime', "false");
}, 15000)
}, 11000)
}
})