Skip to content

Commit

Permalink
Update mailing list form
Browse files Browse the repository at this point in the history
  • Loading branch information
@xsellier
xsellier committed Nov 29, 2024
1 parent a89bd8f commit f0be105
Show file tree
Hide file tree
Showing 2 changed files with 117 additions and 116 deletions.
116 changes: 58 additions & 58 deletions _includes/newsletter-en.html
View file
Original file line number Diff line number Diff line change
@@ -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>
117 changes: 59 additions & 58 deletions _includes/newsletter-fr.html
View file
Original file line number Diff line number Diff line change
@@ -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>

0 comments on commit f0be105

Please sign in to comment.