diff --git a/assets/css/src/events-grid.css b/assets/css/src/events-grid.css index e7edb5c..f02c668 100644 --- a/assets/css/src/events-grid.css +++ b/assets/css/src/events-grid.css @@ -5,3 +5,19 @@ .events-grid h4 { margin-bottom: 1rem; } + +.event-card picture { + margin-bottom: calc(var(--space-m) / 2); +} + +.event-card__infos > div { + display: grid; + grid-template-columns: repeat(2, 1fr); +} +.event-card__infos > div:first-child { + margin-bottom: calc(var(--space-m) / 2); +} + +.event-card__infos > div > *:not(h5):last-child { + place-self: end; +} diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css index 6410ceb..0b4f7cc 100644 --- a/assets/css/src/generic.css +++ b/assets/css/src/generic.css @@ -12,3 +12,50 @@ body.progress * { .grid__item { grid-column: span var(--span); } + +@keyframes vibrate { + 0%, + 100% { + scale: 1; + transform: rotate(0deg); + } + 20%, + 40%, + 60%, + 80% { + transform: rotate(5deg); + } + + 20% { + scale: 0.95; + } + + 50% { + scale: 1.05; + } + + 80% { + scale: 0.95; + } + + 10%, + 30%, + 50%, + 70%, + 90% { + transform: rotate(-5deg); + } +} + +.ticket:hover svg { + animation: vibrate 0.5s forwards; +} + +.ticket:hover svg path:not(.dot) { + fill: var(--color-salmon); + stroke: var(--color-salmon); +} + +.ticket:hover svg path.dot { + fill: #fff; +} diff --git a/assets/css/src/reset.css b/assets/css/src/reset.css index 06e318d..55e8a92 100644 --- a/assets/css/src/reset.css +++ b/assets/css/src/reset.css @@ -24,8 +24,11 @@ figure { } a { + margin: 0; + padding: 0; text-decoration: none; color: inherit; + cursor: pointer; } a:visited { diff --git a/assets/css/src/text.css b/assets/css/src/text.css index 6bfee38..2116398 100644 --- a/assets/css/src/text.css +++ b/assets/css/src/text.css @@ -34,5 +34,11 @@ h3, h4, .h4 { font-size: var(--font-size-h4); - font-weight: bold; + font-weight: 500; +} + +h5, +.h5 { + font-size: var(--font-size-h5); + font-weight: 600; } diff --git a/assets/css/src/variables.css b/assets/css/src/variables.css index daeaad7..bb745d5 100644 --- a/assets/css/src/variables.css +++ b/assets/css/src/variables.css @@ -2,6 +2,7 @@ --border: 1px solid #000; --font-size-body: 1.25rem; + --font-size-h5: 1.5625rem; --font-size-h4: 1.5625rem; --font-size-h3: 1.5625rem; --font-size-h2: 1.875rem; diff --git a/assets/images/icons/ticket.svg b/assets/images/icons/ticket.svg index 08585eb..e4219a3 100644 --- a/assets/images/icons/ticket.svg +++ b/assets/images/icons/ticket.svg @@ -1,10 +1,10 @@ - - - - + + + + diff --git a/site/blueprints/pages/event.yml b/site/blueprints/pages/event.yml index 4f2ab55..efd0834 100644 --- a/site/blueprints/pages/event.yml +++ b/site/blueprints/pages/event.yml @@ -18,6 +18,8 @@ tabs: Enregistrez (touches ⌘ / ctrl + s) et rechargez la page. when: isMapadoEvent: true + mapadoSlug: + type: hidden duration: label: Durée type: text diff --git a/site/config/hooks/update-mapado-event.php b/site/config/hooks/update-mapado-event.php index 405e512..ad7ff1f 100644 --- a/site/config/hooks/update-mapado-event.php +++ b/site/config/hooks/update-mapado-event.php @@ -60,6 +60,7 @@ return function($newPage, $oldPage) { } $newPage->update([ + "mapadoSlug" => $mapadoEvent->slug, "remoteDuration" => $duration, "remoteSessions" => $sessionsToSave ]); diff --git a/site/config/routes/month-dates.php b/site/config/routes/month-dates.php index 541d790..fd716e3 100644 --- a/site/config/routes/month-dates.php +++ b/site/config/routes/month-dates.php @@ -107,6 +107,7 @@ return [ } } $event->update([ + "mapadoSlug" => $mapadoEvent->slug, "remoteDuration" => $duration, "remoteSessions" => $sessionsToSave ]); diff --git a/site/snippets/event-card.php b/site/snippets/event-card.php index 10a2007..21cbfbf 100644 --- a/site/snippets/event-card.php +++ b/site/snippets/event-card.php @@ -3,10 +3,12 @@
title() ?>
- + isMapadoEvent() == 'true'): ?> + 'https://cdn-besancon.mapado.com/event/' . $event->mapadoSlug()]) ?> +
-

authors() ?>

+
authors() ?>

schedule() ?>

diff --git a/site/snippets/ticket.php b/site/snippets/ticket.php new file mode 100644 index 0000000..9e55c88 --- /dev/null +++ b/site/snippets/ticket.php @@ -0,0 +1,3 @@ + + + \ No newline at end of file