Skip to content

Commit 6181a28

Browse files
AJsQuestionsAJsQuestions
committed
🎨 Add adaptive SVG favicon
- Created favicon.svg that adapts to light/dark mode - Uses prefers-color-scheme media query - Falls back to PNG for older browsers
1 parent 3489043 commit 6181a28

File tree

15 files changed

+39
-16
lines changed

15 files changed

+39
-16
lines changed

‎layouts/partials/head.html‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -95,12 +95,11 @@
9595
{{- end }}
9696
{{- end }}
9797

98-
{{- /* Favicons */}}
99-
<link rel="icon" href="{{ site.Params.assets.favicon | default "favicon.ico" | absURL }}">
100-
<link rel="icon" type="image/png" sizes="16x16" href="{{ site.Params.assets.favicon16x16 | default "favicon-16x16.png" | absURL }}">
98+
{{- /* Favicons - SVG adapts to light/dark mode */}}
99+
<link rel="icon" type="image/svg+xml" href="{{ "favicon.svg" | absURL }}">
101100
<link rel="icon" type="image/png" sizes="32x32" href="{{ site.Params.assets.favicon32x32 | default "favicon-32x32.png" | absURL }}">
101+
<link rel="icon" type="image/png" sizes="16x16" href="{{ site.Params.assets.favicon16x16 | default "favicon-16x16.png" | absURL }}">
102102
<link rel="apple-touch-icon" href="{{ site.Params.assets.apple_touch_icon | default "apple-touch-icon.png" | absURL }}">
103-
<!-- <link rel="mask-icon" href="{{ site.Params.assets.safari_pinned_tab | default "safari-pinned-tab.svg" | absURL }}"> -->
104103
<meta name="theme-color" content="{{ site.Params.assets.theme_color | default "#0a0a0b" }}">
105104
<meta name="msapplication-TileColor" content="{{ site.Params.assets.msapplication_TileColor | default "#0a0a0b" }}">
106105

