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