kamp/pingvin-share
1
0
Fork 0
mirror of https://github.com/stonith404/pingvin-share.git synced 2024-07-04 08:20:13 +02:00
Code

Improve PWA images

Browse Source
This commit is contained in:
Elias Schneider 2022-04-28 16:28:37 +02:00
parent 09645c6202
commit c8ef3b67f6
No known key found for this signature in database
GPG Key ID: D5EC1C72D93244FD
8 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -1,4 +1,4 @@
# <div align="center"><img src="./public/logo.svg" width="40"/> </br>Pingvin Share</div> # <div align="center"><img src="./public/img/logo.svg" width="40"/> </br>Pingvin Share</div>
Pingvin Share is a selfhosted file sharing plattform made for the [Appwrite Hackathon](https://dev.to/devteam/announcing-the-appwrite-hackathon-on-dev-1oc0). Pingvin Share is a selfhosted file sharing plattform made for the [Appwrite Hackathon](https://dev.to/devteam/announcing-the-appwrite-hackathon-on-dev-1oc0).

BIN
public/icons/icon-white-128x128.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
public/img/logo-bg-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

0
public/logo.svg → public/img/logo.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1018 B

After

Width:  |  Height:  |  Size: 1018 B

34
public/manifest.json
View File

@ -10,48 +10,56 @@
{ {
"src": "icons/icon-72x72.png", "src": "icons/icon-72x72.png",
"sizes": "72x72", "sizes": "72x72",
"type": "image/png" "type": "image/png",
}, "purpose": "any maskable"
{
"src": "icons/icon-96x96.png",
"sizes": "96x96",
"type": "image/png"
}, },
{ {
"src": "icons/icon-96x96.png", "src": "icons/icon-96x96.png",
"sizes": "96x96", "sizes": "96x96",
"type": "image/png", "type": "image/png",
"purpose": "maskable" "purpose": "any maskable"
},
{
"src": "icons/icon-96x96.png",
"sizes": "96x96",
"type": "image/png",
"purpose": "any maskable"
}, },
{ {
"src": "icons/icon-128x128.png", "src": "icons/icon-128x128.png",
"sizes": "128x128", "sizes": "128x128",
"type": "image/png" "type": "image/png",
"purpose": "any maskable"
}, },
{ {
"src": "icons/icon-144x144.png", "src": "icons/icon-144x144.png",
"sizes": "144x144", "sizes": "144x144",
"type": "image/png" "type": "image/png",
"purpose": "any maskable"
}, },
{ {
"src": "icons/icon-152x152.png", "src": "icons/icon-152x152.png",
"sizes": "152x152", "sizes": "152x152",
"type": "image/png" "type": "image/png",
"purpose": "any maskable"
}, },
{ {
"src": "icons/icon-192x192.png", "src": "icons/icon-192x192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png" "type": "image/png",
"purpose": "any maskable"
}, },
{ {
"src": "icons/icon-384x384.png", "src": "icons/icon-384x384.png",
"sizes": "384x384", "sizes": "384x384",
"type": "image/png" "type": "image/png",
"purpose": "any maskable"
}, },
{ {
"src": "icons/icon-512x512.png", "src": "icons/icon-512x512.png",
"sizes": "512x512", "sizes": "512x512",
"type": "image/png" "type": "image/png",
"purpose": "any maskable"
} }
], ],
"splash_pages": null "splash_pages": null

2
src/components/navBar/NavBar.tsx
View File

@ -87,7 +87,7 @@ const Header = () => {
<NextLink href="/"> <NextLink href="/">
<Group> <Group>
<Image <Image
src="/logo.svg" src="/img/logo.svg"
alt="Pinvgin Share Logo" alt="Pinvgin Share Logo"
height={40} height={40}
width={40} width={40}

2
src/pages/_document.tsx
View File

@ -12,7 +12,7 @@ export default class _Document extends Document {
<Head> <Head>
<link rel="manifest" href="/manifest.json" /> <link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#46509e" /> <meta name="theme-color" content="#46509e" />
<link rel="apple-touch-icon" href="/icons/icon-128x128.png" /> <link rel="apple-touch-icon" href="/icons/icon-white-128x128.png" />
</Head> </Head>
<body> <body>
<Main /> <Main />

2
src/pages/index.tsx
View File

@ -137,7 +137,7 @@ export default function Home() {
</div> </div>
<Group className={classes.image} align="center"> <Group className={classes.image} align="center">
<Image <Image
src="/logo.svg" src="/img/logo.svg"
alt="Pingvin Share Logo" alt="Pingvin Share Logo"
width={200} width={200}
height={200} height={200}