GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/fr/media/942-lire-un-diagramme

Response
200 OK
IP
216.73.216.102
Profiled on
Token
1bb393

Components

20 Twig Components
33 Render Count
522 ms Render Time
14.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 58.69ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 22.40ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 2.85ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.81ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 157.47ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 63.04ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 59.95ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 15.35ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 20.83ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 17.87ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 63.71ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 62.14ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.72ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.90ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.66ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 18.30ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.66ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 257.66ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 57.97ms
Social:Links 
[Anonymous]
components/Social/Links.html.twig 		1 17.96ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 2.81 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3685
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3686 …}
}
Header 
[Anonymous]
 14.0 MiB 157.47 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3716
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 63.04 ms
Input props 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Attributes 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3742
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 14.0 MiB 59.95 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3798
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 15.35 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3822
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 20.83 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3839
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 16.43 ms
Input props 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "hoverScheme" => "none"
  "darkColor" => "domain"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
]
Component 
App\Twig\Components\Button {#3864
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 14.0 MiB 17.87 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3856
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 15.35 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/942-lire-un-diagramme"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/942-lire-un-diagramme"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3942
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.57 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/fr/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/fr/subscribe/"
]
Component 
App\Twig\Components\Button {#3956
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 14.0 MiB 63.71 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3780
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1480 …}
}
Dialog 
[Anonymous]
 14.0 MiB 62.14 ms
