feat: Newsletter subscription form on landing page

Signed-off-by: Lachezar Lechev <[email protected]>

Author: elpiel

config.toml

@@ -18,18 +18,19 @@ github_repo = "https://github.com/AeroRust/aerorust.github.io"
 github_propose_blog_post = "https://github.com/AeroRust/AeroRust.github.io/issues/new?assignees=&labels=blog-post&template=featured-blog-post.md&title=%5BBlog+post%5D"
 github_org = "https://github.com/AeroRust"
 discord_invite = "https://discord.gg/6wFvsFWfnu"
-discord_members_count = "560+"
+discord_members_count = "625+"
 rustlang_website = "https://rust-lang.org"
 twitter_username = "@AeroRust"
 twitter_url = "https://twitter.com/AeroRust"
-youtube_url = "https://youtube.com/c/AeroRust"
+youtube_url = "https://youtube.com/AeroRust"
+subscribe_form_url = "https://aerorust.us21.list-manage.com/subscribe/post?u=fcb3dda7a7dc64758afa698dd&id=812128325d&f_id=002bf7e6f0"
 email = "[email protected]"
 # Google analytics tag
 google_tag = "G-NSCZ6RQFN6"
 [extra.default.meta]
 title = "Welcome to AeroRust (ÄR) - Your launchpad to space"
 description = """
 We build the Open-source ecosystem of Rust for aerospace applications.
-With more than 560 members and multiple projects in the aerospace domain:
+With more than 625 members and multiple projects in the aerospace domain:
 drones, maritime, "Are we in space yet?" crates catalogue and more.
 """

frontend/scss/_custom.scss

@@ -32,6 +32,7 @@ $pagination-disabled-border-color: $aerorust-light;
 
 $body-bg: $black;
 $body-color: $gray-300;
+$input-placeholder-color: $white;
 
 // 4. Include any default map overrides here
 

templates/index.html

@@ -41,8 +41,33 @@ <h1 class="display-5 fw-bold lh-1 mb-3">Welcome to the <strong class="text-aeror
   </div>
 </div>
 
+<div class="container">
+  <div class="p-4 mb-3 bg-light rounded text-center overflow-hidden">
+    <div class="my-1 py-1 text-dark">
+      <h3 class="display-5 fst-italic">Subscribe to our newsletter</h2>
+      <p class="lead">and receive emails with the latest news, blog posts and videos!</p>
+    </div>
+    <form action="{{ config.extra.subscribe_form_url }}" method="post" id="mc-embedded-subscribe-form" class="validate" target="_blank">
+      <div class="mb-3 row">
+          <div class="col-12 col-lg-8 offset-lg-2">
+            <input type="email" name="EMAIL" placeholder="Email address" class="form-control form-control-lg" id="inputEmail" aria-describedby="emailHelp">
+          </div>
+          <div id="emailHelp" class="col-12 form-text">We'll only contact you for community related content and never share your email with others.</div>
+        </div>
+        <div style="position: absolute; left: -5000px;" aria-hidden="true">
+          {# real people should not fill this in and expect good things - do not remove this or risk form bot signups #}
+          <input type="text" name="b_fcb3dda7a7dc64758afa698dd_812128325d" tabindex="-1" value="">
+        </div>
+        {# the newsletter tag #}
+        <input type="hidden" name="tags" value="2988840">
+      <button type="submit" class="btn btn-lg btn-dark">Subscribe</button>
+    </form>
+  </div>
+</div>
+
 <div id="learn-more">
 
 </div>
+
 {# <p>Click <a href="{{ get_url(path=" @/blog/_index.md") }}">here</a> to see my posts.</p> -#}
 {% endblock content %}