Add app icon, web app manifest
@@ -95,7 +95,7 @@ export default class ApplicationComponent extends Component {
|
|||||||
}
|
}
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
{{pageTitle "M/\RCO"}}
|
{{pageTitle "Marco"}}
|
||||||
|
|
||||||
<AppHeader @onToggleMenu={{this.toggleSettings}} />
|
<AppHeader @onToggleMenu={{this.toggleSettings}} />
|
||||||
|
|
||||||
|
|||||||
20
index.html
@@ -6,6 +6,26 @@
|
|||||||
<meta name="description" content="">
|
<meta name="description" content="">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- App identity -->
|
||||||
|
<meta name="application-name" content="Marco">
|
||||||
|
<meta name="apple-mobile-web-app-title" content="Marco">
|
||||||
|
<meta name="theme-color" content="#F6E9A6">
|
||||||
|
|
||||||
|
<!-- PWA Manifest -->
|
||||||
|
<link rel="manifest" href="/manifest.webmanifest">
|
||||||
|
|
||||||
|
<!-- Icons -->
|
||||||
|
<link rel="icon" href="/icons/icon.svg" type="image/svg+xml">
|
||||||
|
|
||||||
|
<!-- iOS -->
|
||||||
|
<link rel="apple-touch-icon" href="/icons/icon-180.png">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
||||||
|
|
||||||
|
<!-- Windows -->
|
||||||
|
<meta name="msapplication-TileColor" content="#F6E9A6">
|
||||||
|
<meta name="msapplication-TileImage" content="/icons/icon-144.png">
|
||||||
|
|
||||||
<link rel="stylesheet" href="/app/styles/app.css">
|
<link rel="stylesheet" href="/app/styles/app.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
BIN
public/icons/icon-1024.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
public/icons/icon-144.png
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
public/icons/icon-152.png
Normal file
|
After Width: | Height: | Size: 3.8 KiB |
BIN
public/icons/icon-167.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
public/icons/icon-180.png
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
public/icons/icon-192.png
Normal file
|
After Width: | Height: | Size: 4.8 KiB |
BIN
public/icons/icon-32.png
Normal file
|
After Width: | Height: | Size: 727 B |
BIN
public/icons/icon-48.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/icons/icon-512.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
public/icons/icon-maskable.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
45
public/icons/icon-rounded.svg
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
<svg
|
||||||
|
width="1024"
|
||||||
|
height="1024"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<!-- Background -->
|
||||||
|
<rect
|
||||||
|
x="0"
|
||||||
|
y="0"
|
||||||
|
width="1024"
|
||||||
|
height="1024"
|
||||||
|
rx="220"
|
||||||
|
fill="#F6E9A6"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- Subtle map grid (kept well outside safe zone) -->
|
||||||
|
<g stroke="#E6D88A" stroke-width="10" opacity="0.6">
|
||||||
|
<line x1="256" y1="0" x2="256" y2="1024" />
|
||||||
|
<line x1="512" y1="0" x2="512" y2="1024" />
|
||||||
|
<line x1="768" y1="0" x2="768" y2="1024" />
|
||||||
|
|
||||||
|
<line x1="0" y1="256" x2="1024" y2="256" />
|
||||||
|
<line x1="0" y1="512" x2="1024" y2="512" />
|
||||||
|
<line x1="0" y1="768" x2="1024" y2="768" />
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<!-- Location pin (exact app shape, larger, centered, safe-zone compliant) -->
|
||||||
|
<!-- Safe zone target: ~680px diameter -->
|
||||||
|
<g
|
||||||
|
transform="
|
||||||
|
translate(512 512)
|
||||||
|
scale(22)
|
||||||
|
translate(-12 -12)
|
||||||
|
"
|
||||||
|
fill="#ea4335"
|
||||||
|
stroke="#b31412"
|
||||||
|
stroke-width="1"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
|
||||||
|
<circle cx="12" cy="10" r="3" fill="#b31412" stroke="none" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
44
public/icons/icon.svg
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
<svg
|
||||||
|
width="1024"
|
||||||
|
height="1024"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<!-- Background -->
|
||||||
|
<rect
|
||||||
|
x="0"
|
||||||
|
y="0"
|
||||||
|
width="1024"
|
||||||
|
height="1024"
|
||||||
|
fill="#F6E9A6"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- Subtle map grid (kept well outside safe zone) -->
|
||||||
|
<g stroke="#E6D88A" stroke-width="10" opacity="0.6">
|
||||||
|
<line x1="256" y1="0" x2="256" y2="1024" />
|
||||||
|
<line x1="512" y1="0" x2="512" y2="1024" />
|
||||||
|
<line x1="768" y1="0" x2="768" y2="1024" />
|
||||||
|
|
||||||
|
<line x1="0" y1="256" x2="1024" y2="256" />
|
||||||
|
<line x1="0" y1="512" x2="1024" y2="512" />
|
||||||
|
<line x1="0" y1="768" x2="1024" y2="768" />
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<!-- Location pin (exact app shape, larger, centered, safe-zone compliant) -->
|
||||||
|
<!-- Safe zone target: ~680px diameter -->
|
||||||
|
<g
|
||||||
|
transform="
|
||||||
|
translate(512 512)
|
||||||
|
scale(22)
|
||||||
|
translate(-12 -12)
|
||||||
|
"
|
||||||
|
fill="#ea4335"
|
||||||
|
stroke="#b31412"
|
||||||
|
stroke-width="1"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
|
||||||
|
<circle cx="12" cy="10" r="3" fill="#b31412" stroke="none" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
28
public/manifest.webmanifest
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
{
|
||||||
|
"name": "Marco",
|
||||||
|
"short_name": "Marco",
|
||||||
|
"description": "Marco (as in Marco Polo) is an unhosted maps application that respects your privacy and choices",
|
||||||
|
"start_url": "/",
|
||||||
|
"scope": "/",
|
||||||
|
"display": "standalone",
|
||||||
|
"background_color": "#F6E9A6",
|
||||||
|
"theme_color": "#F6E9A6",
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "/icons/icon-192.png",
|
||||||
|
"sizes": "192x192",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "/icons/icon-512.png",
|
||||||
|
"sizes": "512x512",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "/icons/icon-maskable.png",
|
||||||
|
"sizes": "512x512",
|
||||||
|
"type": "image/png",
|
||||||
|
"purpose": "maskable"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||