commit 050ad2166612cbbaff4735d7c4015bc94c1942c6 parent ea6dbe4e32ae50632010ee5dbc6721bf53cae2be Author: FIGBERT <figbert@figbert.com> Date: Sun, 22 Dec 2024 22:35:57 -0800 Add newsletter subscription form Diffstat:
| M | static/global.css | | | 21 | ++++++++++++++++++++- |
| M | templates/index.html | | | 6 | ++++++ |
2 files changed, 26 insertions(+), 1 deletion(-)
diff --git a/static/global.css b/static/global.css @@ -71,6 +71,7 @@ main { "work work work work work work"; gap: 2ch; margin-inline: auto; + margin-block-end: 0; section { padding: 1.5em; @@ -146,8 +147,26 @@ footer { } &:has(div.index) { + width: 75%; + max-width: 72ch; display: flex; - justify-content: center; + flex-direction: column; + align-items: center; + margin-block-start: 0; + margin-inline: auto; + + form { + text-align: center; + margin-block-end: 1ch; + + #buttondown_label { + margin-inline-end: 1ch; + } + + #buttondown_submit { + margin-inline-start: 1ch; + } + } } svg { diff --git a/templates/index.html b/templates/index.html @@ -285,4 +285,10 @@ {% block footer %} <div class="index"></div> + <form action="https://buttondown.com/api/emails/embed-subscribe/figbert" method="post"> + <label for="email" id="buttondown_label">If you're interested in getting all this in your inbox:</label> + <input type="email" name="email" placeholder="your@email.com"/> + <input type="hidden" value="1" name="embed" /> + <input type="submit" id="buttondown_submit" value="Subscribe" /> + </form> {% endblock footer %}