From f0be105c89c0cd84ea368e143d2a8fd7e3c90ddb Mon Sep 17 00:00:00 2001
From: Xavier Sellier <contact@binogure-studio.com>
Date: Fri, 29 Nov 2024 17:53:23 +0100
Subject: [PATCH] Update mailing list form

---
 _includes/newsletter-en.html | 116 +++++++++++++++++-----------------
 _includes/newsletter-fr.html | 117 ++++++++++++++++++-----------------
 2 files changed, 117 insertions(+), 116 deletions(-)

diff --git a/_includes/newsletter-en.html b/_includes/newsletter-en.html
index b9fdeca..17f0123 100644
--- a/_includes/newsletter-en.html
+++ b/_includes/newsletter-en.html
@@ -1,77 +1,77 @@
 <style type="text/css">
-.newsletter {
-    font-family: 'Arial', sans-serif;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
+    .newsletter {
+        font-family: 'Arial', sans-serif;
+        margin: 0;
+        padding: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
 
-.newsletter-container {
-    max-width: 400px;
-    padding: 10px;
-    margin: 10px;
-    background-color: rgba(255, 255, 255, 0.9); /* Apply transparency */
-    border-radius: 8px;
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
-    backdrop-filter: blur(10px); /* Apply blur effect */
+    .newsletter-container {
+        max-width: 400px;
+        padding: 10px;
+        margin: 10px;
+        background-color: rgba(255, 255, 255, 0.9); /* Apply transparency */
+        border-radius: 8px;
+        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+        backdrop-filter: blur(10px); /* Apply blur effect */
 
-}
+    }
 
-.newsletter-title {
-    text-align: center;
-    margin-bottom: 10px;
-    color: #393e46;
-    font-size: 24px;
-}
+    .newsletter-title {
+        text-align: center;
+        margin-bottom: 10px;
+        color: #393e46;
+        font-size: 24px;
+    }
 
-.newsletter-description {
-    text-align: left;
-    margin-bottom: 10px;
-    color: #393e46;
-    font-size: 14px;
-}
+    .newsletter-description {
+        text-align: left;
+        margin-bottom: 10px;
+        color: #393e46;
+        font-size: 14px;
+    }
 
-input[type="email"] {
-    width: 100%;
-    padding: 15px;
-    margin-bottom: 10px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    box-sizing: border-box;
-    font-size: 16px;
-    color: #666;
-}
+    input[type="email"] {
+        width: 100%;
+        padding: 15px;
+        margin-bottom: 10px;
+        border: 1px solid #ccc;
+        border-radius: 5px;
+        box-sizing: border-box;
+        font-size: 16px;
+        color: #666;
+    }
 
-input[type="submit"] {
-    width: 100%;
-    padding: 15px;
-    background-color: #007bff;
-    color: #fff;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-    font-size: 18px;
-    transition: background-color 0.3s ease-in-out;
-}
+    input[type="submit"] {
+        width: 100%;
+        padding: 15px;
+        background-color: #007bff;
+        color: #fff;
+        border: none;
+        border-radius: 5px;
+        cursor: pointer;
+        font-size: 18px;
+        transition: background-color 0.3s ease-in-out;
+    }
 
-input[type="submit"]:hover {
-    background-color: #0056b3;
-}
+    input[type="submit"]:hover {
+        background-color: #0056b3;
+    }
 </style>
 <div class="padit center-div newsletter">
     <div id="newsletter" class="anchor-menu"></div>
     <div class="newsletter-container">
-      <div class="newsletter-title">Subscribe to Our Newsletter</div>
-      <div class="newsletter-description">If you're interested in testing exclusive games, then sign up below to get exclusive access.</div>
-      <form class="sendfox-form" action="https://sendfox.com/form/3zv0de/19oqxy"  id="19oqxy" data-async="true" data-recaptcha="true">
-          <input type="email" id="sendfox_form_email" autocomplete="email" name="email" placeholder="Enter your email address" required>
+        <div class="newsletter-title">Subscribe to Our Newsletter</div>
+        <div class="newsletter-description">If you're interested in testing it out, then sign up below to get exclusive access.</div>
+        <form method="post" action="https://sendfox.com/form/3zv0de/19oqxy" class="sendfox-form" id="19oqxy" data-async="true" data-recaptcha="true">
+          <p><label for="sendfox_form_email">Email: </label><input type="email" id="sendfox_form_email" placeholder="Email" name="email" required /></p>
           <!-- no botz please -->
           <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="a_password" tabindex="-1" value="" autocomplete="off" /></div>
-          <!-- /input -->
           <input type="submit" value="Subscribe Now!">
       </form>
+      <script src="https://cdn.sendfox.com/js/form.js" charset="utf-8"></script>
   </div>
 </div>
 <script src="https://sendfox.com/js/form.js"></script>
diff --git a/_includes/newsletter-fr.html b/_includes/newsletter-fr.html
index 84ea0d6..636631f 100644
--- a/_includes/newsletter-fr.html
+++ b/_includes/newsletter-fr.html
@@ -1,77 +1,78 @@
 <style type="text/css">
-.newsletter {
-    font-family: 'Arial', sans-serif;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
+    .newsletter {
+        font-family: 'Arial', sans-serif;
+        margin: 0;
+        padding: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
 
-.newsletter-container {
-    max-width: 400px;
-    padding: 10px;
-    margin: 10px;
-    background-color: rgba(255, 255, 255, 0.9); /* Apply transparency */
-    border-radius: 8px;
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
-    backdrop-filter: blur(10px); /* Apply blur effect */
+    .newsletter-container {
+        max-width: 400px;
+        padding: 10px;
+        margin: 10px;
+        background-color: rgba(255, 255, 255, 0.9); /* Apply transparency */
+        border-radius: 8px;
+        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+        backdrop-filter: blur(10px); /* Apply blur effect */
 
-}
+    }
 
-.newsletter-title {
-    text-align: center;
-    margin-bottom: 10px;
-    color: #393e46;
-    font-size: 24px;
-}
+    .newsletter-title {
+        text-align: center;
+        margin-bottom: 10px;
+        color: #393e46;
+        font-size: 24px;
+    }
 
-.newsletter-description {
-    text-align: left;
-    margin-bottom: 10px;
-    color: #393e46;
-    font-size: 14px;
-}
+    .newsletter-description {
+        text-align: left;
+        margin-bottom: 10px;
+        color: #393e46;
+        font-size: 14px;
+    }
 
-input[type="email"] {
-    width: 100%;
-    padding: 15px;
-    margin-bottom: 10px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    box-sizing: border-box;
-    font-size: 16px;
-    color: #666;
-}
+    input[type="email"] {
+        width: 100%;
+        padding: 15px;
+        margin-bottom: 10px;
+        border: 1px solid #ccc;
+        border-radius: 5px;
+        box-sizing: border-box;
+        font-size: 16px;
+        color: #666;
+    }
 
-input[type="submit"] {
-    width: 100%;
-    padding: 15px;
-    background-color: #007bff;
-    color: #fff;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-    font-size: 18px;
-    transition: background-color 0.3s ease-in-out;
-}
+    input[type="submit"] {
+        width: 100%;
+        padding: 15px;
+        background-color: #007bff;
+        color: #fff;
+        border: none;
+        border-radius: 5px;
+        cursor: pointer;
+        font-size: 18px;
+        transition: background-color 0.3s ease-in-out;
+    }
 
-input[type="submit"]:hover {
-    background-color: #0056b3;
-}
+    input[type="submit"]:hover {
+        background-color: #0056b3;
+    }
 </style>
 <div class="padit center-div newsletter">
     <div id="newsletter" class="anchor-menu"></div>
     <div class="newsletter-container">
-      <div class="newsletter-title">S'abonner à notre infolettre</div>
-      <div class="newsletter-description">Si vous souhaitez tester des jeux exclusifs, inscrivez-vous ci-dessous pour bénéficier d'un accès exclusif.</div>
-      <form class="sendfox-form" action="https://sendfox.com/form/3zv0de/19oqxy"  id="19oqxy" data-async="true" data-recaptcha="true">
-          <input type="email" id="sendfox_form_email" autocomplete="email" name="email" placeholder="Enter your email address" required>
+        <div class="newsletter-title">S'abonner à notre infolettre</div>
+        <div class="newsletter-description">Si vous souhaitez tester des jeux exclusifs, inscrivez-vous ci-dessous pour bénéficier d'un accès exclusif.</div>
+        <form method="post" action="https://sendfox.com/form/3zv0de/19oqxy" class="sendfox-form" id="19oqxy" data-async="true" data-recaptcha="true">
+          <p><label for="sendfox_form_email">Email: </label><input type="email" id="sendfox_form_email" placeholder="Email" name="email" required /></p>
           <!-- no botz please -->
           <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="a_password" tabindex="-1" value="" autocomplete="off" /></div>
-          <!-- /input -->
           <input type="submit" value="Subscribe Now!">
       </form>
+      <script src="https://cdn.sendfox.com/js/form.js" charset="utf-8"></script>
   </div>
 </div>
 <script src="https://sendfox.com/js/form.js"></script>
+