refactor: dont inline splash screen image

This commit is contained in:
Youwen Wu 2024-03-16 21:17:17 -07:00
parent dfd1368c08
commit 5ae447c9bd
Signed by: youwen5
GPG key ID: 865658ED1FE61EC3
6 changed files with 13 additions and 41 deletions

File diff suppressed because one or more lines are too long

View file

Before

Width:  |  Height:  |  Size: 217 KiB

After

Width:  |  Height:  |  Size: 217 KiB

File diff suppressed because one or more lines are too long

View file

@ -44,3 +44,4 @@ screen!**
inlined. inlined.
4. Rename this outputted `index.html` to `splashscreen.html`, and then move it 4. Rename this outputted `index.html` to `splashscreen.html`, and then move it
into `/client/public`, replacing the existing `splashscreen.html`. into `/client/public`, replacing the existing `splashscreen.html`.
Note: the background image will not load in development since it's designed to load `/splash-screen.jpg` from the main app. Update the `splash-screen.jpg` image in `client/public` to change it.

View file

@ -3,13 +3,7 @@
</script> </script>
<svelte:head> <svelte:head>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <title>Jankboard 2</title>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
</svelte:head> </svelte:head>
<Loading /> <Loading />

View file

@ -32,7 +32,7 @@
<style lang="postcss"> <style lang="postcss">
.bg { .bg {
background-image: url('../../assets/wallpaper.jpg'); background-image: url('/splash-screen.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }