create separate square icon as Apple touch icon

Round icon with transparent filling doesn't work well on iOS's home
screen, because the transparent part will be filled in black. Also, the
letters ZW have been enlarged to look better in a square icon.

5 files changed, 25 insertions, 4 deletions

diff --git a/source/img/README.rst b/source/img/README.rst
index cccd869f..be880031 100644
--- a/source/img/README.rst
+++ b/source/img/README.rst
@@ -2,9 +2,11 @@ The icon and favicon files are generated via the following commands: ::
 
   cd source/img
   xelatex icon.tex
+  xelatex icon-square.tex
   for size in 100 400 2048; do convert icon.pdf -density 400 -resize $sizex$size icon-$size.png; done
-  for size in 16 32 48 144 152; do convert icon.pdf -density 400 -resize $sizex$size favicon-$size.png; done
-  optipng favicon-*.png icon-*.png
+  for size in 16 32 48 144; do convert icon.pdf -density 400 -resize $sizex$size favicon-$size.png; done
+  convert icon-square.pdf -density 400 -resize 152x152 apple-touch-icon-152.png
+  optipng favicon-*.png icon-*.png apple-touch-icon-152.png
   convert favicon-16.png favicon-32.png favicon-48.png ../favicon.ico
   rm favicon-16.png favicon-32.png favicon-48.png
 
diff --git a/source/img/apple-touch-icon-152.png b/source/img/apple-touch-icon-152.png
new file mode 100644
index 00000000..af26f942
--- /dev/null
+++ b/source/img/apple-touch-icon-152.png
diff --git a/source/img/icon-square.tex b/source/img/icon-square.tex
new file mode 100644
index 00000000..cc25bb86
--- /dev/null
+++ b/source/img/icon-square.tex
@@ -0,0 +1,20 @@
+%%% Local Variables:
+%%% coding: utf-8
+%%% mode: latex
+%%% TeX-engine: xetex
+%%% End:
+
+\documentclass{standalone}
+\usepackage{xltxtra}
+\usepackage{tikz}
+
+\setmainfont{Helvetica Neue}
+
+\begin{document}
+
+\tikz {
+  \draw[draw=none,fill=black!20!white] (-100,-100) rectangle (100,100);
+  \node[text=white,scale=250.0] at (0,0) {ZW};
+}
+
+\end{document}
diff --git a/source/img/icon.tex b/source/img/icon.tex
index 4d710a52..07c7155e 100644
--- a/source/img/icon.tex
+++ b/source/img/icon.tex
@@ -13,7 +13,6 @@
 \begin{document}
 
 \tikz {
-  \fill[fill=none](0,0) circle (100);
   \draw[draw=none,fill=black!20!white] (0,0) circle (100);
   \node[text=white,scale=200.0] at (0,0) {ZW};
 }
diff --git a/templates/template.html b/templates/template.html
index 05c0ac17..f007bf69 100644
--- a/templates/template.html
+++ b/templates/template.html
@@ -8,7 +8,7 @@ $if(date)$
 <meta name="date" content="$date$"/>
 $endif$
 <title>$pagetitle$</title>
-<link rel="apple-touch-icon-precomposed" href="/img/favicon-152.png"/>
+<link rel="apple-touch-icon-precomposed" href="/img/apple-touch-icon-152.png"/>
 <meta name="msapplication-TileColor" content="#FFFFFF"/>
 <meta name="msapplication-TileImage" content="/img/favicon-144.png"/>
 <meta name="viewport" content="width=device-width, initial-scale=1">