Matthieu Bessat
4ababc96dc
All checks were successful
Deploy workflow / deploy (push) Successful in 13s
32 lines
1.3 KiB
HTML
32 lines
1.3 KiB
HTML
<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-success" type="submit">S'abonner</button>
|
||
</div>
|
||
</form>
|