Browse Source

feat: change favicon to halo logo

Signed-off-by: Ryan Wang <i@ryanc.cc>
pull/624/head
Ryan Wang 2 years ago
parent
commit
2b9ddcfa56
  1. 103
      index.html
  2. BIN
      public/android-chrome-192x192.png
  3. BIN
      public/android-chrome-512x512.png
  4. BIN
      public/apple-touch-icon.png
  5. 9
      public/browserconfig.xml
  6. BIN
      public/favicon-16x16.png
  7. BIN
      public/favicon-32x32.png
  8. BIN
      public/favicon.ico
  9. BIN
      public/mstile-150x150.png
  10. 19
      public/site.webmanifest

103
index.html

@ -1,55 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="webkit" name="renderer"/>
<meta
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
name="viewport"
/>
<meta content="noindex,nofollow" name="robots"/>
<title>Halo</title>
<link href="/favicon.ico" rel="icon"/>
<%- injectScript %>
<style>
body {
height: 100%;
background-color: #f5f5f5;
}
<head>
<meta charset="UTF-8" />
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<meta content="webkit" name="renderer" />
<meta
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
name="viewport"
/>
<meta content="noindex,nofollow" name="robots" />
<title>Halo</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<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="/site.webmanifest" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<%- injectScript %>
<style>
body {
height: 100%;
background-color: #f5f5f5;
}
#loader {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border: solid 3px #e5e5e5;
border-top-color: #333;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 0.6s linear infinite;
}
#loader {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border: solid 3px #e5e5e5;
border-top-color: #333;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 0.6s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
@keyframes spin {
to {
transform: rotate(360deg);
}
}
}
</style>
</head>
<body>
<noscript>
<strong>
We're sorry but halo admin client doesn't work properly without
JavaScript enabled. Please enable it to continue.
</strong>
</noscript>
<div id="app">
<div id="loader"></div>
</div>
<script src="/src/main.ts" type="module"></script>
</body>
</style>
</head>
<body>
<noscript>
<strong>
We're sorry but halo admin client doesn't work properly without
JavaScript enabled. Please enable it to continue.
</strong>
</noscript>
<div id="app">
<div id="loader"></div>
</div>
<script src="/src/main.ts" type="module"></script>
</body>
</html>

BIN
public/android-chrome-192x192.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
public/android-chrome-512x512.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

BIN
public/apple-touch-icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

9
public/browserconfig.xml

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="./mstile-150x150.png"/>
<TileColor>#da532c</TileColor>
</tile>
</msapplication>
</browserconfig>

BIN
public/favicon-16x16.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/favicon-32x32.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
public/favicon.ico

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/mstile-150x150.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

19
public/site.webmanifest

@ -0,0 +1,19 @@
{
"name": "",
"short_name": "",
"icons": [
{
"src": "./android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "./android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}
Loading…
Cancel
Save