Skip to content

Commit 0eaf01d

Browse files
vj-abishekvj-abishek
committed
Add screenshots, pwaupdate button
1 parent 854a3f8 commit 0eaf01d

File tree

4 files changed

+161
-118
lines changed

4 files changed

+161
-118
lines changed

‎public/icon/desktop_screenshot.png

189 KB
Loading

‎public/icon/mobile_screenshot.png

69.5 KB
Loading

‎public/index.html

+76-47
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,78 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="utf-8" />
6-
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
7-
<link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png">
8-
<link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png">
9-
<link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png">
10-
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
11-
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
12-
<meta name="theme-color" content="#061e23" />
13-
<meta name="description" content="Relp, a messenger for the web. " />
14-
<meta name="keywords"
15-
content="SafeShare,on share,SafeShare now ,SafeShare file,file transfer, peer to peer communication, " />
16-
<meta name="author" content="Abishek" />
17-
<meta name="ROBOTS" content="INDEX, FOLLOW" />
18-
<meta property="og:title" content="relp.now.sh - Online file Sharing" />
19-
<meta property="og:url" content="https://relp.now.sh" />
20-
<meta property="og:description" content="relp.now.sh is a online file sharing service. SafeShare is a real time
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
6+
<link
7+
rel="apple-touch-icon"
8+
sizes="180x180"
9+
href="%PUBLIC_URL%/apple-touch-icon.png"
10+
/>
11+
<link
12+
rel="icon"
13+
type="image/png"
14+
sizes="32x32"
15+
href="%PUBLIC_URL%/favicon-32x32.png"
16+
/>
17+
<link
18+
rel="icon"
19+
type="image/png"
20+
sizes="16x16"
21+
href="%PUBLIC_URL%/favicon-16x16.png"
22+
/>
23+
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
24+
<meta
25+
name="viewport"
26+
content="width=device-width, initial-scale=1, user-scalable=no"
27+
/>
28+
<meta name="theme-color" content="#061e23" />
29+
<meta name="description" content="Relp, a messenger for the web. " />
30+
<meta
31+
name="keywords"
32+
content="SafeShare,on share,SafeShare now ,SafeShare file,file transfer, peer to peer communication, "
33+
/>
34+
<meta name="author" content="Abishek" />
35+
<meta name="ROBOTS" content="INDEX, FOLLOW" />
36+
<meta property="og:title" content="relp.now.sh - Online file Sharing" />
37+
<meta property="og:url" content="https://relp.now.sh" />
38+
<meta
39+
property="og:description"
40+
content="relp.now.sh is a online file sharing service. SafeShare is a real time
2141
peer to peer communication system. The files you shared won't be uploaded to our
22-
server. This is a peer to peer file sharing website." />
42+
server. This is a peer to peer file sharing website."
43+
/>
2344

24-
<meta property="og:image" content="%PUBLIC_URL%/HomeScreen.PNG" />
25-
<meta property="og:image:type" content="image/png" />
26-
<meta property="og:image:width" content="400" />
27-
<meta property="og:image:height" content="300" />
28-
<meta property="og:image:alt" content="relp.now.sh - messenger for the web" />
45+
<meta property="og:image" content="%PUBLIC_URL%/HomeScreen.PNG" />
46+
<meta property="og:image:type" content="image/png" />
47+
<meta property="og:image:width" content="400" />
48+
<meta property="og:image:height" content="300" />
49+
<meta
50+
property="og:image:alt"
51+
content="relp.now.sh - messenger for the web"
52+
/>
2953