Input props 
[
  "data-compo" => "Dialog/LocalePicker"
  "id" => "language-picker-dialog"
]
Attributes 
[
  "data-compo" => "Dialog/LocalePicker"
  "id" => "language-picker-dialog"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3993
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 18.27 ms
Input props 
[
  "tag" => "button"
  "size" => "small"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Attributes 
[
  "tag" => "button"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Component 
App\Twig\Components\Button {#4027
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.58 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/942-read-a-diagram"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/942-read-a-diagram"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4058
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.05 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/942-lire-un-diagramme"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => "done"
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/942-lire-un-diagramme"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4095
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.10 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/942-leer-un-diagrama"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/942-leer-un-diagrama"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4114
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 0.96 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/942-einen-diagram-reden"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/942-einen-diagram-reden"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4134
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 14.0 MiB 0.72 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3733
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.90 ms
Input props 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 942
    "title" => "Lire un diagramme"
    "slug" => "lire-un-diagramme"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/942-6545f483b0b14060057564.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/942-6545f483b0b14060057564.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/942-6545f483b0b14060057564.webp"
    ]
    "thumbnailBackground" => "#462f92"
    "publishedAt" => DateTimeImmutable @1575504000 {#1392
      date: 2019-12-05 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Savoir lire un graphe ou un diagramme.</li>\r\n
      \t<li>Travailler sa logique.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Il existe de nombreuses fa&ccedil;ons de repr&eacute;senter&nbsp;des donn&eacute;es : diagramme &agrave; bandes, diagramme en lignes bris&eacute;es, circulaire (camembert),&nbsp;tableau, etc.</p>\r\n
      \r\n
      <p>Ce quiz aborde de fa&ccedil;on originale les diagrammes en &eacute;valuant la comp&eacute;tence en lecture et interpr&eacute;tation. Il existe en effet de nombreuses activit&eacute;s de construction de diagramme &agrave; partir d&#39;un tableau de valeurs. Ici, les diagrammes sont fournis et il s&#39;agit d&#39;en extraire des informations utiles.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3442
        #id: 485
        #title: "Tracer un graphe (relevé de température)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#2911
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "tracer-un-graphe-releve-de-temperature"
      }
      App\Entity\vo\MediaCardLight {#3444
        #id: 981
        #title: "Grands nombres - grandes quantités"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1664150400 {#3028
          date: 2022-09-26 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "grands-nombres-grandes-quantites"
      }
      App\Entity\vo\MediaCardLight {#3445
        #id: 281
        #title: "Mesurer une longueur"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#2858
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "mesurer-une-longueur"
      }
      App\Entity\vo\MediaCardLight {#3446
        #id: 516
        #title: "Combien ça coûte ?"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1431302400 {#2967
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "combien-ca-coute"
      }
      App\Entity\vo\MediaCardLight {#3447
        #id: 897
        #title: "La mesure du temps"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1502323200 {#2983
          date: 2017-08-10 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "la-mesure-du-temps"
      }
    ]
    "tags" => [
      "bandes"
      "graduations"
      "histogramme"
      "lignes brisées"
      "unités"
    ]
    "baseNodeName" => "Mathématiques"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 942
    "title" => "Lire un diagramme"
    "slug" => "lire-un-diagramme"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/942-6545f483b0b14060057564.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/942-6545f483b0b14060057564.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/942-6545f483b0b14060057564.webp"
    ]
    "thumbnailBackground" => "#462f92"
    "publishedAt" => DateTimeImmutable @1575504000 {#1392
      date: 2019-12-05 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Savoir lire un graphe ou un diagramme.</li>\r\n
      \t<li>Travailler sa logique.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Il existe de nombreuses fa&ccedil;ons de repr&eacute;senter&nbsp;des donn&eacute;es : diagramme &agrave; bandes, diagramme en lignes bris&eacute;es, circulaire (camembert),&nbsp;tableau, etc.</p>\r\n
      \r\n
      <p>Ce quiz aborde de fa&ccedil;on originale les diagrammes en &eacute;valuant la comp&eacute;tence en lecture et interpr&eacute;tation. Il existe en effet de nombreuses activit&eacute;s de construction de diagramme &agrave; partir d&#39;un tableau de valeurs. Ici, les diagrammes sont fournis et il s&#39;agit d&#39;en extraire des informations utiles.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3442
        #id: 485
        #title: "Tracer un graphe (relevé de température)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#2911
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "tracer-un-graphe-releve-de-temperature"
      }
      App\Entity\vo\MediaCardLight {#3444
        #id: 981
        #title: "Grands nombres - grandes quantités"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1664150400 {#3028
          date: 2022-09-26 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "grands-nombres-grandes-quantites"
      }
      App\Entity\vo\MediaCardLight {#3445
        #id: 281
        #title: "Mesurer une longueur"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#2858
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "mesurer-une-longueur"
      }
      App\Entity\vo\MediaCardLight {#3446
        #id: 516
        #title: "Combien ça coûte ?"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1431302400 {#2967
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "combien-ca-coute"
      }
      App\Entity\vo\MediaCardLight {#3447
        #id: 897
        #title: "La mesure du temps"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1502323200 {#2983
          date: 2017-08-10 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "la-mesure-du-temps"
      }
    ]
    "tags" => [
      "bandes"
      "graduations"
      "histogramme"
      "lignes brisées"
      "unités"
    ]
    "baseNodeName" => "Mathématiques"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4166
  -props: [
    "title" => "Objectifs d’apprentissage"
    "media" => [
      "id" => 942
      "title" => "Lire un diagramme"
      "slug" => "lire-un-diagramme"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/942-6545f483b0b14060057564.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/942-6545f483b0b14060057564.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/942-6545f483b0b14060057564.webp"
      ]
      "thumbnailBackground" => "#462f92"
      "publishedAt" => DateTimeImmutable @1575504000 {#1392
        date: 2019-12-05 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Savoir lire un graphe ou un diagramme.</li>\r\n
        \t<li>Travailler sa logique.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Il existe de nombreuses fa&ccedil;ons de repr&eacute;senter&nbsp;des donn&eacute;es : diagramme &agrave; bandes, diagramme en lignes bris&eacute;es, circulaire (camembert),&nbsp;tableau, etc.</p>\r\n
        \r\n
        <p>Ce quiz aborde de fa&ccedil;on originale les diagrammes en &eacute;valuant la comp&eacute;tence en lecture et interpr&eacute;tation. Il existe en effet de nombreuses activit&eacute;s de construction de diagramme &agrave; partir d&#39;un tableau de valeurs. Ici, les diagrammes sont fournis et il s&#39;agit d&#39;en extraire des informations utiles.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3442
          #id: 485
          #title: "Tracer un graphe (relevé de température)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431302400 {#2911
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "tracer-un-graphe-releve-de-temperature"
        }
        App\Entity\vo\MediaCardLight {#3444
          #id: 981
          #title: "Grands nombres - grandes quantités"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1664150400 {#3028
            date: 2022-09-26 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "grands-nombres-grandes-quantites"
        }
        App\Entity\vo\MediaCardLight {#3445
          #id: 281
          #title: "Mesurer une longueur"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1431302400 {#2858
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "mesurer-une-longueur"
        }
        App\Entity\vo\MediaCardLight {#3446
          #id: 516
          #title: "Combien ça coûte ?"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
          ]
          #thumbnailBackground: "#b51d8e"
          #publishedAt: DateTimeImmutable @1431302400 {#2967
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "combien-ca-coute"
        }
        App\Entity\vo\MediaCardLight {#3447
          #id: 897
          #title: "La mesure du temps"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1502323200 {#2983
            date: 2017-08-10 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "la-mesure-du-temps"
        }
      ]
      "tags" => [
        "bandes"
        "graduations"
        "histogramme"
        "lignes brisées"
        "unités"
      ]
      "baseNodeName" => "Mathématiques"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 0.66 ms
