style improvement on submission box

Author: OliEfr

css/index.scss

@@ -169,9 +169,6 @@
 
 .subscription-message {
     margin-bottom: 15px;
-    line-height: 1.5;
-    color: #555;
-    font-size: 16px;
 }
 
 .subscription-form {
@@ -184,7 +181,7 @@
     flex-grow: 1;
     padding: 10px 12px;
     font-size: 16px;
-    border: 2px solid #555;
+    border: 2px solid #e8e8e8;
     border-radius: 5px;
     width: 100%;
     box-sizing: border-box;
@@ -213,7 +210,7 @@
 .send-icon {
     width: 24px;
     height: 24px;
-    fill: #555;
+    fill: rgba(0, 0, 0, 0.7);
 }
 
 .message {

index.html

@@ -98,7 +98,7 @@ <h1 class="title">
       </div>
         <div class="subscription-container">
           <p class="subscription-message">
-              Stay up-to-date with my research. I will only send an e-mail every 6 months or so. You can opt-out anytime.
+              Stay up-to-date with my research. I will only send an e-mail every 6 months or so, promised. You can opt-out anytime.
           </p>
           <div class="subscription-form">
               <input type="email" id="emailInput" class="input-email" placeholder="[email protected]">

js/index.js

@@ -62,20 +62,20 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 });
 
+// submission box
 document.addEventListener('DOMContentLoaded', function() {
-    // Add event listener to the submit button
     const submitButton = document.getElementById('submitButton');
     submitButton.addEventListener('click', submitEmail);
     emailInput.addEventListener('keydown', function(event) {
         if (event.key === 'Enter') {
-            event.preventDefault(); // Prevent form submission
-            submitButton.click(); // Trigger click event on submit button
+            event.preventDefault();
+            submitButton.click();
         }
     });
 });
 
 function validateEmail(email) {
-    const re = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+    const re = /^.+@.+\..+$/;
     return re.test(email.toLowerCase());
 }
 
@@ -130,6 +130,7 @@ function submitEmail() {
         })
     })
     .then(response => {
+        console.log(response)
         // With no-cors mode, we can't read the response, so we assume success
         showMessage("You'll stay up-to-date with my research!");
         emailInput.value = '';