Merge pull request #22 from thibaultduponchelle/favicons

Plenty of favicons improvements

Author: smonff

.github/workflows/generate.yml

@@ -13,12 +13,15 @@ jobs:
       - name: Install prerequisites
         run: | 
           npm i svgo
-          sudo apt-get install -y librsvg2-bin
+          sudo apt-get install -y librsvg2-bin imagemagick
 
       - name: Clean exports directory
         run: |
           git rm blessed/exports/*.svg || true
           git rm blessed/exports/*.png || true
+          git rm blessed/favicons/*.png || true
+          git rm blessed/favicons/*.svg || true
+          git rm blessed/favicons/*.ico || true
 
       - name: Generate all sizes in SVG and PNG
         run: 
@@ -33,5 +36,6 @@ jobs:
           git config --global user.name "Assets Generator"
           git config --global user.email "[email protected]"
           git add blessed/exports 
+          git add blessed/favicons
           git commit -m "Generate several sizes in SVG and PNG" || true
           git push || true

FAVICONS.md

@@ -0,0 +1,15 @@
+# Favicons
+We provide a `favicon.ico` with multiple sizes and a SVG
+
+You can find them at [blessed/favicons/](blessed/favicons/)
+
+```html
+<link rel="icon" href="/favicon.ico" type="image/x-icon">
+<link rel="icon" href="/icon.svg" type="image/svg+xml">
+```
+
+This is minimal setup, you can install [more favicons and manifests](https://developer.mozilla.org/en-US/docs/Glossary/Favicon).
+
+## Notes
+SVG starts to be [more widely compatible](https://caniuse.com/link-icon-svg)
+but not enough yet to only use SVG favicons.

README.md

@@ -13,15 +13,17 @@ CC-BY. We hope that you will take it, use it and make it your own.
 
 There are several folders:
 
-- `./base` contains the original camel artwork. This is the camel which is the
+- [base/](base/) contains the original camel artwork. This is the camel which is the
   source of the more polished artwork which is found elsewhere. All art in this
   repository is licensed under CC-BY, so you are free to use these images as
   source material.
-- `./experimental` contains experiments from which were used in coming up with
+- [experimental/](experimental/) contains experiments from which were used in coming up with
   final logo designs.
-- `./blessed` contains the "official" logos. If you are designing icons for an
+- [blessed/exports/](blessed/exports/) contains the "official" logos. If you are designing icons for an
   Operating System, an IDE or need a `favicon.ico`, we would ask you to draw
   from these assets.
+- [blessed/favicons/](blessed/favicons/) contains the "official" favicons. 
+  Read [FAVICONS](FAVICONS.md) for help with favicons.
 
 ### Attribution
 

blessed/favicons/.gitkeep

@@ -1,7 +1,10 @@
 cd blessed/src/
 for f in `ls *.svg | sed s/\.svg//g`; do 
 	for s in 64 300 800 1500 2500; do 
-		rsvg-convert -f svg -w $s $f.svg > ../exports/perl-$f-$s.svg;
-		rsvg-convert -f png -w $s $f.svg > ../exports/perl-$f-$s.png;
+		rsvg-convert -f svg -w $s -h $s $f.svg > ../exports/perl-$f-$s.svg;
+		rsvg-convert -f png -w $s -h $s $f.svg > ../exports/perl-$f-$s.png;
 	done
 done
+
+convert -background transparent -define 'icon:auto-resize=16,24,32,64' 080.svg ../favicons/favicon.ico
+rsvg-convert -f svg -w 512 -h 512 080.svg > ../favicons/icon.svg;