Browse Source

Adding icons

Ryan Howell 11 months ago
parent
commit
6f1c1dc00e

BIN
heimdall-web/assets/images/icons/android-chrome-192x192.png


BIN
heimdall-web/assets/images/icons/android-chrome-256x256.png


BIN
heimdall-web/assets/images/icons/apple-touch-icon-114x114.png


BIN
heimdall-web/assets/images/icons/apple-touch-icon-120x120.png


BIN
heimdall-web/assets/images/icons/apple-touch-icon-144x144.png


BIN
heimdall-web/assets/images/icons/apple-touch-icon-152x152.png


BIN
heimdall-web/assets/images/icons/apple-touch-icon-180x180.png


BIN
heimdall-web/assets/images/icons/apple-touch-icon-57x57.png


BIN
heimdall-web/assets/images/icons/apple-touch-icon-60x60.png


BIN
heimdall-web/assets/images/icons/apple-touch-icon-72x72.png


BIN
heimdall-web/assets/images/icons/apple-touch-icon-76x76.png


BIN
heimdall-web/assets/images/icons/apple-touch-icon.png


+ 9 - 0
heimdall-web/assets/images/icons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="https://heimdall.rhowell.io/assets/images/icons/mstile-150x150.png"/>
+            <TileColor>#00a300</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

BIN
heimdall-web/assets/images/icons/favicon-16x16.png


BIN
heimdall-web/assets/images/icons/favicon-32x32.png


BIN
heimdall-web/assets/images/icons/favicon.ico


BIN
heimdall-web/assets/images/icons/mstile-150x150.png


+ 1 - 0
heimdall-web/assets/images/icons/safari-pinned-tab.svg

@@ -0,0 +1 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="346.667" height="346.667" viewBox="0 0 260.000000 260.000000"><path d="M0 130v130h260V0H0v130zm107-36v27h51V67h18v129h-18v-60h-51v60H90V67h17v27z"/></svg>

+ 20 - 0
heimdall-web/assets/images/icons/site.webmanifest

@@ -0,0 +1,20 @@
+{
+    "name": "Heimdall",
+    "short_name": "Heimdall",
+    "icons": [
+        {
+            "src": "https://heimdall.rhowell.io/assets/images/icons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "https://heimdall.rhowell.io/assets/images/icons/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#4caf50",
+    "background_color": "#4caf50",
+    "start_url": "https://heimdall.rhowell.io/",
+    "display": "standalone"
+}

+ 9 - 1
heimdall-web/views/layout.hbs

@@ -7,7 +7,15 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 	<meta name="description" content="Ryan Howell <contact@rhowell.io>">
 
-	<link rel="shortcut icon" type="image/png" href="/assets/images/favicon.png"/>
+	<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/icons/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/icons/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/icons/favicon-16x16.png">
+	<link rel="manifest" href="/assets/images/icons/site.webmanifest">
+	<link rel="mask-icon" href="/assets/images/icons/safari-pinned-tab.svg" color="#4caf50">
+	<link rel="shortcut icon" href="/assets/images/icons/favicon.ico">
+	<meta name="msapplication-TileColor" content="#00a300">
+	<meta name="msapplication-config" content="/assets/images/icons/browserconfig.xml">
+	<meta name="theme-color" content="#4caf50">
 	<link rel="stylesheet" href="/public/{{assets.site.css}}">
 </head>
 <body>