Fixed no email in Subscribe input area

Author: shivanshsin0203

content/archives/old-tech-blog/entries/gsoc-cc-wordpress-plugin-weekly-report-4/contents.lr

@@ -9,7 +9,7 @@ author: erlehmann
 ---
 body:
 
-As some of you may have noticed, this report about the [Wordpress CC plugin](/archives/old-tech-blog/entries/gsoc-project-introduction-cc-wordpress-plugin/) is several days late. This is because I was unable to produce new substantial features and have hit a roadblock with the one that is most important right now: A filter.
+As some of you may have noticed, this report about the [Wordpress CC plugin](/archives/old-tech-blog/entries/gsoc-project-introduction-cc-wordpress-plugin/) is several days late. This is because I was unable to produce new tantial features and have hit a roadblock with the one that is most important right now: A filter.
 
 In its current state, the plugin works fairly straightforward; it generates the markup and inserts it into the post. When planning it, I thought that would suffic — however, Nathan Kinkade advised me that several use cases would break this simple behaviour: If, for example, the chosen license is changed, there is no way to update all posts containing the already generated markup.
 

themes/vocabulary_theme/templates/layout.html

@@ -234,9 +234,28 @@
               <div class="subscription">
                 <h5 class="b-header">Subscribe to our newsletter</h5>
                 <form class="newsletter">
-                  <input type="text" class="input" placeholder="Your email">
+                  <input type="text" id="emailInput" class="input" placeholder="Your email">
                   <input type="submit" value="subscribe" class="button small">
-                </form>
+                  <span id="emailError" style="color: white;"></span>
+              </form>
+              <style>
+                #emailError {
+                    margin-left: 10px; 
+                }
+            </style>
+              <script>
+              document.querySelector('.newsletter').addEventListener('submit', function(event) {
+                  const emailInput = document.getElementById('emailInput');
+                  const emailError = document.getElementById('emailError');
+                 
+                  if (emailInput.value.trim() === '') {
+                      event.preventDefault(); 
+                      emailError.textContent = 'Please enter your email!';
+                  } else {
+                      emailError.textContent = ''; 
+                  }
+              });
+              </script>
               </div>
               <div class="attribution margin-top-bigger">
                 <p class="caption">