‎public/404.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
<!doctype html><html lang=en dir=auto><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><link rel=preconnect href=https://fonts.googleapis.com><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel=stylesheet><meta name=robots content="index, follow"><title>404 Page not found | AJ</title><meta name=keywords content><meta name=description content="Financial Data Science | PhD @ UCLA Anderson | HBS | Booth | IIM-B | MS FinMath UChicago"><meta name=author content="AJ"><link rel=canonical href=https://ajsquestions.github.io/404.html><link crossorigin=anonymous href=/assets/css/stylesheet.c622fbe00d0b3b8dab602aa70e8aea64d0ecffe0568ba1d7c2be5b5c6fa58b1b.css integrity="sha256-xiL74A0LO42rYCqnDorqZNDs/+BWi6HXwr5bXG+lixs=" rel="preload stylesheet" as=style><link rel=icon href=https://ajsquestions.github.io/favicon.ico><link rel=icon type=image/png sizes=16x16 href=https://ajsquestions.github.io/favicon-16x16.png><link rel=icon type=image/png sizes=32x32 href=https://ajsquestions.github.io/favicon-32x32.png><link rel=apple-touch-icon href=https://ajsquestions.github.io/apple-touch-icon.png><meta name=theme-color content="#0a0a0b"><meta name=msapplication-TileColor content="#0a0a0b"><link rel=alternate hreflang=en href=https://ajsquestions.github.io/404.html><noscript><style>#theme-toggle,.top-link{display:none}</style></noscript><meta property="og:title" content="404 Page not found"><meta property="og:description" content="Financial Data Science | PhD @ UCLA Anderson | HBS | Booth | IIM-B | MS FinMath UChicago"><meta property="og:type" content="website"><meta property="og:url" content="https://ajsquestions.github.io/404.html"><meta name=twitter:card content="summary"><meta name=twitter:title content="404 Page not found"><meta name=twitter:description content="Financial Data Science | PhD @ UCLA Anderson | HBS | Booth | IIM-B | MS FinMath UChicago"><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.css integrity=sha384-RZU/ijkSsFbcmivfdRBQDtwuwVqK7GMOw6IMvKyeWL2K5UAlyp6WonmB8m7Jd0Hn crossorigin=anonymous><script defer src=https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.js integrity=sha384-pK1WpvzWVBQiP0/GjnvRxV4mOb0oxFuyRxJlk6vVw146n3egcN5C925NCP7a7BY8 crossorigin=anonymous></script><script defer src=https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/contrib/auto-render.min.js integrity=sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl crossorigin=anonymous></script><script>document.addEventListener("DOMContentLoaded",function(){renderMathInElement(document.body,{delimiters:[{left:"$$",right:"$$",display:!0},{left:"$",right:"$",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{equation*}",right:"\\end{equation*}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{align*}",right:"\\end{align*}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0}],throwOnError:!1})})</script></head><body class="list dark" id=top><script>localStorage.getItem("pref-theme")==="light"&&document.body.classList.remove("dark")</script><header class=header><nav class=nav><div class=logo><a href=https://ajsquestions.github.io/ accesskey=h title=AJ><img src=https://ajsquestions.github.io/favicon-16x16.png alt aria-label=logo height=18 width=18>AJ</a><div class=logo-switches><button id=theme-toggle accesskey=t title="(Alt + T)">
1+
<!doctype html><html lang=en dir=auto><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><link rel=preconnect href=https://fonts.googleapis.com><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel=stylesheet><meta name=robots content="index, follow"><title>404 Page not found | AJ</title><meta name=keywords content><meta name=description content="Financial Data Science | PhD @ UCLA Anderson | HBS | Booth | IIM-B | MS FinMath UChicago"><meta name=author content="AJ"><link rel=canonical href=https://ajsquestions.github.io/404.html><link crossorigin=anonymous href=/assets/css/stylesheet.c622fbe00d0b3b8dab602aa70e8aea64d0ecffe0568ba1d7c2be5b5c6fa58b1b.css integrity="sha256-xiL74A0LO42rYCqnDorqZNDs/+BWi6HXwr5bXG+lixs=" rel="preload stylesheet" as=style><link rel=icon type=image/svg+xml href=https://ajsquestions.github.io/favicon.svg><link rel=icon type=image/png sizes=32x32 href=https://ajsquestions.github.io/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://ajsquestions.github.io/favicon-16x16.png><link rel=apple-touch-icon href=https://ajsquestions.github.io/apple-touch-icon.png><meta name=theme-color content="#0a0a0b"><meta name=msapplication-TileColor content="#0a0a0b"><link rel=alternate hreflang=en href=https://ajsquestions.github.io/404.html><noscript><style>#theme-toggle,.top-link{display:none}</style></noscript><meta property="og:title" content="404 Page not found"><meta property="og:description" content="Financial Data Science | PhD @ UCLA Anderson | HBS | Booth | IIM-B | MS FinMath UChicago"><meta property="og:type" content="website"><meta property="og:url" content="https://ajsquestions.github.io/404.html"><meta name=twitter:card content="summary"><meta name=twitter:title content="404 Page not found"><meta name=twitter:description content="Financial Data Science | PhD @ UCLA Anderson | HBS | Booth | IIM-B | MS FinMath UChicago"><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.css integrity=sha384-RZU/ijkSsFbcmivfdRBQDtwuwVqK7GMOw6IMvKyeWL2K5UAlyp6WonmB8m7Jd0Hn crossorigin=anonymous><script defer src=https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.js integrity=sha384-pK1WpvzWVBQiP0/GjnvRxV4mOb0oxFuyRxJlk6vVw146n3egcN5C925NCP7a7BY8 crossorigin=anonymous></script><script defer src=https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/contrib/auto-render.min.js integrity=sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl crossorigin=anonymous></script><script>document.addEventListener("DOMContentLoaded",function(){renderMathInElement(document.body,{delimiters:[{left:"$$",right:"$$",display:!0},{left:"$",right:"$",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{equation*}",right:"\\end{equation*}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{align*}",right:"\\end{align*}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0}],throwOnError:!1})})</script></head><body class="list dark" id=top><script>localStorage.getItem("pref-theme")==="light"&&document.body.classList.remove("dark")</script><header class=header><nav class=nav><div class=logo><a href=https://ajsquestions.github.io/ accesskey=h title=AJ><img src=https://ajsquestions.github.io/favicon-16x16.png alt aria-label=logo height=18 width=18>AJ</a><div class=logo-switches><button id=theme-toggle accesskey=t title="(Alt + T)">
22
<svg id="moon" width="24" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg>
33
<svg id="sun" width="24" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg></button><ul class=lang-switch><li>|</li></ul></div></div><ul id=menu><li><a href=https://ajsquestions.github.io/about/ title=About><span>About</span></a></li><li><a href=https://ajsquestions.github.io/research/ title=Research><span>Research</span></a></li><li><a href=https://ajsquestions.github.io/teaching/ title=Teaching><span>Teaching</span></a></li><li><a href=https://ajsquestions.github.io/projects/ title=Projects><span>Projects</span></a></li><li><a href=https://ajsquestions.github.io/questions/ title=Questions><span>Questions</span></a></li><li><a href=https://ajsquestions.github.io/contact/ title=Contact><span>Contact</span></a></li></ul></nav></header><main class=main><div class=not-found>404</div></main><script>let menu=document.getElementById("menu");menu&&(menu.scrollLeft=localStorage.getItem("menu-scroll-position"),menu.onscroll=function(){localStorage.setItem("menu-scroll-position",menu.scrollLeft)}),document.querySelectorAll('a[href^="#"]').forEach(e=>{e.addEventListener("click",function(e){e.preventDefault();var t=this.getAttribute("href").substr(1);window.matchMedia("(prefers-reduced-motion: reduce)").matches?document.querySelector(`[id='${decodeURIComponent(t)}']`).scrollIntoView():document.querySelector(`[id='${decodeURIComponent(t)}']`).scrollIntoView({behavior:"smooth"}),t==="top"?history.replaceState(null,null," "):history.pushState(null,null,`#${t}`)})})</script><script>document.getElementById("theme-toggle").addEventListener("click",()=>{document.body.className.includes("dark")?(document.body.classList.remove("dark"),localStorage.setItem("pref-theme","light")):(document.body.classList.add("dark"),localStorage.setItem("pref-theme","dark"))})</script></body></html>

0 commit comments

Comments
 (0)