0ac9e447ca
In reference to idea: https://github.com/alshedivat/al-folio/discussions/2097 In reference to request: https://github.com/alshedivat/al-folio/issues/923#issuecomment-2171924663 Added support to integrate a [loops.so](https://loops.so/) mailing list into the site. To use, you need to enable `newsletter` in `_config.yml`. You also must specify a loops endpoint (although I think any mailing list endpoint can work), which you can get when you set up a mailing list on loops. More documentation on loops: [here](https://loops.so/docs/forms/custom-form). Once that is enabled, the behavior is different depending on how you specified your footer to behave in `_config.yml`. If `footer_fixed: true`, then the sign up will appear at the bottom of the about page, as well as at the bottom of blog posts, if you enable `related_posts`. If `footer_fixed: false`, then the newsletter signup will be in the footer (on every page), like it is in on [my website](https://asboyer.com). I'm not attached to the placement of the signup, and you can choose to include it wherever you want with `{% include scripts/newsletter.liquid %}`. Also if you include positional variables into that, you can choose how you center the signup. So `{% include scripts/newsletter.liquid left=true %}` positions the signup bar to the left. Here are some screenshots below: ## Dark version  ## Light version  I think the input field color should probably change to maybe be light for both themes? What do you think? I think the dark background looks cool, but I don't usually see that done like that on other sites. ## Footer fixed   ## Footer not fixed   To clarify, if footer isn't fixed, the email signup will appear on every page. --------- Co-authored-by: George <31376482+george-gca@users.noreply.github.com>
36 lines
1.2 KiB
Plaintext
36 lines
1.2 KiB
Plaintext
{% if site.footer_fixed %}
|
|
<footer class="fixed-bottom" role="contentinfo">
|
|
<div class="container mt-0">
|
|
© Copyright {{ site.time | date: '%Y' }}
|
|
{{ site.first_name }}
|
|
{{ site.middle_name }}
|
|
{{ site.last_name }}. {{ site.footer_text }}
|
|
{% if site.impressum_path %}
|
|
<a href="{{ site.url }}{{ site.baseurl }}{{ site.impressum_path }}">Impressum</a>.
|
|
{% endif %}
|
|
{% if site.last_updated %}
|
|
Last updated: {{ 'now' | date: '%B %d, %Y' }}.
|
|
{% endif %}
|
|
</div>
|
|
</footer>
|
|
{% else %}
|
|
<footer class="sticky-bottom mt-5" role="contentinfo">
|
|
{% if site.newsletter.enabled %}
|
|
{% include scripts/newsletter.liquid %}
|
|
{% endif %}
|
|
|
|
<div class="container">
|
|
© Copyright {{ site.time | date: '%Y' }}
|
|
{{ site.first_name }}
|
|
{{ site.middle_name }}
|
|
{{ site.last_name }}. {{ site.footer_text }}
|
|
{% if site.impressum_path %}
|
|
<a href="{{ site.url }}{{ site.baseurl }}{{ site.impressum_path }}">Impressum</a>.
|
|
{% endif %}
|
|
{% if site.last_updated %}
|
|
Last updated: {{ 'now' | date: '%B %d, %Y' }}.
|
|
{% endif %}
|
|
</div>
|
|
</footer>
|
|
{% endif %}
|