Compare commits
7 Commits
ae311104f2
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| f57d659d74 | |||
| 842f786db6 | |||
| d458a38513 | |||
| 96a00cefce | |||
| 8c1bf35b5e | |||
| 3174966132 | |||
| ce9ef58461 |
101
index.html
101
index.html
@ -17,7 +17,7 @@
|
|||||||
<div class="hero__overlay"></div>
|
<div class="hero__overlay"></div>
|
||||||
|
|
||||||
<div class="hero__content container">
|
<div class="hero__content container">
|
||||||
<h1 class="hero__title">Hey, ci sono i 40 anni del Gianca!</h1>
|
<h1 class="hero__title">Hey, vieni al GIANQUARANTESIMO ?</h1>
|
||||||
<div class="hero__underline" aria-hidden="true"></div>
|
<div class="hero__underline" aria-hidden="true"></div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
@ -29,7 +29,10 @@
|
|||||||
<p class="section-kicker">Un pranzo vista mare</p>
|
<p class="section-kicker">Un pranzo vista mare</p>
|
||||||
<h2>Una giornata semplice, bella, piena di affetto.</h2>
|
<h2>Una giornata semplice, bella, piena di affetto.</h2>
|
||||||
<p>
|
<p>
|
||||||
Il Gianca festeggia i suoi 40 anni e ha bisogno di sapere chi ci sarà, così da organizzare al meglio tavoli, spazi e tutto il resto.
|
<strong>Il 25 Aprile festeggerò 40 anni.</strong>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Fammi sapere se ci sarai in modo da organizzare al meglio tavoli , spazi e tutto il resto.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Compila il modulo qui sotto: bastano pochi secondi per confermare la presenza, indicare l'eventuale partner e il numero di bambini.
|
Compila il modulo qui sotto: bastano pochi secondi per confermare la presenza, indicare l'eventuale partner e il numero di bambini.
|
||||||
@ -71,52 +74,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section gift" id="regalo">
|
|
||||||
<div class="container gift__shell">
|
|
||||||
<div class="gift__layout" aria-labelledby="gift-title">
|
|
||||||
<h3 class="gift__title" id="gift-title">Dettagli regalo</h3>
|
|
||||||
<div class="gift__col gift__col--left">
|
|
||||||
<p class="section-kicker gift__kicker">Regalo / quota viaggio</p>
|
|
||||||
<h2 class="gift__heading">Un piccolo gesto, con il sorriso.</h2>
|
|
||||||
<p class="gift__lead">
|
|
||||||
Se ti fa piacere contribuire al regalo o alla quota viaggio, qui trovi i riferimenti.
|
|
||||||
</p>
|
|
||||||
<p class="gift__note" id="gift-note">Nota facoltativa: un pensiero semplice è più che sufficiente.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="gift__col gift__col--right">
|
|
||||||
<span class="gift__accent" aria-hidden="true"></span>
|
|
||||||
<!-- Dati contributo: modifica rapidamente intestatario, IBAN, causale e nota in script.js (costante GIFT_DETAILS). -->
|
|
||||||
<dl class="gift__details">
|
|
||||||
<div class="gift__row">
|
|
||||||
<dt>Intestatario</dt>
|
|
||||||
<dd id="gift-holder">Giancarlo ...</dd>
|
|
||||||
</div>
|
|
||||||
<div class="gift__row gift__row--iban">
|
|
||||||
<dt>IBAN</dt>
|
|
||||||
<dd id="gift-iban">IT00X0000000000000000000000</dd>
|
|
||||||
<div class="gift__iban-actions">
|
|
||||||
<button
|
|
||||||
class="button button--secondary button--compact gift__copy"
|
|
||||||
type="button"
|
|
||||||
id="copy-iban"
|
|
||||||
data-copy-target="gift-iban"
|
|
||||||
>
|
|
||||||
Copia IBAN
|
|
||||||
</button>
|
|
||||||
<p class="gift__feedback" id="iban-feedback" aria-live="polite"></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="gift__row">
|
|
||||||
<dt>Causale consigliata</dt>
|
|
||||||
<dd id="gift-causal">Regalo 40 anni Gianca</dd>
|
|
||||||
</div>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="section rsvp" id="rsvp">
|
<section class="section rsvp" id="rsvp">
|
||||||
<div class="container rsvp__grid">
|
<div class="container rsvp__grid">
|
||||||
<div class="rsvp__copy">
|
<div class="rsvp__copy">
|
||||||
@ -134,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"
|
||||||
@ -205,6 +162,52 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<!-- <section class="section gift" id="regalo">
|
||||||
|
<div class="container gift__shell">
|
||||||
|
<div class="gift__layout" aria-labelledby="gift-title">
|
||||||
|
<h3 class="gift__title" id="gift-title">Dettagli regalo</h3>
|
||||||
|
<div class="gift__col gift__col--left">
|
||||||
|
<p class="section-kicker gift__kicker">Regalo / quota viaggio</p>
|
||||||
|
<h2 class="gift__heading">Un piccolo gesto, con il sorriso.</h2>
|
||||||
|
<p class="gift__lead">
|
||||||
|
Se ti fa piacere contribuire al regalo o alla quota viaggio, qui trovi i riferimenti.
|
||||||
|
</p> -->
|
||||||
|
<!-- <p class="gift__note" id="gift-note">Nota facoltativa: un pensiero semplice è più che sufficiente.</p> -->
|
||||||
|
<!-- </div>
|
||||||
|
|
||||||
|
<div class="gift__col gift__col--right">
|
||||||
|
<span class="gift__accent" aria-hidden="true"></span> -->
|
||||||
|
<!-- Dati contributo: modifica rapidamente intestatario, IBAN, causale e nota in script.js (costante GIFT_DETAILS). -->
|
||||||
|
<!-- <dl class="gift__details">
|
||||||
|
<div class="gift__row">
|
||||||
|
<dt>Intestatario</dt>
|
||||||
|
<dd id="gift-holder">Flygo S.r.l</dd>
|
||||||
|
</div>
|
||||||
|
<div class="gift__row gift__row--iban">
|
||||||
|
<dt>IBAN</dt>
|
||||||
|
<dd id="gift-iban">IT 34 O 02008 03450 000011029239</dd>
|
||||||
|
<div class="gift__iban-actions">
|
||||||
|
<button
|
||||||
|
class="button button--secondary button--compact gift__copy"
|
||||||
|
type="button"
|
||||||
|
id="copy-iban"
|
||||||
|
data-copy-target="gift-iban"
|
||||||
|
>
|
||||||
|
Copia IBAN
|
||||||
|
</button>
|
||||||
|
<p class="gift__feedback" id="iban-feedback" aria-live="polite"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="gift__row">
|
||||||
|
<dt>Causale consigliata</dt>
|
||||||
|
<dd id="gift-causal">Lista Compleanno Giancarlo Esposito da parte di ...</dd>
|
||||||
|
</div>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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">
|
||||||
|
|||||||
@ -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.'
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
20
style.css
20
style.css
@ -98,7 +98,7 @@ img {
|
|||||||
|
|
||||||
.hero__title {
|
.hero__title {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
max-width: 14ch;
|
max-width: 18ch;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: clamp(2.8rem, 6vw, 6.6rem);
|
font-size: clamp(2.8rem, 6vw, 6.6rem);
|
||||||
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user