From 0876e9769e162988cebd0a42b12f8892d00166ab Mon Sep 17 00:00:00 2001 From: Zhiming Wang Date: Sat, 8 Aug 2015 14:04:53 -0700 Subject: rfooter icons: switch to Font Awesome Use web font to draw icons. --- source/css/theme.css | 28 +++++++--------------------- source/img/README.rst | 18 +----------------- source/img/cc-16.png | Bin 559 -> 0 bytes source/img/cc-32.png | Bin 989 -> 0 bytes source/img/cc.svg | 27 --------------------------- source/img/favicon-152.png | Bin 10289 -> 0 bytes source/img/feed-16.png | Bin 558 -> 0 bytes source/img/feed-256.png | Bin 2611 -> 0 bytes source/img/feed-32.png | Bin 948 -> 0 bytes source/img/icon-100.png | Bin 6910 -> 0 bytes source/img/icon-150.png | Bin 10234 -> 0 bytes source/img/icon-200.png | Bin 13909 -> 0 bytes source/img/icon-2048.png | Bin 190023 -> 0 bytes source/img/icon-300.png | Bin 21348 -> 0 bytes source/img/icon-400.png | Bin 28850 -> 0 bytes source/img/rss-16.png | Bin 558 -> 0 bytes source/img/rss-32.png | Bin 938 -> 0 bytes templates/template.html | 11 ++++++----- 18 files changed, 14 insertions(+), 70 deletions(-) delete mode 100644 source/img/cc-16.png delete mode 100644 source/img/cc-32.png delete mode 100644 source/img/cc.svg delete mode 100644 source/img/favicon-152.png delete mode 100644 source/img/feed-16.png delete mode 100644 source/img/feed-256.png delete mode 100644 source/img/feed-32.png delete mode 100644 source/img/icon-100.png delete mode 100644 source/img/icon-150.png delete mode 100644 source/img/icon-200.png delete mode 100644 source/img/icon-2048.png delete mode 100644 source/img/icon-300.png delete mode 100644 source/img/icon-400.png delete mode 100644 source/img/rss-16.png delete mode 100644 source/img/rss-32.png diff --git a/source/css/theme.css b/source/css/theme.css index 24c82383..5eb94e9d 100644 --- a/source/css/theme.css +++ b/source/css/theme.css @@ -208,32 +208,18 @@ noscript a { } .rss-icon, .atom-icon, .cc-icon { - width: 16px; - height: 16px; - margin: 0 2px; - display: inline-block; - background-repeat: no-repeat; - background-position: center; - background-size: 16px; - vertical-align: middle; - font-size: 0; -} - -.rss-icon { - background-image: url("/img/rss-16.png"); - background-image: -webkit-image-set( url("/img/rss-16.png") 1x, url("/img/rss-32.png") 2x ); - background-size: 14px; + position: relative; + text-decoration: none; } -.atom-icon { - background-image: url("/img/feed-16.png"); - background-image: -webkit-image-set( url("/img/feed-16.png") 1x, url("/img/feed-32.png") 2x ); - background-size: 14px; +.rss-icon, .atom-icon { + font-size: 16px; + margin: 0 2px; + top: 1px; } .cc-icon { - background-image: url("/img/cc-16.png"); - background-image: -webkit-image-set( url("/img/cc-16.png") 1x, url("/img/cc-32.png") 2x ); + margin: 0 1px; } /* blog index */ diff --git a/source/img/README.rst b/source/img/README.rst index 6f300dbe..715d1a90 100644 --- a/source/img/README.rst +++ b/source/img/README.rst @@ -3,26 +3,10 @@ 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 150 200 300 400 2048; do convert icon.pdf -density 400 -resize $sizex$size icon-$size.png; done 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 + optipng favicon-*.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 Credit to `audreyr/favicon-cheat-sheet `_ for favicon handling tips. - -The feed icon isn't so easy to create with TikZ (I don't know the necessary parameters), so I downloaed one (256x256) from `IconFinder `_. The original PNG can be found `here `_. Then I processed the PNG with ``optipng``, the result of which is ``feed-256.png``. The smaller ``feed-14.png`` is generated through:: - - for size in 16 32; do convert feed-256.png -resize $sizex$size feed-$size.png; done - optipng feed-*.png - -Next, the horizontal mirror ``rss-14.png`` is generated through:: - - for size in 16 32; do convert feed-$size.png -flop rss-$size.png; done - optipng rss-*.png - -The CreativeCommons icon ``cc.svg`` is pulled from `the official downloads page `_ and converted to 16x16 PNG through:: - - for size in 16 32; do convert cc.svg -resize $sizex$size cc-$size.png; done - optipng cc-*.png diff --git a/source/img/cc-16.png b/source/img/cc-16.png deleted file mode 100644 index f1e8da59..00000000 Binary files a/source/img/cc-16.png and /dev/null differ diff --git a/source/img/cc-32.png b/source/img/cc-32.png deleted file mode 100644 index cc0856b6..00000000 Binary files a/source/img/cc-32.png and /dev/null differ diff --git a/source/img/cc.svg b/source/img/cc.svg deleted file mode 100644 index cb08896c..00000000 --- a/source/img/cc.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - - diff --git a/source/img/favicon-152.png b/source/img/favicon-152.png deleted file mode 100644 index 70cdb353..00000000 Binary files a/source/img/favicon-152.png and /dev/null differ diff --git a/source/img/feed-16.png b/source/img/feed-16.png deleted file mode 100644 index d5ead47c..00000000 Binary files a/source/img/feed-16.png and /dev/null differ diff --git a/source/img/feed-256.png b/source/img/feed-256.png deleted file mode 100644 index cc64b292..00000000 Binary files a/source/img/feed-256.png and /dev/null differ diff --git a/source/img/feed-32.png b/source/img/feed-32.png deleted file mode 100644 index 2d44b08e..00000000 Binary files a/source/img/feed-32.png and /dev/null differ diff --git a/source/img/icon-100.png b/source/img/icon-100.png deleted file mode 100644 index acb60895..00000000 Binary files a/source/img/icon-100.png and /dev/null differ diff --git a/source/img/icon-150.png b/source/img/icon-150.png deleted file mode 100644 index effbb89d..00000000 Binary files a/source/img/icon-150.png and /dev/null differ diff --git a/source/img/icon-200.png b/source/img/icon-200.png deleted file mode 100644 index 9e6896de..00000000 Binary files a/source/img/icon-200.png and /dev/null differ diff --git a/source/img/icon-2048.png b/source/img/icon-2048.png deleted file mode 100644 index 3ef2502a..00000000 Binary files a/source/img/icon-2048.png and /dev/null differ diff --git a/source/img/icon-300.png b/source/img/icon-300.png deleted file mode 100644 index c3bd33ad..00000000 Binary files a/source/img/icon-300.png and /dev/null differ diff --git a/source/img/icon-400.png b/source/img/icon-400.png deleted file mode 100644 index 6de14504..00000000 Binary files a/source/img/icon-400.png and /dev/null differ diff --git a/source/img/rss-16.png b/source/img/rss-16.png deleted file mode 100644 index 3353bc95..00000000 Binary files a/source/img/rss-16.png and /dev/null differ diff --git a/source/img/rss-32.png b/source/img/rss-32.png deleted file mode 100644 index 227a0535..00000000 Binary files a/source/img/rss-32.png and /dev/null differ diff --git a/templates/template.html b/templates/template.html index 037e3fb5..8491bc5b 100644 --- a/templates/template.html +++ b/templates/template.html @@ -13,14 +13,15 @@ $endif$ + + + + - - -