When menu sidebar was opened the main page body would slide to the left
while the header would stay in place. That would result in text alignment
inconsistency between header and the post body.
This commit adds the same sliding animation to the blog header.
Upstream theme for Ghost behaves similarly.
Screenshots: before [[1]], after [[2]]
[1]: https://i.imgur.com/dDaWoBW.png
[2]: https://i.imgur.com/SBhGsIW.png
Tags page was quite boring and didn't use horizontal space efficiently.
This commit replaces plain tag list with tag cloud that gracefully scales
to any screen (Attila's responsive design principle is not violated).
Details:
- Tags are still sorted alphabetically
- Tags with more articles have bigger font size
- Number of font size steps is defined via TAG_CLOUD_STEPS variable.
If that variable is not set or is zero, default value of 5 steps is
used. Stylesheet is written to support up to 10 steps.
- Tag tooltip shows number of articles with that tag
There exists a separate plugin for tag cloud[1], but using it still
requires making changes to the theme. Trivial math calculations can be
done as easily in Jinja as in Python, so the dependency on external
package can and should be avoided.
Screenshots: before [[2]], after [[3]]
[1]: https://github.com/getpelican/pelican-plugins/tree/master/tag_cloud
[2]: https://i.imgur.com/ivZQIxi.png
[3]: https://i.imgur.com/fLNVKpj.png
Previously the width of date field was hardcoded at 180px and that would
take up most of screen estate on mobile devices. The most important part
- article titles - may become condensed and even unreadable
Minified version of stylesheet was not used anywhere and might be (or
become) outdated. It is better to remove it altogether to avoid confusion
among users