add favicon

.eleventy.js

@@ -14,7 +14,7 @@ const DocumentModelConverter = require('./lib/document-model-converter.js')
 asciidoctor.ConverterFactory.register(new DocumentModelConverter(), ['json'])
 
 module.exports = function (eleventyConfig, rest) {
-  eleventyConfig.addPassthroughCopy('pages/**/*.{jpg,png,gif,svg,ico,txt,json}')
+  eleventyConfig.addPassthroughCopy('pages/**/*.{jpg,png,gif,svg,ico,txt,json,webmanifest,xml}')
   eleventyConfig.setBrowserSyncConfig({
     files: ['_site/**/*'],
     open: false

data/favicon/.gitignore

+dist/

data/favicon/generate.sh

+#!/bin/bash
+
+OUTDIR=dist
+
+mkdir -p $OUTDIR
+
+# Apple
+convert -background none -filter Lanczos -distort resize 180x logo-fill-color.svg $OUTDIR/asciidoc-logo-apple-touch-180.png
+# Microsoft
+convert -background none -filter Lanczos -distort resize 70x logo-fill-white.svg $OUTDIR/asciidoc-logo-mstile-70.png
+convert -background none -filter Lanczos -distort resize 150x logo-fill-white.svg $OUTDIR/asciidoc-logo-mstile-150.png
+convert -background none -gravity center -extent 310x150 $OUTDIR/asciidoc-logo-mstile-150.png $OUTDIR/asciidoc-logo-mstile-310x150.png
+convert -background none -filter Lanczos -distort resize 310x logo-fill-white.svg $OUTDIR/asciidoc-logo-mstile-310.png
+# Standard
+convert -background none -filter Lanczos -distort resize 512x logo-fill-color.svg $OUTDIR/asciidoc-logo-512.png
+convert -background none -filter Lanczos -distort resize 196x logo-fill-color.svg $OUTDIR/asciidoc-logo-196.png
+convert -background none -filter Lanczos -distort resize 192x logo-fill-color.svg $OUTDIR/asciidoc-logo-192.png
+convert -background none -filter Lanczos -distort resize 128x logo-fill-color.svg $OUTDIR/asciidoc-logo-128.png
+convert -background none -filter Lanczos -distort resize 96x logo-fill-color.svg $OUTDIR/asciidoc-logo-96.png
+convert -background none -filter Lanczos -distort resize 64x logo-fill-color.svg $OUTDIR/asciidoc-logo-64.png
+convert -background none -filter Lanczos -distort resize 48x logo-fill-color.svg $OUTDIR/asciidoc-logo-48.png
+convert -background none -filter Lanczos -distort resize 32x logo-fill-color.svg $OUTDIR/asciidoc-logo-32.png
+convert -background none -filter Lanczos -distort resize 16x -unsharp 0x1+.5+.25 logo-fill-color.svg $OUTDIR/asciidoc-logo-16.png
+
+icotool -c -o $OUTDIR/favicon.ico \
+  $OUTDIR/asciidoc-logo-64.png \
+  $OUTDIR/asciidoc-logo-48.png \
+  $OUTDIR/asciidoc-logo-32.png \
+  $OUTDIR/asciidoc-logo-16.png

data/favicon/logo-fill-color.svg

+<svg width="197" height="197" viewBox="0 0 197 197" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 112.891V36.1574L44.028 112.891H0Z" fill="#1F8197"/>
+<path d="M0 146.258V176.993C0 187.507 8.52314 196.03 19.037 196.03H91.7307L63.1729 146.258H0Z" fill="#1F8197"/>
+<path d="M101.642 146.258L127.594 191.488C151.391 183.964 171.262 167.604 183.355 146.258H101.642Z" fill="#1F8197"/>
+<path d="M194.908 112.891C195.647 108.04 196.03 103.072 196.03 98.015C196.03 43.8828 152.147 0 98.015 0H19.037C18.6037 0 18.1737 0.0144811 17.7475 0.0429857L82.497 112.891H194.908Z" fill="#1F8197"/>
+</svg>

data/favicon/logo-fill-white.svg

+<svg width="197" height="197" viewBox="0 0 197 197" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 112.891V36.1574L44.028 112.891H0Z" fill="white"/>
+<path d="M0 146.258V176.993C0 187.507 8.52314 196.03 19.037 196.03H91.7307L63.1729 146.258H0Z" fill="white"/>
+<path d="M101.642 146.258L127.594 191.488C151.391 183.964 171.262 167.604 183.355 146.258H101.642Z" fill="white"/>
+<path d="M194.908 112.891C195.647 108.04 196.03 103.072 196.03 98.015C196.03 43.8828 152.147 0 98.015 0H19.037C18.6037 0 18.1737 0.0144811 17.7475 0.0429857L82.497 112.891H194.908Z" fill="white"/>
+</svg>

pages/_includes/favicon.njk

-{# Images and config generated with https://realfavicongenerator.net/ #}
-<link rel="apple-touch-icon" sizes="60x60" href="{{ relativeRoot }}/assets/img/apple-touch-icon-60x60.png">
-<link rel="apple-touch-icon" sizes="76x76" href="{{ relativeRoot }}/assets/img/apple-touch-icon-76x76.png">
-<link rel="apple-touch-icon" sizes="120x120" href="{{ relativeRoot }}/assets/img/apple-touch-icon-120x120.png">
-<link rel="apple-touch-icon" sizes="152x152" href="{{ relativeRoot }}/assets/img/apple-touch-icon-152x152.png">
-<link rel="apple-touch-icon" sizes="180x180" href="{{ relativeRoot }}/assets/img/apple-touch-icon-180x180.png">
-<link rel="icon" type="image/png" sizes="32x32" href="{{ relativeRoot }}/assets/img/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="{{ relativeRoot }}/assets/img/favicon-16x16.png">
-<link rel="shortcut icon" href="{{ relativeRoot }}/favicon.ico">
+<link rel="apple-touch-icon" sizes="180x180" href="{{ relativeRoot }}/assets/img/asciidoc-logo-apple-touch-180.png">
+<link rel="icon" type="image/png" sizes="196x196" href="{{ relativeRoot }}/assets/img/asciidoc-logo-196.png" />
+<link rel="icon" type="image/png" sizes="192x192" href="{{ relativeRoot }}/assets/img/asciidoc-logo-192.png" />
+<link rel="icon" type="image/png" sizes="128x128" href="{{ relativeRoot }}/assets/img/asciidoc-logo-128.png" />
+<link rel="icon" type="image/png" sizes="96x96" href="{{ relativeRoot }}/assets/img/asciidoc-logo-96.png" />
+<link rel="icon" type="image/png" sizes="64x64" href="{{ relativeRoot }}/assets/img/asciidoc-logo-64.png" />
+<link rel="icon" type="image/png" sizes="32x32" href="{{ relativeRoot }}/assets/img/asciidoc-logo-32.png" />
+<link rel="icon" type="image/png" sizes="16x16" href="{{ relativeRoot }}/assets/img/asciidoc-logo-16.png" />
+<link rel="icon" type="image/svg+xml" href="{{ relativeRoot }}/assets/img/asciidoc-logo.svg">
+<link rel="icon" type="image/png" href="{{ relativeRoot }}/assets/img/asciidoc-logo-48.png">
+<link rel="shortcut icon" href="{{ relativeRoot }}/assets/img/favicon.ico">
+<link rel="manifest" href="/manifest.json">
+<link rel="mask-icon" href="{{ relativeRoot }}/assets/img/asciidoc-logo-mask.svg" color="#1f8197">
+<meta name="msapplication-TileColor" content="#1f8197">
+<meta name="theme-color" content="#1f8197">

pages/assets/img/asciidoc-logo-mask.svg

+<svg width="197" height="197" viewBox="0 0 197 197" fill="#000000" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 112.891V36.1574L44.028 112.891H0Z"/>
+<path d="M0 146.258V176.993C0 187.507 8.52314 196.03 19.037 196.03H91.7307L63.1729 146.258H0Z"/>
+<path d="M101.642 146.258L127.594 191.488C151.391 183.964 171.262 167.604 183.355 146.258H101.642Z"/>
+<path d="M194.908 112.891C195.647 108.04 196.03 103.072 196.03 98.015C196.03 43.8828 152.147 0 98.015 0H19.037C18.6037 0 18.1737 0.0144811 17.7475 0.0429857L82.497 112.891H194.908Z"/>
+</svg>