Add favicons

This commit is contained in:
Hazem Krimi
2023-11-07 18:50:33 +01:00
parent 8c0894205b
commit 420e348cad
8 changed files with 21 additions and 5 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

+5 -5
View File
@@ -15,13 +15,13 @@
:root {
/* Colors */
--black: #131314;
--white: #ffffff;
--crimson: #bd1839;
--light-gray: #e7e7e7;
--white: white;
--crimson: #BD1839;
--light-gray: #E7E7E7;
/* Background colors */
--dark-background: #1d1b1b;
--light-background: #fbfbfb;
--dark-background: #1D1B1B;
--light-background: #FBFBFB;
/* Radiuses */
--card-radius: 1.875rem;
Binary file not shown.

After

Width:  |  Height:  |  Size: 905 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

+3
View File
@@ -18,6 +18,9 @@ function initTheme() {
function loadTheme() {
root.style.setProperty('--theme', theme);
document
.querySelector('meta[name="theme-color"]')
.setAttribute('content', theme === 'light' ? '#FBFBFB' : '#1D1B1B');
root.style.setProperty(
'--background',
theme === 'light' ? 'var(--light-background)' : 'var(--dark-background)'
+13
View File
@@ -1,10 +1,23 @@
{{ $styles := resources.Get "css/baseof.css" | toCSS | minify }}
{{ $scripts := resources.Get "js/baseof.js" | js.Build | minify }}
{{ $androidChromeIcon := resources.Get "android-chrome-192x192.png" }}
{{ $appleTouchIcon := resources.Get "apple-touch-icon.png" }}
{{ $favIcon32 := resources.Get "favicon-32x32.png" }}
{{ $favIcon16 := resources.Get "favicon-16x16.png" }}
{{ $favIcon := resources.Get "favicon.ico" }}
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#FBFBFB" />
<link rel="icon" sizes="192x192" href="{{ $androidChromeIcon.Permalink }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ $appleTouchIcon.Permalink }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ $favIcon32.Permalink }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ $favIcon16.Permalink }}">
<link rel="icon" type="image/x-icon" href="{{ $favIcon.Permalink }}">
<link rel="stylesheet" href="{{ $styles.Permalink }}">
{{ block "styles" . }}{{ end }}