Merge pull request #1031 from plausible/newsletter-back

newsletter back

Author: metmarkosaric

blog.html

@@ -87,6 +87,20 @@ <h2 class="text-xl font-black">Browse by topic</h2>
 
 <hr class="container max-w-screen-sm bg-gray-100 mt-16" style="height: 1px;">
 
+<div class="container max-w-screen-sm mt-12">
+  <p class="text-gray-700">Get new posts straight to your inbox. No ads, no tracking, unsubscribe any time.</p>
+  <form class="mt-4 sm:flex" action="https://plausible.us20.list-manage.com/subscribe/post?u=aa3638e2a24986bbda7c17506&id=a307649d1b" method="post" id="newsletter-signup">
+    <input type="email" name="EMAIL" required class="appearance-none w-full px-5 py-3 border border-gray-300 text-base leading-6 rounded-md text-gray-900 bg-white placeholder-gray-500 focus:outline-none focus:shadow-outline focus:border-blue-300 transition duration-150 ease-in-out sm:max-w-xs" placeholder="Enter your email" />
+    <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
+      <button class="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out">
+        Subscribe
+      </button>
+    </div>
+  </form>
+</div>
+
+<hr class="container max-w-screen-sm bg-gray-100 mt-16" style="height: 1px;">
+
 <div class="container max-w-screen-sm mt-16">
   <h2 class="text-xl font-black">All posts</h2>
 </div>