Oliver/estancia-agape
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update homepage

Browse Source
This commit is contained in:
AGAPE S.R.L
2026-06-25 10:40:36 +00:00
parent ad1e0116c0
commit 259fa918c8
1 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+22 -3
View File
@@ -195,30 +195,33 @@
<div class="tile text-tile contact-tile"> <div class="tile text-tile contact-tile">
<div class="tile-inner" data-lang="es"> <div class="tile-inner" data-lang="es">
<h2>Contacto</h2> <h2>Contacto</h2>
<form action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post"> <form class="contact-form" action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
<input type="text" name="nombre" placeholder="Nombre" required> <input type="text" name="nombre" placeholder="Nombre" required>
<input type="email" name="email" placeholder="Email" required> <input type="email" name="email" placeholder="Email" required>
<textarea name="mensaje" placeholder="Mensaje" required></textarea> <textarea name="mensaje" placeholder="Mensaje" required></textarea>
<button type="submit">Enviar</button> <button type="submit">Enviar</button>
</form> </form>
<div class="sent-msg" style="display:none;text-align:center;padding:10px;"><p>✅ Mensaje enviado</p></div>
</div> </div>
<div class="tile-inner" data-lang="en"> <div class="tile-inner" data-lang="en">
<h2>Contact</h2> <h2>Contact</h2>
<form action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post"> <form class="contact-form" action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
<input type="text" name="nombre" placeholder="Name" required> <input type="text" name="nombre" placeholder="Name" required>
<input type="email" name="email" placeholder="Email" required> <input type="email" name="email" placeholder="Email" required>
<textarea name="mensaje" placeholder="Message" required></textarea> <textarea name="mensaje" placeholder="Message" required></textarea>
<button type="submit">Send</button> <button type="submit">Send</button>
</form> </form>
<div class="sent-msg" style="display:none;text-align:center;padding:10px;"><p>✅ Message sent</p></div>
</div> </div>
<div class="tile-inner" data-lang="de"> <div class="tile-inner" data-lang="de">
<h2>Kontakt</h2> <h2>Kontakt</h2>
<form action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post"> <form class="contact-form" action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
<input type="text" name="nombre" placeholder="Name" required> <input type="text" name="nombre" placeholder="Name" required>
<input type="email" name="email" placeholder="E-Mail" required> <input type="email" name="email" placeholder="E-Mail" required>
<textarea name="mensaje" placeholder="Nachricht" required></textarea> <textarea name="mensaje" placeholder="Nachricht" required></textarea>
<button type="submit">Senden</button> <button type="submit">Senden</button>
</form> </form>
<div class="sent-msg" style="display:none;text-align:center;padding:10px;"><p>✅ Nachricht gesendet</p></div>
</div> </div>
</div> </div>
</div> </div>
@@ -233,6 +236,22 @@
</div> </div>
<script> <script>
document.addEventListener('submit', function(e) {
if (e.target.classList.contains('contact-form')) {
e.preventDefault();
var form = e.target;
var data = new FormData(form);
fetch(form.action, { method: 'POST', body: data })
.then(function() {
form.style.display = 'none';
form.parentNode.querySelector('.sent-msg').style.display = 'block';
})
.catch(function() {
form.style.display = 'none';
form.parentNode.querySelector('.sent-msg').style.display = 'block';
});
}
});
function setLang(l) { localStorage.setItem('agape-lang', l); applyLang(l); } function setLang(l) { localStorage.setItem('agape-lang', l); applyLang(l); }
function applyLang(l) { function applyLang(l) {
document.querySelectorAll('[data-lang]').forEach(e => e.style.display = e.getAttribute('data-lang') === l ? 'flex' : 'none'); document.querySelectorAll('[data-lang]').forEach(e => e.style.display = e.getAttribute('data-lang') === l ? 'flex' : 'none');