Input props 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Attributes 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4188
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.84 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4204
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 18.30 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4228
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 1.66 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4264
    -content: "Plus de 1000 ressources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Plus de 1000 ressources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4266
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4264
      -content: "Plus de 1000 ressources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 257.66 ms
Input props 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Attributes 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4250
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 2.38 ms
Input props 
[
  "tag" => "button"
  "type" => "submit"
  "darkColor" => "domain"
  "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled""
]
Attributes 
[
  "tag" => "button"
  "type" => "submit"
  "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled""
]
Component 
App\Twig\Components\Button {#4510
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.01 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4295
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 15.90 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3442
    #id: 485
    #title: "Tracer un graphe (relevé de température)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#2911
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "tracer-un-graphe-releve-de-temperature"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4377
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3442
    #id: 485
    #title: "Tracer un graphe (relevé de température)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/485-6545f37f4e6e1162050420.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#2911
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "tracer-un-graphe-releve-de-temperature"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.75 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3444
    #id: 981
    #title: "Grands nombres - grandes quantités"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1664150400 {#3028
      date: 2022-09-26 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "grands-nombres-grandes-quantites"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4590
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3444
    #id: 981
    #title: "Grands nombres - grandes quantités"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/981-grands-nombres-grandes-quantites-664f37f81f37c067289629.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1664150400 {#3028
      date: 2022-09-26 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "grands-nombres-grandes-quantites"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.64 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3445
    #id: 281
    #title: "Mesurer une longueur"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#2858
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "mesurer-une-longueur"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4618
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3445
    #id: 281
    #title: "Mesurer une longueur"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/281-6545f3066318d467983029.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#2858
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "mesurer-une-longueur"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.59 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3446
    #id: 516
    #title: "Combien ça coûte ?"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1431302400 {#2967
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "combien-ca-coute"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4637
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3446
    #id: 516
    #title: "Combien ça coûte ?"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/516-6545f393f00cf966684538.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1431302400 {#2967
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "combien-ca-coute"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.52 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3447
    #id: 897
    #title: "La mesure du temps"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1502323200 {#2983
      date: 2017-08-10 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "la-mesure-du-temps"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4656
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3447
    #id: 897
    #title: "La mesure du temps"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1502323200 {#2983
      date: 2017-08-10 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "la-mesure-du-temps"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 57.97 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4213
  -props: []
}
Social:Links 
[Anonymous]
 14.0 MiB 17.96 ms
Input props 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Attributes 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4704
  -props: [
    "color" => "black"
    "class" => "mb-2"
    "size" => "24"
  ]
}