aboutsummaryrefslogtreecommitdiff
path: root/source/img/README.rst
diff options
context:
space:
mode:
authorZhiming Wang <zmwangx@gmail.com>2015-05-05 01:12:44 -0700
committerZhiming Wang <zmwangx@gmail.com>2015-05-05 01:24:44 -0700
commit82371e351a35363a8b493d0063e925dce1d27008 (patch)
tree529e0a656a524a92efa5f8d1fd5751c47bff39d8 /source/img/README.rst
parent015e3b4716a15c674829034bce56b83b323688df (diff)
downloadmy_new_personal_website-82371e351a35363a8b493d0063e925dce1d27008.tar.xz
my_new_personal_website-82371e351a35363a8b493d0063e925dce1d27008.zip
handle navigation button and favicons
Note that I'm using an <embed> tag with the svg because if wrapped in <img>, the svg won't render on Safari. After using the <embed> tag, the svg renders on all four major browsers on OS X (Chrome, Safari, Firefox, Opera), and it looks nice on all three but Firefox, in which case it's crappy as fuck.
Diffstat (limited to '')
-rw-r--r--source/img/README.rst11
1 files changed, 11 insertions, 0 deletions
diff --git a/source/img/README.rst b/source/img/README.rst
new file mode 100644
index 00000000..cb7a633c
--- /dev/null
+++ b/source/img/README.rst
@@ -0,0 +1,11 @@
+The icon and favicon files are generated via the following commands: ::
+
+ cd source/img
+ xelatex icon.tex
+ convert icon.pdf icon.svg
+ for size in 16 32 48 144 152; do convert icon.pdf -density 400 -resize ${size}x${size} favicon-${size}.png; done
+ optipng favicon-16.png favicon-32.png favicon-48.png favicon-144.png favicon-152.png
+ convert favicon-16.png favicon-32.png favicon-48.png ../favicon.ico
+ rm favicon-16.png favicon-32.png favicon-48.png
+
+Credit to `audreyr/favicon-cheat-sheet <https://github.com/audreyr/favicon-cheat-sheet>`_ for favicon handling tips.