hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add favicons

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
assets/android-chrome-192x192.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

assets/apple-touch-icon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

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

After

Width:  |  Height:  |  Size: 905 B

assets/favicon-32x32.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

assets/favicon.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

assets/js/baseof.js
+3
View File
@@ -18,6 +18,9 @@ function initTheme() {
function loadTheme() { function loadTheme() {
root.style.setProperty('--theme', theme); root.style.setProperty('--theme', theme);
document
.querySelector('meta[name="theme-color"]')
.setAttribute('content', theme === 'light' ? '#FBFBFB' : '#1D1B1B');
root.style.setProperty( root.style.setProperty(
'--background', '--background',
theme === 'light' ? 'var(--light-background)' : 'var(--dark-background)' theme === 'light' ? 'var(--light-background)' : 'var(--dark-background)'
layouts/_default/baseof.html
+13
View File
@@ -1,10 +1,23 @@
{{ $styles := resources.Get "css/baseof.css" | toCSS | minify }} {{ $styles := resources.Get "css/baseof.css" | toCSS | minify }}
{{ $scripts := resources.Get "js/baseof.js" | js.Build | 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> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <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 }}"> <link rel="stylesheet" href="{{ $styles.Permalink }}">
{{ block "styles" . }}{{ end }} {{ block "styles" . }}{{ end }}