gb/mercury
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

feat: add newsletter to blog posts page

Browse source
This commit is contained in:
草师傅 2025-06-23 22:51:09 +08:00
parent 862acbd1f1
commit 03ce3caefd
3 changed files with 53 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/components/NewsLetter.astro Normal file
View file

@ -0,0 +1,39 @@
---
const { listmonkInstance, listuuid } = Astro.props;
const inputId = Astro.props.listuuid.substring(0,5)
---
<details>
<summary>Subscribe to newsletter</summary>
<form method="post" action={`https://${listmonkInstance}/subscription/form`} class="listmonk-form">
<div>
<input type="hidden" name="nonce" />
<input type="email" name="email" required placeholder="E-mail" />
<input type="text" name="name" placeholder="Name (optional)" />
<input id={inputId} type="checkbox" name="l" checked="checked" value={listuuid} hidden />
<input type="submit" value="Subscribe" />
</div>
</form>
</details>
<style>
input[type="email"], input[type="text"], input[type="submit"] {
display: block;
}
input[type="email"], input[type="text"] {
margin: 0.5rem 0;
background-color: #fefefe;
color: #111;
border: unset;
height: 1.5rem;
}
input[type="submit"] {
background-color: var(--terminal-green);
color: var(--bg-color);
border: unset;
padding: 0.2rem;
height: 1.5rem;
cursor: pointer;
}
</style>