Theme: Add support for SVG favicon

Often much smaller than the ICO or PNG variant, even if the ICO is only at low-res (no HiDPI), the SVG icons I checked for several OpenJS Foundation projects were all smaller than their 32px ICO counterparts.
qunitjs · Dec 11, 2020 · 4d74570 · 4d74570
1 parent e3c391f
commit 4d74570
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/_config.yml b/_config.yml
@@ -24,6 +24,8 @@ amethyst:
   # Base URI for "Edit this page" links.
   # When set, this is combined with the relative path to the Markdown file in the repo.
   edituri_base: https://github.com/qunitjs/jekyll-theme-amethyst/blob/main/
+  # Defaults to "/favicon.svg"
+  favicon:
   header_logo:
     src:
     width:

diff --git a/_layouts/wrapper.html b/_layouts/wrapper.html
@@ -3,7 +3,7 @@
 <meta charset="utf-8">
 <title>{% if page.title %}{{ page.title | escape }} | {% endif %}{{ site.title | escape }}</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="icon" href="/favicon.ico">
+<link rel="icon" href="{{ site.amethyst.favicon | default: '/favicon.svg' }}">
 <link rel="stylesheet" href="/assets/styles.css" media="screen">
 {% include opengraph.html -%}
 <body>

diff --git a/favicon.svg b/favicon.svg