mirror of
https://github.com/nairobilug/pelican-alchemy.git
synced 2024-12-30 12:15:06 +01:00
18996a6c1d
Alchemy is a great theme, but it was not using the full potential of underlying technology. Bootstrap provides an easy way to customize look and feel of rendered pages, and a lot of themes for Bootstrap are freely available, e.g. at <https://boostwatch.com> This commit introduces a new configuration variable BOOTSTRAP_CSS to make use of any existing Bootstrap skins. All incompatibilities in `theme.css` were fixed: - Instead of using constant color values we use Bootstrap css variables for colors: <https://getbootstrap.com/docs/4.3/getting-started/theming/#css-variables> - The only hardcoded color value left is the color for header/footer borders. It was moved into a variable `--alchemy-border` for easier overriding if needed. I have tested the current value against both dark and light Boostwatch themes, it works ok. - Pagination template was slightly changed to avoid producing invisible text with some of Bootstrap skins
24 lines
810 B
HTML
24 lines
810 B
HTML
{% if articles_paginator.num_pages > 1 %}
|
|
<hr>
|
|
<ul class="pagination">
|
|
{% if articles_page.has_previous() %}
|
|
<li class="page-item">
|
|
<a class="page-link" href="{{ SITEURL }}/{{ articles_previous_page.url }}">
|
|
<span aria-hidden="true">«</span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
<li class="page-item">
|
|
<span class="page-link">{{ articles_page.number }} of {{ articles_paginator.num_pages }}</span>
|
|
</li>
|
|
{% if articles_page.has_next() %}
|
|
<li class="page-item">
|
|
<a class="page-link" href="{{ SITEURL }}/{{ articles_next_page.url }}">
|
|
<span aria-hidden="true">»</span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
{% endif %}
|