30-
<link rel="canonical" href="https://relp.now.sh" />
31-
<link rel="preconnect" href="https://relp-server.herokuapp.com/">
32-
<link rel="dns-prefetch" href="https://relp-server.herokuapp.com/">
33-
<title>Relp (alpha)</title>
34-
<style>
35-
#root{
36-
background-color: var(--color-primary);
37-
}
38-
</style>
39-
</head>
54+
<link rel="canonical" href="https://relp.now.sh" />
55+
<link rel="preconnect" href="https://relp-server.herokuapp.com/" />
56+
<link rel="dns-prefetch" href="https://relp-server.herokuapp.com/" />
57+
<title>Relp (alpha)</title>
58+
<style>
59+
#root {
60+
background-color: var(--color-primary);
61+
}
62+
</style>
63+
</head>
4064

41-
<body>
42-
<noscript>You need to enable JavaScript to share files to anyone.</noscript>
43-
<div id="root"></div>
44-
<div id="popup"></div>
45-
<div id="img"></div>
46-
<audio id="message-tone">
47-
<source src="tones/message-tone.mp3" type="audio/mpeg">
48-
<source src="tones/message-tone.ogg" type="audio/ogg">
49-
</audio>
65+
<body>
66+
<noscript>You need to enable JavaScript to share files to anyone.</noscript>
67+
<div id="root"></div>
68+
<div id="popup"></div>
69+
<div id="img"></div>
70+
<audio id="message-tone">
71+
<source src="tones/message-tone.mp3" type="audio/mpeg" />
72+
<source src="tones/message-tone.ogg" type="audio/ogg" />
73+
</audio>
5074

51-
<!--
75+
<!--
5276
This HTML file is a template.
5377
If you open it directly in the browser, you will see an empty page.
5478
@@ -58,9 +82,15 @@
5882
To begin the development, run `npm start` or `yarn start`.
5983
To create a production bundle, use `npm run build` or `yarn build`.
6084
-->
61-
</body>
85+
</body>
86+
<script type="module">
87+
import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
88+
89+
const el = document.createElement('pwa-update');
90+
document.body.appendChild(el);
91+
</script>
6292

63-
<!-- <script>
93+
<!-- <script>
6494
if('serviceWorker' in navigator){
6595
navigator.serviceWorker.onmessage = (e) => {
6696
const localFile = e.data.file;
@@ -79,5 +109,4 @@
79109
};
80110
}
81111
</script> -->
82-
83112
</html>

‎public/manifest.json

