Add support for twitter banner over newsletter

Author: nilbuild

src/theme.ts

@@ -38,6 +38,7 @@ type SiteConfigType = {
     medium: string;
   };
   newsletter: {
+    showTwitterBanner?: boolean;
     currentCount: string;
     revueUsername: string;
   };

theme/_includes/newsletter.ejs

@@ -0,0 +1,30 @@
+<% if (siteConfig.newsletter?.revueUsername && !siteConfig.newsletter.showTwitterBanner) { %>
+    <section id="mc_embed_signup" class="mar-tb-7">
+        <div class="mc-title-container">
+            <span class="mc-title-container__main">Subscribe for the Newsletter</span>
+            <span class="mc-title-container__sub">Join <%- siteConfig.newsletter?.currentCount; %>+ subscribers</span>
+        </div>
+        <form
+                class="mc-form"
+                action="https://www.getrevue.co/profile/<%- siteConfig.newsletter?.revueUsername; %>/add_subscriber"
+                method="post"
+                id="mc-embedded-subscribe-form"
+                name="mc-embedded-subscribe-form"
+                target="_blank"
+                novalidate=""
+        >
+            <input class="mc-form__email" type="email" value="" name="member[email]" id="mce-EMAIL"
+                   placeholder="Enter your email"
+                   spellcheck="false">
+            <button class="mc-form__button" type="submit" name="subscribe" id="mc-embedded-subscribe">Subscribe</button>
+        </form>
+    </section>
+<% } else if (siteConfig.newsletter.showTwitterBanner) { %>
+    <section id="mc_embed_signup" class="mar-tb-7 twitter-signup">
+        <div class="mc-title-container"></div>
+
+        <p class="mar-0 twitter-signup-text">👋 <a href="http://twitter.com/<%- siteConfig.social?.twitter; %>"
+                                                   target="_blank">Follow me on
+                twitter</a> for the updates. </p>
+    </section>
+<% } %>

theme/_includes/revue.ejs

@@ -24,7 +24,7 @@ const mid = parseInt((years.length / 2) || 1, 10) - 1;
         </div>
     </section>
     <% if (counter === mid) { %>
-        <%- include('_includes/revue', { siteConfig }) %>
+        <%- include('_includes/newsletter', { siteConfig }) %>
     <% } %>
 <%
     counter++;
@@ -33,7 +33,7 @@ const mid = parseInt((years.length / 2) || 1, 10) - 1;
 
 <!-- If counter never reached 1 -->
 <% if (counter === 0) { %>
-    <%- include('_includes/revue', { siteConfig }) %>
+    <%- include('_includes/newsletter', { siteConfig }) %>
 <% } %>
 
 <%- include('_includes/footer', { siteConfig }) %>

theme/_includes/twitter.ejs

@@ -8,5 +8,5 @@
     <%- post.html %>
 </article>
 
-<%- include('_includes/revue', { siteConfig }) %>
+<%- include('_includes/newsletter', { siteConfig }) %>
 <%- include('_includes/footer', { siteConfig }) %>