mirror/vanilla-todo
1
0
Fork 0
mirror of https://github.com/morris/vanilla-todo.git synced 2025-08-19 04:11:18 +02:00
Code Issues Releases Wiki Activity

add pwa manifest, add icons

Browse Source
This commit is contained in:
Morris Brodersen
2024-02-02 17:25:37 +01:00
parent dd29d07d31
commit 8ef7022267
4 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/images/icon.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12"><path fill="#545e75" d="M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0Zm-.705 8.737L9.63 4.403 8.392 3.166 5.295 6.263l-1.7-1.702L2.356 5.8l2.938 2.938Z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 238 B

BIN
public/images/icon512x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

5
public/index.html
View File

@@ -4,6 +4,7 @@
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#fefefe" />
<title>VANILLA TODO</title>
<meta
@@ -13,6 +14,8 @@
<link rel="preconnect" href="https://cdn.jsdelivr.net" />
<link rel="icon" type="image/x-icon" href="images/icon.svg" />
<link rel="modulepreload" href="scripts/AppCollapsible.js" />
<link rel="modulepreload" href="scripts/AppDatePicker.js" />
<link rel="modulepreload" href="scripts/AppDraggable.js" />
@@ -47,6 +50,8 @@
<link rel="stylesheet" href="styles/todo-frame.css" />
<link rel="stylesheet" href="styles/todo-item-input.css" />
<link rel="stylesheet" href="styles/todo-item.css" />
<link rel="manifest" href="manifest.json" />
</head>
<body>
<div class="todo-app"></div>

22
public/manifest.json Normal file
View File

@@ -0,0 +1,22 @@
{
"name": "VANILLA TODO",
"short_name": "VANILLA TODO",
"start_url": ".",
"display": "standalone",
"background_color": "#fefefe",
"theme_color": "#fefefe",
"description": "A to-do app in plain HTML, CSS and JavaScript",
"icons": [
{
"src": "images/icon.svg",
"sizes": "any",
"type": "image/svg+xml"
},
{
"src": "images/icon512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}