+85-71
Original file line numberDiff line numberDiff line change
@@ -9,81 +9,95 @@
99
"start_url": "./",
1010
"orientation": "portrait",
1111
"icons": [
12-
{
13-
"src": "icon/android-icon-192x192-dunplab-manifest-27309.png",
14-
"type": "image/png",
15-
"sizes": "192x192"
16-
},
17-
{
18-
"src": "icon/apple-icon-180x180-dunplab-manifest-27309.png",
19-
"type": "image/png",
20-
"sizes": "180x180"
21-
},
22-
{
23-
"src": "icon/apple-icon-152x152-dunplab-manifest-27309.png",
24-
"type": "image/png",
25-
"sizes": "152x152"
26-
},
27-
{
28-
"src": "icon/apple-icon-144x144-dunplab-manifest-27309.png",
29-
"type": "image/png",
30-
"sizes": "144x144"
31-
},
32-
{
33-
"src": "icon/apple-icon-120x120-dunplab-manifest-27309.png",
34-
"type": "image/png",
35-
"sizes": "120x120"
36-
},
37-
{
38-
"src": "icon/apple-icon-114x114-dunplab-manifest-27309.png",
39-
"type": "image/png",
40-
"sizes": "114x114"
41-
},
42-
{
43-
"src": "icon/favicon-96x96-dunplab-manifest-27309.png",
44-
"type": "image/png",
45-
"sizes": "96x96"
46-
},
47-
{
48-
"src": "icon/apple-icon-76x76-dunplab-manifest-27309.png",
49-
"type": "image/png",
50-
"sizes": "76x76"
51-
},
52-
{
53-
"src": "icon/apple-icon-72x72-dunplab-manifest-27309.png",
54-
"type": "image/png",
55-
"sizes": "72x72"
56-
},
57-
{
58-
"src": "icon/apple-icon-60x60-dunplab-manifest-27309.png",
59-
"type": "image/png",
60-
"sizes": "60x60"
61-
},
62-
{
63-
"src": "icon/apple-icon-57x57-dunplab-manifest-27309.png",
64-
"type": "image/png",
65-
"sizes": "57x57"
66-
},
67-
{
68-
"src": "icon/favicon-32x32-dunplab-manifest-27309.png",
69-
"type": "image/png",
70-
"sizes": "32x32"
71-
},
72-
{
73-
"src": "icon/favicon-16x16-dunplab-manifest-27309.png",
74-
"type": "image/png",
75-
"sizes": "16x16"
76-
}
12+
{
13+
"src": "icon/android-icon-192x192-dunplab-manifest-27309.png",
14+
"type": "image/png",
15+
"sizes": "192x192"
16+
},
17+
{
18+
"src": "icon/apple-icon-180x180-dunplab-manifest-27309.png",
19+
"type": "image/png",
20+
"sizes": "180x180"
21+
},
22+
{
23+
"src": "icon/apple-icon-152x152-dunplab-manifest-27309.png",
24+
"type": "image/png",
25+
"sizes": "152x152"
26+
},
27+
{
28+
"src": "icon/apple-icon-144x144-dunplab-manifest-27309.png",
29+
"type": "image/png",
30+
"sizes": "144x144"
31+
},
32+
{
33+
"src": "icon/apple-icon-120x120-dunplab-manifest-27309.png",
34+
"type": "image/png",
35+
"sizes": "120x120"
36+
},
37+
{
38+
"src": "icon/apple-icon-114x114-dunplab-manifest-27309.png",
39+
"type": "image/png",
40+
"sizes": "114x114"
41+
},
42+
{
43+
"src": "icon/favicon-96x96-dunplab-manifest-27309.png",
44+
"type": "image/png",
45+
"sizes": "96x96"
46+
},
47+
{
48+
"src": "icon/apple-icon-76x76-dunplab-manifest-27309.png",
49+
"type": "image/png",
50+
"sizes": "76x76"
51+
},
52+
{
53+
"src": "icon/apple-icon-72x72-dunplab-manifest-27309.png",
54+
"type": "image/png",
55+
"sizes": "72x72"
56+
},
57+
{
58+
"src": "icon/apple-icon-60x60-dunplab-manifest-27309.png",
59+
"type": "image/png",
60+
"sizes": "60x60"
61+
},
62+
{
63+
"src": "icon/apple-icon-57x57-dunplab-manifest-27309.png",
64+
"type": "image/png",
65+
"sizes": "57x57"
66+
},
67+
{
68+
"src": "icon/favicon-32x32-dunplab-manifest-27309.png",
69+
"type": "image/png",
70+
"sizes": "32x32"
71+
},
72+
{
73+
"src": "icon/favicon-16x16-dunplab-manifest-27309.png",
74+
"type": "image/png",
75+
"sizes": "16x16"
76+
}
7777
],
7878
"share_target": {
7979
"action": "/share-target",
8080
"method": "POST",
8181
"enctype": "multipart/form-data",
8282
"params": {
83-
"files": [{
84-
"name": "file",
85-
"accept": ["*/*"]
86-
}]
83+
"files": [
84+
{
85+
"name": "file",
86+
"accept": ["*/*"]
87+
}
88+
]
89+
}
90+
},
91+
"screenshots": [
92+
{
93+
"src": "icon/desktop_screenshot.png",
94+
"sizes": "1280x800",
95+
"type": "image/png"
96+
},
97+
{
98+
"src": "icon/mobile_screenshot.png",
99+
"sizes": "750x1334",
100+
"type": "image/png"
87101
}
88-
}
89-
}
102+
]
103+
}

0 commit comments

Comments
 (0)