Add favicons, fix build issues; fixes #68

jegtnes · Feb 24, 2024 · 7ea9cf8 · 7ea9cf8
1 parent e42e5f7
commit 7ea9cf8
Show file tree

Hide file tree

Showing 9 changed files with 33 additions and 4 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -12,9 +12,6 @@ const ariaCurrent = require("./src/_shortcodes/aria-current");
 const { humanPostDate, isoPostDate } = require("./src/_filters/date");
 
 module.exports = function (eleventyConfig) {
-  eleventyConfig.addPassthroughCopy("src/assets");
-  eleventyConfig.addPassthroughCopy({ 'src/robots.txt': '/robots.txt' });
-
   eleventyConfig.addWatchTarget("src/_filters");
   eleventyConfig.addWatchTarget("src/_shortcodes");
   eleventyConfig.addWatchTarget("src/_styles");
@@ -33,6 +30,11 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addPlugin(metagen);
   eleventyConfig.addPlugin(EleventyVitePlugin);
 
+  eleventyConfig.addPassthroughCopy("public");
+  eleventyConfig.addPassthroughCopy("src/assets");
+  eleventyConfig.addPassthroughCopy({ "src/assets/favicons": "public" });
+  eleventyConfig.addPassthroughCopy({ "src/*.txt": "public" });
+
   const mdLib = markdownIt({
     html: true,
     breaks: true,

diff --git a/src/_layouts/global.njk b/src/_layouts/global.njk
@@ -21,6 +21,10 @@
       custom=custom,
       css=["/assets/styles/styles.css"]
     %}
+    <link rel="icon" href="/favicon.ico" sizes="48x48" >
+    <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
+    <link rel="manifest" href="/manifest.json" />
   </head>
   <body>
     {% include './_partials/header.njk' %}

diff --git a/src/assets/favicons/android-chrome-192x192.png b/src/assets/favicons/android-chrome-192x192.png
diff --git a/src/assets/favicons/android-chrome-512x512.png b/src/assets/favicons/android-chrome-512x512.png
diff --git a/src/assets/favicons/apple-touch-icon.png b/src/assets/favicons/apple-touch-icon.png
diff --git a/src/assets/favicons/favicon.ico b/src/assets/favicons/favicon.ico
diff --git a/src/assets/favicons/favicon.svg b/src/assets/favicons/favicon.svg
diff --git a/src/assets/favicons/manifest.json b/src/assets/favicons/manifest.json
@@ -0,0 +1,19 @@
+{
+    "name": "The website and blog of Alex Jegtnes, a freelance front-end developer",
+    "short_name": "Alex Jegtnes",
+    "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": "#001C54",
+    "display": "standalone"
+}
diff --git a/src/rss.njk b/src/rss.njk
@@ -1,5 +1,5 @@
 ---
-"permalink": "feed.xml"
+"permalink": "/public/feed.xml"
 eleventyExcludeFromCollections: true
 metadata:
   title: "Alex Jegtnes' blog"