diff --git a/README.md b/README.md index 4d13fa4..d9fc198 100644 --- a/README.md +++ b/README.md @@ -8,3 +8,47 @@ You can see a live demo [here](http://jvanz.github.io/) ![Screenshot](screenshot.png) Pull requests are welcome + + +## Settings + +List of Pelican's settings that are supported by this theme. Refer to the +[Pelican's documentation](https://docs.getpelican.com/en/stable/settings.html) +for more details. + +- `FEED_*` and `*_FEED_*` +- `DISPLAY_PAGES_ON_MENU` +- `DISQUS_SITENAME` +- `GOOGLE_ANALYTICS` +- `GA_COOKIE_DOMAIN` +- `SITESUBTITLE` +- `MENUITEMS` +- `SOCIAL` + +Additional settings: + +- `BIO` - short biography to display in the sidebar, eg. `Hello world` +- `PROFILE_IMAGE` - image to display in the sidebar, eg. `avatar.png` +- `FOOTER_TEXT` - footer to display in the sidebar, eg. `(C) 2020 Foo Bar` +- `COLOR_THEME` - base colors for the theme, choose from `08` to `0f`, + refer to for details. +- `FONT_AWESOME_CSS` - URL to get Font Awesome as CSS +- `FONT_AWESOME_JS` - URL to get Font Awesome as Javascript +- `FONT_ACADEMICONS` - set to `True` to fetch the [Academicons font](https://jpswalsh.github.io/academicons/) + +By default, the theme uses **Fork Awesome**, which is fetched from +`cdn.jsdelivr.net`. Fork Awesome is a drop-in replacement for Font Awesome v4, +but is not compatible with Font Awesome v5 and later, so if you want to use +Font Awesome v5+, setting `FONT_AWESOME_CSS` is not enough, you will also need +to modify the templates. + + +## Authors + +- Original theme by [Mark Otto](https://github.com/mdo): +- Ported to Pelican by [José Guilherme Vanz](https://github.com/jvanz) + + +## License + +Released under the [MIT license](LICENSE) diff --git a/static/css/hyde.css b/static/css/hyde.css index fc3a705..4aa1ef9 100644 --- a/static/css/hyde.css +++ b/static/css/hyde.css @@ -91,39 +91,49 @@ html { .sidebar-about .profile-picture { margin: 0 auto; border-radius: 50%; - border: 2px solid #5b8da2; + border: 2px solid #0001; max-width: 5rem; } /* Sidebar nav */ .sidebar-nav { margin-bottom: 1rem; + list-style: none; + padding-left: 0; } -.sidebar-nav-item { +.sidebar-social { + display: flex; + justify-content: center; + align-items: center; +} +.sidebar-social-item { display: block; - padding: .25rem 0.5rem; - background: #7dafc4; + padding: .25rem 0.8rem; + background: #fff2; margin: 0 .2rem; border-radius: .25rem; text-transform: uppercase; font-size: .8rem; font-weight: bold; - float: left; - width: 17%; } -a.sidebar-nav-item:hover, -a.sidebar-nav-item:focus { - background: #6096ac; +a.sidebar-social-item:hover, +a.sidebar-social-item:focus { + background: #0001; text-decoration: none; } -.sidebar-nav-item.active { - color: #6096ac; +.sidebar-social-item.active { + color: #0001; background: #fff; } -a.sidebar-nav-item.active:hover, -a.sidebar-nav-item.active:focus { +a.sidebar-social-item.active:hover, +a.sidebar-social-item.active:focus { color: #fff; } +.sidebar-footer { + font-size: .7rem; + margin-bottom: 0; + margin-top: .5rem; +} /* Sticky sidebar * diff --git a/templates/base.html b/templates/base.html index 2f445bf..0dffada 100644 --- a/templates/base.html +++ b/templates/base.html @@ -27,19 +27,25 @@ - - {% if FONT_AWESOME %} - + {% if FONT_AWESOME_JS %} + + {% elif FONT_AWESOME_CSS %} + {% else %} - + + {% endif %} + {% if FONT_ACADEMICONS %} + {% endif %} - - + + {% include 'fragments/feeds.html' %} + + {% include 'fragments/google_analytics.html' %} - + {% include 'sidebar.html' %}
{% block content %} diff --git a/templates/fragments/disqus.html b/templates/fragments/disqus.html index 4dce6ce..f36500e 100644 --- a/templates/fragments/disqus.html +++ b/templates/fragments/disqus.html @@ -1,12 +1,13 @@ {% if DISQUS_SITENAME %} -
- - +
+ + {% endif %} diff --git a/templates/fragments/feeds.html b/templates/fragments/feeds.html new file mode 100644 index 0000000..cec3ac1 --- /dev/null +++ b/templates/fragments/feeds.html @@ -0,0 +1,24 @@ +{% if FEED_ALL_ATOM %} + +{% endif %} +{% if FEED_ALL_RSS %} + +{% endif %} +{% if FEED_ATOM %} + +{% endif %} +{% if FEED_RSS %} + +{% endif %} +{% if CATEGORY_FEED_ATOM and category %} + +{% endif %} +{% if CATEGORY_FEED_RSS and category %} + +{% endif %} +{% if TAG_FEED_ATOM and tag %} + +{% endif %} +{% if TAG_FEED_RSS and tag %} + +{% endif %} diff --git a/templates/fragments/google_analytics.html b/templates/fragments/google_analytics.html index c9390eb..dbd5fe9 100644 --- a/templates/fragments/google_analytics.html +++ b/templates/fragments/google_analytics.html @@ -1,10 +1,11 @@ {% if GOOGLE_ANALYTICS %} - + {% endif %} diff --git a/templates/index.html b/templates/index.html index a24cb00..63591d6 100644 --- a/templates/index.html +++ b/templates/index.html @@ -4,8 +4,8 @@
{% for article in articles_page.object_list %}
-

- {{ article.title }} +

+ {{ article.title }}

{{ article.locale_date }}

diff --git a/templates/sidebar.html b/templates/sidebar.html index 858e294..ad40b71 100644 --- a/templates/sidebar.html +++ b/templates/sidebar.html @@ -12,11 +12,25 @@

{{ BIO }}

-