diff options
author | Zhiming Wang <zmwangx@gmail.com> | 2015-06-10 00:42:26 -0700 |
---|---|---|
committer | Zhiming Wang <zmwangx@gmail.com> | 2015-06-10 00:42:26 -0700 |
commit | 695b9903cc45598b7b69a15404c34ec780f08fac (patch) | |
tree | f2565fa0408f532965766c1f217dc60334e22c3a | |
parent | 392e2293e49fd9c7a96afa16e5dbcc749dd736ca (diff) | |
download | my_new_personal_website-695b9903cc45598b7b69a15404c34ec780f08fac.tar.xz my_new_personal_website-695b9903cc45598b7b69a15404c34ec780f08fac.zip |
modify template and stylesheet to include RSS icon
Diffstat (limited to '')
-rw-r--r-- | source/css/theme.css | 18 | ||||
-rw-r--r-- | source/img/README.rst | 5 | ||||
-rw-r--r-- | source/img/rss-14.png | bin | 0 -> 503 bytes | |||
-rw-r--r-- | templates/template.html | 3 |
4 files changed, 22 insertions, 4 deletions
diff --git a/source/css/theme.css b/source/css/theme.css index b8eecde6..c31ce02e 100644 --- a/source/css/theme.css +++ b/source/css/theme.css @@ -137,7 +137,7 @@ footer .rfooter { footer .rfooter .cc-icon { width: 16px; height: 16px; - padding: 0 4px; + padding: 0 2px; display: inline-block; background-image: url("/img/cc-16.png"); background-repeat: no-repeat; @@ -147,9 +147,10 @@ footer .rfooter .cc-icon { font-size: 0; } -footer .rfooter .feed-icon { +footer .rfooter .atom-icon { width: 16px; height: 16px; + padding: 0 2px; display: inline-block; background-image: url("/img/feed-14.png"); background-repeat: no-repeat; @@ -159,6 +160,19 @@ footer .rfooter .feed-icon { font-size: 0; } +footer .rfooter .rss-icon { + width: 16px; + height: 16px; + padding: 0 2px; + display: inline-block; + background-image: url("/img/rss-14.png"); + background-repeat: no-repeat; + background-position: center; + background-size: 14px; + vertical-align: middle; + font-size: 0; +} + div.indextoc ul { list-style-type: none; padding-left: 2em; diff --git a/source/img/README.rst b/source/img/README.rst index 53ca6399..4a679460 100644 --- a/source/img/README.rst +++ b/source/img/README.rst @@ -15,6 +15,11 @@ The feed icon isn't so easy to create with TikZ (I don't know the necessary para convert feed-256.png -resize 14x14 feed-14.png optipng feed-14.png +Next, the horizontal mirror ``rss-14.png`` is generated through:: + + convert feed-14.png -flop rss-14.png + optipng rss-14.png + The CreativeCommons icon ``cc.svg`` is pulled from `the official downloads page <https://creativecommons.org/about/downloads>`_ and converted to 16x16 PNG through:: convert cc.svg -resize 16x16 cc-16.png diff --git a/source/img/rss-14.png b/source/img/rss-14.png Binary files differnew file mode 100644 index 00000000..53ae6a19 --- /dev/null +++ b/source/img/rss-14.png diff --git a/templates/template.html b/templates/template.html index 9e6efc0f..d6145a0e 100644 --- a/templates/template.html +++ b/templates/template.html @@ -79,8 +79,7 @@ $if(updated)$ </span> $endif$ <span class="rfooter"> -<a class="feed-icon" href="/atom.xml" target="_blank" title="Atom feed">Atom feed icon</a> -<a class="cc-icon" href="https://creativecommons.org/licenses/by/4.0/" target="_blank" title="Released under the Creative Commons Attribution 4.0 International license.">Creative Commons icon</a> +<a class="rss-icon" href="/rss.xml" target="_blank" title="RSS feed">RSS feed icon</a><a class="atom-icon" href="/atom.xml" target="_blank" title="Atom feed">Atom feed icon</a><a class="cc-icon" href="https://creativecommons.org/licenses/by/4.0/" target="_blank" title="Released under the Creative Commons Attribution 4.0 International license.">Creative Commons icon</a> <a href="https://github.com/zmwangx" target="_blank">Zhiming Wang</a> </span> </footer> |