homepage: add newsletter sign up form

the form points to a self-hosted listmonk instance with a single mailing
list to notify people about how nakamochi is going and new releases.

content/_index.de.md

@@ -127,3 +127,14 @@ Die PRO-Version befindet sich noch in der Entwicklung.
     <figcaption>PRO version in progress</figcaption>
   </figure>
 </div>
+
+## Newsletter
+
+Melde dich an um die Neuigkeiten und Updates über nakamochi zu erhalten.
+
+<form method="post" action="https://listmonk.nakamochi.io/subscription/form" class="listmonk-form">
+  <input type="hidden" name="nonce">
+  <input type="hidden" name="l" value="3c3bf41a-cda3-43b6-af42-452424b022df">
+  <p><input type="email" name="email" placeholder="e-mail" required></p>
+  <p><input type="submit" value="Anmelden" /></p>
+</form>

content/_index.it.md

@@ -133,3 +133,14 @@ L'edizione PRO è ancora in progettazione.
     <figcaption>PRO version in progress</figcaption>
   </figure>
 </div>
+
+## Newsletter
+
+Iscriviti alla newsletter per ricevere gli aggiornamenti sullo stato del progetto.
+
+<form method="post" action="https://listmonk.nakamochi.io/subscription/form" class="listmonk-form">
+  <input type="hidden" name="nonce">
+  <input type="hidden" name="l" value="3c3bf41a-cda3-43b6-af42-452424b022df">
+  <p><input type="email" name="email" placeholder="e-mail" required></p>
+  <p><input type="submit" value="iscriversi" /></p>
+</form>

content/_index.md

@@ -125,3 +125,14 @@ The PRO edition is still work-in-progress.
     <figcaption>PRO version in progress</figcaption>
   </figure>
 </div>
+
+## Newsletter
+
+Sign up to receive news and updates about nakamochi.
+
+<form method="post" action="https://listmonk.nakamochi.io/subscription/form" class="listmonk-form">
+  <input type="hidden" name="nonce">
+  <input type="hidden" name="l" value="3c3bf41a-cda3-43b6-af42-452424b022df">
+  <p><input type="email" name="email" placeholder="e-mail" required></p>
+  <p><input type="submit" value="subscribe" /></p>
+</form>

sass/_pico.scss

@@ -37,7 +37,7 @@ progress,
 @import "_pico/content/typography"; // a, headings, p, ul, blockquote, ...
 @import "_pico/content/embedded"; // audio, canvas, iframe, img, svg, video
 @import "_pico/content/button"; // button, a[role=button], type=button, type=submit ...
-//@import "_pico/content/form"; // input, select, textarea, label, fieldset, legend
+@import "_pico/content/form"; // input, select, textarea, label, fieldset, legend
 //@import "_pico/content/form-checkbox-radio"; // type=checkbox, type=radio, role=switch
 //@import "_pico/content/form-alt-input-types"; // type=color, type=date, type=file, type=search, ...
 @import "_pico/content/table"; // table, tr, td, ...