Reimar/whatsapp-send
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement adding to home screen

Browse Source
This commit is contained in:
Reimar 2025-03-15 14:32:15 +01:00
parent 2ac81761e2
commit fbb617ff4e
Signed by: Reimar
GPG Key ID: 93549FA07F0AE268
3 changed files with 34 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
icon.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<rect x="0" y="0" width="100" height="100" fill="#EFE9DD" />
<ellipse cx="50" cy="50" rx="25" ry="20" fill="#1DAA61" />
<polygon points="27,73 30,50 70,50" fill="#1DAA61" />
<line x1="40" y1="50" x2="60" y2="50" stroke-width="3" stroke="#FEFEFE" />
<line x1="50" y1="40" x2="50" y2="60" stroke-width="3" stroke="#FEFEFE" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 441 B

7
index.html
View File

@ -1,9 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Start a new WhatsApp Chat</title> <title>New WhatsApp Chat</title>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="manifest" href="webmanifest.json" />
<script> <script>
function getLink() { function getLink() {
var phone = document.getElementById("phone").value.replace(/\D/g, ""); var phone = document.getElementById("phone").value.replace(/\D/g, "");
@ -38,6 +39,9 @@
text-align: center; text-align: center;
font-family: sans-serif; font-family: sans-serif;
} }
* {
-webkit-tap-highlight-color: transparent;
}
h1 { h1 {
margin-bottom: 0; margin-bottom: 0;
opacity: 0.7; opacity: 0.7;
@ -83,6 +87,7 @@
font-size: 0.75rem; font-size: 0.75rem;
width: 100%; width: 100%;
max-width: 400px; max-width: 400px;
box-sizing: border-box;
} }
input:focus, textarea:focus { input:focus, textarea:focus {
outline: none; outline: none;

17
webmanifest.json Normal file
View File

@ -0,0 +1,17 @@
{
"short_name": "New chat",
"name": "New WhatsApp chat",
"icons": [
{
"src": "icon.svg",
"sizes": "any",
"type": "image/svg+xml",
"purpose": "maskable"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#1DAA61",
"background_color": "#EFE9DD"
}