Compare commits

..

5 Commits

Author SHA1 Message Date
f57d659d74 fixed form response 2026-04-22 10:55:27 +02:00
842f786db6 fixed issue 2026-04-22 10:45:28 +02:00
d458a38513 hidden gift section 2026-04-22 10:34:46 +02:00
96a00cefce changed the gift box details 2026-03-27 17:48:45 +01:00
8c1bf35b5e added responsiveness on title 2026-03-27 17:48:23 +01:00
3 changed files with 29 additions and 11 deletions

View File

@ -91,7 +91,7 @@
<div class="form-card"> <div class="form-card">
<form <form
name="rsvp-gianca-40" name="rsvp-gianca-40-1"
method="POST" method="POST"
data-netlify="true" data-netlify="true"
netlify-honeypot="bot-field" netlify-honeypot="bot-field"
@ -163,7 +163,7 @@
</div> </div>
</section> </section>
<section class="section gift" id="regalo"> <!-- <section class="section gift" id="regalo">
<div class="container gift__shell"> <div class="container gift__shell">
<div class="gift__layout" aria-labelledby="gift-title"> <div class="gift__layout" aria-labelledby="gift-title">
<h3 class="gift__title" id="gift-title">Dettagli regalo</h3> <h3 class="gift__title" id="gift-title">Dettagli regalo</h3>
@ -172,14 +172,14 @@
<h2 class="gift__heading">Un piccolo gesto, con il sorriso.</h2> <h2 class="gift__heading">Un piccolo gesto, con il sorriso.</h2>
<p class="gift__lead"> <p class="gift__lead">
Se ti fa piacere contribuire al regalo o alla quota viaggio, qui trovi i riferimenti. Se ti fa piacere contribuire al regalo o alla quota viaggio, qui trovi i riferimenti.
</p> </p> -->
<!-- <p class="gift__note" id="gift-note">Nota facoltativa: un pensiero semplice è più che sufficiente.</p> --> <!-- <p class="gift__note" id="gift-note">Nota facoltativa: un pensiero semplice è più che sufficiente.</p> -->
</div> <!-- </div>
<div class="gift__col gift__col--right"> <div class="gift__col gift__col--right">
<span class="gift__accent" aria-hidden="true"></span> <span class="gift__accent" aria-hidden="true"></span> -->
<!-- Dati contributo: modifica rapidamente intestatario, IBAN, causale e nota in script.js (costante GIFT_DETAILS). --> <!-- Dati contributo: modifica rapidamente intestatario, IBAN, causale e nota in script.js (costante GIFT_DETAILS). -->
<dl class="gift__details"> <!-- <dl class="gift__details">
<div class="gift__row"> <div class="gift__row">
<dt>Intestatario</dt> <dt>Intestatario</dt>
<dd id="gift-holder">Flygo S.r.l</dd> <dd id="gift-holder">Flygo S.r.l</dd>
@ -207,7 +207,7 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section> -->
</main> </main>
<div class="success-modal" id="success-modal" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="success-title"> <div class="success-modal" id="success-modal" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="success-title">

View File

@ -16,7 +16,7 @@ const giftNote = document.getElementById('gift-note');
// Modifica qui i dati del calendario evento. // Modifica qui i dati del calendario evento.
const EVENT_CALENDAR = { const EVENT_CALENDAR = {
title: 'I 40 anni del Gianca', title: 'Il Gianquarantesimo',
location: 'Lost Paradise Beach Club, Bacoli', location: 'Lost Paradise Beach Club, Bacoli',
description: 'Conferma la tua presenza per i 40 anni del Gianca.', description: 'Conferma la tua presenza per i 40 anni del Gianca.',
date: '2026-04-25', date: '2026-04-25',
@ -27,9 +27,9 @@ const EVENT_CALENDAR = {
// Modifica qui i dati regalo / quota viaggio. // Modifica qui i dati regalo / quota viaggio.
const GIFT_DETAILS = { const GIFT_DETAILS = {
holder: 'Giancarlo ...', holder: 'Flygo S.r.l',
iban: 'IT00X0000000000000000000000', iban: 'IT 34 O 02008 03450 000011029239',
causal: 'Regalo 40 anni Gianca', causal: 'Lista Compleanno Giancarlo Esposito da parte di ...',
note: 'Nota facoltativa: un pensiero semplice e sempre gradito.' note: 'Nota facoltativa: un pensiero semplice e sempre gradito.'
}; };

View File

@ -931,3 +931,21 @@ body.modal-open {
width: 100%; width: 100%;
} }
} }
@media (max-width: 768px) {
.hero__title {
max-width: 18ch;
font-size: clamp(2.1rem, 8vw, 4rem);
-webkit-text-stroke: 7px var(--sea-dark);
line-height: 1;
}
}
@media (max-width: 480px) {
.hero__title {
max-width: 19ch;
font-size: clamp(1.85rem, 8.2vw, 3rem);
-webkit-text-stroke: 5px var(--sea-dark);
letter-spacing: -0.02em;
}
}