feat(newsletter): htmx form to subscribe to listmonk

layouts/partials/newsletter_subscribe.html

@@ -0,0 +1,32 @@
+<style>
+#subscribe-result-inner, #subscribe-success {
+    display: none;
+}
+#subscribe-result:has(> #subscribe-result-inner:not(:empty)) #subscribe-success {
+    display: block;
+}
+</style>
+<form
+    hx-boost="true"
+    hx-target="#subscribe-result-inner"
+    hx-push-url="false"
+    method="POST"
+    action="https://lists.vmems.fr/api/public/subscription"
+    hx-on::after-request="this.reset()"
+>
+    <h5>Abonnez-vous à notre liste de diffusion !</h5>
+    <p>Soyez aux courant des dernières actualités de l'association. Email d'information envoyé tout les trimestres.</p>
+    <div id="subscribe-result">
+        <div id="subscribe-result-inner"></div>
+    <div class="alert alert-success" role="alert" id="subscribe-success">
+        Merci, vous êtes maintenant abonné à la newsletter !
+    </div>
+    </div>
+    <div class="d-flex flex-column flex-sm-row w-100 gap-2">
+        <label for="newsletter1" class="visually-hidden">Adresse email</label>
+        <input id="newsletter1" type="email" name="email" class="form-control" placeholder="Adresse email">
+        <input id="list" type="hidden" name="l" value="c1b38c9f-f876-42c8-a5fd-d53e4724bd0a" />
+        <input id="nounce" type="hidden" name="nonce" value="" />
+        <button class="btn btn-primary" type="submit">S'abonner</button>
+    </div>
+</form>