From 65d0740f920b243a343e3781b2e442a08452972c Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Sat, 21 Sep 2024 15:55:55 +0200
Subject: [PATCH] change breakpoint to 1050px

---
 assets/css/src/calendar-strip.css      |  2 +-
 assets/css/src/callout.css             |  2 +-
 assets/css/src/collapsable-section.css |  4 +--
 assets/css/src/event-key-infos.css     |  2 +-
 assets/css/src/event-presentation.css  |  2 +-
 assets/css/src/events-grid.css         |  2 +-
 assets/css/src/footer.css              |  2 +-
 assets/css/src/generic.css             |  2 +-
 assets/css/src/hero.css                |  2 +-
 assets/css/src/nav.css                 |  2 +-
 assets/css/src/newsletter.css          |  2 +-
 assets/css/src/page-sectioned.css      |  2 +-
 assets/css/src/program-filters.css     |  2 +-
 assets/css/src/responsive.css          |  2 +-
 assets/css/src/swiper.css              |  2 +-
 assets/css/src/variables.css           |  2 +-
 assets/dist/style.css                  | 35 +++++++++++++-------------
 site/snippets/picture.php              |  2 +-
 18 files changed, 35 insertions(+), 36 deletions(-)

diff --git a/assets/css/src/calendar-strip.css b/assets/css/src/calendar-strip.css
index 25bb399..431990e 100644
--- a/assets/css/src/calendar-strip.css
+++ b/assets/css/src/calendar-strip.css
@@ -112,7 +112,7 @@
   text-align: -webkit-right;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .calendar-strip {
     --padding-vertical: 1rem;
     border-top: var(--border);
diff --git a/assets/css/src/callout.css b/assets/css/src/callout.css
index 81857ac..3b2cb60 100644
--- a/assets/css/src/callout.css
+++ b/assets/css/src/callout.css
@@ -16,7 +16,7 @@ section.callout a {
   align-items: center;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   section.callout {
     padding: 2.25rem 2rem;
   }
diff --git a/assets/css/src/collapsable-section.css b/assets/css/src/collapsable-section.css
index 7cae55a..062eaf8 100644
--- a/assets/css/src/collapsable-section.css
+++ b/assets/css/src/collapsable-section.css
@@ -76,14 +76,14 @@
   width: auto !important;
 }
 
-@media screen and (min-width: 800px) {
+@media screen and (min-width: 1050px) {
   .session .left-column,
   .session .right-column {
     display: contents;
   }
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .collapsable__content .session {
     grid-template-columns: 1fr 1fr !important;
     column-gap: 9vw;
diff --git a/assets/css/src/event-key-infos.css b/assets/css/src/event-key-infos.css
index 375bad2..b325b8f 100644
--- a/assets/css/src/event-key-infos.css
+++ b/assets/css/src/event-key-infos.css
@@ -20,7 +20,7 @@ section.key-infos .key-infos__key:not(:last-child) {
   margin-right: 3rem;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   section.key-infos ul {
     display: grid;
     grid-template-columns: 1fr 1fr;
diff --git a/assets/css/src/event-presentation.css b/assets/css/src/event-presentation.css
index bcc0d53..08e1b03 100644
--- a/assets/css/src/event-presentation.css
+++ b/assets/css/src/event-presentation.css
@@ -20,7 +20,7 @@
   font-size: var(--font-size-s);
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .presentation {
     grid-template-columns: 1fr;
     row-gap: 1rem;
diff --git a/assets/css/src/events-grid.css b/assets/css/src/events-grid.css
index 5eb74af..a7958d0 100644
--- a/assets/css/src/events-grid.css
+++ b/assets/css/src/events-grid.css
@@ -67,7 +67,7 @@
   z-index: 3;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .events-grid {
     --padding-vertical: 10vw;
   }
diff --git a/assets/css/src/footer.css b/assets/css/src/footer.css
index 0451193..b6201ca 100644
--- a/assets/css/src/footer.css
+++ b/assets/css/src/footer.css
@@ -42,7 +42,7 @@
   top: 0;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .main-footer {
     grid-template-columns: 1fr;
     row-gap: 1rem;
diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css
index 89fe02e..bfd244b 100644
--- a/assets/css/src/generic.css
+++ b/assets/css/src/generic.css
@@ -256,7 +256,7 @@ img.show {
   scale: var(--scale-up);
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .mobile-group {
     display: block;
   }
diff --git a/assets/css/src/hero.css b/assets/css/src/hero.css
index 85aa68f..42f29ec 100644
--- a/assets/css/src/hero.css
+++ b/assets/css/src/hero.css
@@ -74,7 +74,7 @@
   opacity: 0;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .hero__text h2 {
     text-align: center;
   }
diff --git a/assets/css/src/nav.css b/assets/css/src/nav.css
index 2d9ba9e..cd16bb8 100644
--- a/assets/css/src/nav.css
+++ b/assets/css/src/nav.css
@@ -170,7 +170,7 @@
   max-width: 0.9ch;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .main-nav__featured-pages {
     display: none;
   }
diff --git a/assets/css/src/newsletter.css b/assets/css/src/newsletter.css
index 17839f6..0531495 100644
--- a/assets/css/src/newsletter.css
+++ b/assets/css/src/newsletter.css
@@ -41,7 +41,7 @@ section.newsletter form button[type="submit"]:hover::before {
   transform: translateX(-2.5rem);
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   section.newsletter {
     --padding-vertical: 1.3rem;
   }
diff --git a/assets/css/src/page-sectioned.css b/assets/css/src/page-sectioned.css
index 6c975c7..db946c7 100644
--- a/assets/css/src/page-sectioned.css
+++ b/assets/css/src/page-sectioned.css
@@ -79,7 +79,7 @@
   object-fit: contain;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .anchors-strip {
     display: none;
   }
diff --git a/assets/css/src/program-filters.css b/assets/css/src/program-filters.css
index 31f27aa..89d5369 100644
--- a/assets/css/src/program-filters.css
+++ b/assets/css/src/program-filters.css
@@ -2,7 +2,7 @@
   margin-right: 4vw;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .filters {
     display: none;
   }
diff --git a/assets/css/src/responsive.css b/assets/css/src/responsive.css
index f7c13e0..3a7b289 100644
--- a/assets/css/src/responsive.css
+++ b/assets/css/src/responsive.css
@@ -1,4 +1,4 @@
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .grid,
   .hero {
     grid-template-columns: 1fr;
diff --git a/assets/css/src/swiper.css b/assets/css/src/swiper.css
index 1d53297..35e272a 100644
--- a/assets/css/src/swiper.css
+++ b/assets/css/src/swiper.css
@@ -45,7 +45,7 @@
   width: 2.5rem;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   #swiper {
     position: static !important;
   }
diff --git a/assets/css/src/variables.css b/assets/css/src/variables.css
index e4413ca..33ec306 100644
--- a/assets/css/src/variables.css
+++ b/assets/css/src/variables.css
@@ -45,7 +45,7 @@
   --transition-image-opacity: opacity 0.3s ease-in-out;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   :root {
     --font-size-xl: 2.5rem;
     --font-size-h1: 1.875rem;
diff --git a/assets/dist/style.css b/assets/dist/style.css
index bccb299..0dc82ce 100644
--- a/assets/dist/style.css
+++ b/assets/dist/style.css
@@ -138,7 +138,7 @@ input {
   --transition-image-opacity: opacity 0.3s ease-in-out;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   :root {
     --font-size-xl: 2.5rem;
     --font-size-h1: 1.875rem;
@@ -463,7 +463,7 @@ img.show {
   scale: var(--scale-up);
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .mobile-group {
     display: block;
   }
@@ -694,7 +694,7 @@ button:focus-visible {
   max-width: 0.9ch;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .main-nav__featured-pages {
     display: none;
   }
@@ -854,7 +854,7 @@ button:focus-visible {
   opacity: 0;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .hero__text h2 {
     text-align: center;
   }
@@ -999,7 +999,7 @@ button:focus-visible {
   text-align: -webkit-right;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .calendar-strip {
     --padding-vertical: 1rem;
     border-top: var(--border);
@@ -1187,7 +1187,7 @@ a.to-blank:hover > .ticket svg path.dot {
   z-index: 3;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .events-grid {
     --padding-vertical: 10vw;
   }
@@ -1224,7 +1224,7 @@ section.callout a {
   align-items: center;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   section.callout {
     padding: 2.25rem 2rem;
   }
@@ -1283,7 +1283,7 @@ section.newsletter form button[type="submit"]:hover::before {
   transform: translateX(-2.5rem);
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   section.newsletter {
     --padding-vertical: 1.3rem;
   }
@@ -1311,7 +1311,7 @@ section.key-infos .key-infos__key:not(:last-child) {
   margin-right: 3rem;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   section.key-infos ul {
     display: grid;
     grid-template-columns: 1fr 1fr;
@@ -1349,7 +1349,7 @@ section.key-infos .key-infos__key:not(:last-child) {
   font-size: var(--font-size-s);
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .presentation {
     grid-template-columns: 1fr;
     row-gap: 1rem;
@@ -1403,7 +1403,7 @@ section.key-infos .key-infos__key:not(:last-child) {
   width: 2.5rem;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   #swiper {
     position: static !important;
   }
@@ -1497,14 +1497,14 @@ section.key-infos .key-infos__key:not(:last-child) {
   width: auto !important;
 }
 
-@media screen and (min-width: 800px) {
+@media screen and (min-width: 1050px) {
   .session .left-column,
   .session .right-column {
     display: contents;
   }
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .collapsable__content .session {
     grid-template-columns: 1fr 1fr !important;
     column-gap: 9vw;
@@ -1549,7 +1549,7 @@ section.key-infos .key-infos__key:not(:last-child) {
   margin-right: 4vw;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .filters {
     display: none;
   }
@@ -1636,7 +1636,7 @@ section.key-infos .key-infos__key:not(:last-child) {
   object-fit: contain;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .anchors-strip {
     display: none;
   }
@@ -1721,7 +1721,7 @@ section.key-infos .key-infos__key:not(:last-child) {
   top: 0;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .main-footer {
     grid-template-columns: 1fr;
     row-gap: 1rem;
@@ -1739,11 +1739,10 @@ section.key-infos .key-infos__key:not(:last-child) {
   }
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1050px) {
   .grid,
   .hero {
     grid-template-columns: 1fr;
     row-gap: var(--padding-vertical);
   }
 }
-
diff --git a/site/snippets/picture.php b/site/snippets/picture.php
index 2fc5958..8fef316 100644
--- a/site/snippets/picture.php
+++ b/site/snippets/picture.php
@@ -1,6 +1,6 @@
 <?php if (isset($file)): ?>
     <?php
-        $sizes = isset($size) ? '(min-width: 800px) ' . $size . 'vw, 100vw' : '(min-width: 800px) 50vw, 100vw';
+        $sizes = isset($size) ? '(min-width: 1050px) ' . $size . 'vw, 100vw' : '(min-width: 1050px) 50vw, 100vw';
         $alt = $alt ?? $file->alt();
         $crop = $crop ?? false;