Add maskable icons (and some PWA-related settings)

This commit is contained in:
Lorenzo Breda
2021-09-09 00:47:10 +02:00
parent dceea6795a
commit e9f2f56634
14 changed files with 95 additions and 6 deletions

View File

@@ -1,8 +1,28 @@
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
{# main icons #}
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="manifest.webmanifest">
{# iOS icons #}
<link rel="apple-touch-icon" sizes="76x76" href="maskable76.png">
<link rel="apple-touch-icon" sizes="120x120" href="maskable120.png">
<link rel="apple-touch-icon" sizes="152x152" href="maskable152.png">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
{# Pinned tab #}
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#1e6581">
<meta name="msapplication-TileColor" content="#1e6581">
{# Android #}
<link href="maskable192.png" rel="icon" sizes="192x192">
<link href="maskable128.png" rel="icon" sizes="128x128">
{# Manifest #}
<link rel="manifest" href="/manifest.webmanifest">
{# Android colors #}
<meta name="theme-color" content="#1e6581">
{# Microsoft meta #}
<meta name="msapplication-TileColor" content="#1e6581">
<meta name="msapplication-TileImage" content="maskable.png">
<meta name="msapplication-tap-highlight" content="no">
<meta name="application-name" content="Firefly III">