annulation Leonie

data/blogs/checklist-participant.yml

@@ -23,7 +23,7 @@ content: |-
     <li><input type="checkbox"/> <b>Son laptop</b> pour participer aux codelabs ou aux sessions “Code in the Dark” (vérifier sur la description du talk les prérequis d’installation).</li>
     <li><input type="checkbox"/> <b>Ses téléphones chargés à bloc</b> pour suivre les infos en live sur notre compte Instagram (@gdgnantes #DevFestNantes) !</li>
     <li><input type="checkbox"/> <b>Sa bonne humeur</b> et se rappeler qu’il y a un <a href="https://devfest.gdgnantes.com/code-of-conduct/" target="_blank">Code Of Conduct</a> à respecter pour une conférence inclusive et bienveillante. Un stand dédié au CoC et des personnes identifiées en vert seront en place pendant tout l’événement. #DevFestSafe</li>
-    <li><input type="checkbox"/> <b>Récupérer vos goodies</b> (t-shirt, stickers) dans la zone dédiée, au niveau 0, entre la salle Tour de Bretagne et la salle Les Machines mais également au niveau de la boutique.</li>
+    <li><input type="checkbox"/> <b>Récupérer vos goodies</b> (t-shirt, stickers) dans la zone dédiée, au niveau 0, entre la salle Tour Bretagne et la salle Les Machines mais également au niveau de la boutique.</li>
     <li><input type="checkbox"/> <b>Votre CB</b> pour venir à notre boutique et acheter les T-shirts des anciennes éditions !</li>
   </ul>
 
@@ -33,7 +33,7 @@ content: |-
       <ul>
         <li><input type="checkbox"/> Agenda disponible sur votre badge : ATTENTION au sens de lecture. L’agenda se lit comme si vous lisiez un livre 🙂 De gauche à droite et de haut en bas.</li>
         <li><input type="checkbox"/> Une application est disponible sur <a href="https://apps.apple.com/fr/app/devfest-nantes/id6443489706" target="_blank">l'App store</a> et sur <a href="https://play.google.com/store/apps/details?id=com.gdgnantes.devfest.androidapp&pli=1" target="_blank">le Play store</a> !</li>
-        <li><input type="checkbox"/> Salle de rediffusion prévue (anciennement Graslin) si la salle Tour de Bretagne est pleine.</li>
+        <li><input type="checkbox"/> Salle de rediffusion prévue (anciennement Graslin) si la salle Tour Bretagne est pleine.</li>
         <li><input type="checkbox"/> Se garder un temps dédié pour se balader sur les stands (échanges, jeux concours, animations, …)</li>
         <li><input type="checkbox"/> Faire un tour sur le stand des communautés Nantaises</li>
         <li><input type="checkbox"/> Profiter de la Zone Lounge au R2 #détente avec plein d’animations et stands.</li>

data/sessions/the_land_that_time_to_interactive_forgot.yml

@@ -7,6 +7,7 @@ talkType: conference
 tags:
   - web
 complexity: Intermediate
+cancelled: true
 speakers:
   - leonie_watson
 slot: day-1-conference-1

gatsby-node.js

@@ -63,6 +63,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
               language
               complexity
               abstract
+              cancelled
             }
           }
         }

src/components/schedule/index.tsx

@@ -24,6 +24,7 @@ export const Schedule: React.FC<{ day: 1 | 2 }> = ({ day }) => {
             room
             language
             complexity
+            cancelled
           }
         }
       }

src/components/session/sessionPageTemplate.tsx

@@ -30,11 +30,6 @@ const SessionPageTemplate: React.FC<{ pageContext: { session: Session } }> = ({
     <Layout>
       <DefaultPage title={session.title} noHero={true}>
         <TertiarySection slim>
-          {session.cancelled && (
-            <Typography variant="h1" color="primary">
-              {t("cancelled")}
-            </Typography>
-          )}
           <Typography
             variant="h1"
             color="primary"
@@ -45,6 +40,11 @@ const SessionPageTemplate: React.FC<{ pageContext: { session: Session } }> = ({
           >
             {session.title}
           </Typography>
+          {session.cancelled && (
+            <Typography variant="h1" color="secondary" className={"cancelled-title"}>
+              {t("cancelled")}
+            </Typography>
+          )}
           <Stack spacing={3}>
             <Stack direction="row" spacing={2} alignItems="center">
               <Typography

src/components/session/style.scss

@@ -16,3 +16,14 @@
 .session-title.cancelled {
   text-decoration: line-through;
 }
+
+.cancelled-title {
+  color: var(--secondary) !important;
+  padding: 10px 20px;
+  border: 1px solid var(--secondary);
+  border-radius: 10px;
+  @media (min-width: 600px) {
+    font-size: 26px;
+    width: 40%;
+  }
+}