GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/fr/media/826-video-ecomobilite

Response
200 OK
IP
216.73.216.102
Profiled on
Token
b07778

Components

20 Twig Components
33 Render Count
81 ms Render Time
8.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 13.77ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 13.19ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 0.92ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 0.93ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 22.72ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 6.93ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 6.07ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.29ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 2.80ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 1.27ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 14.07ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 13.46ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.34ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.25ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.28ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 1.46ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.74ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 37.42ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 3.90ms
Social:Links 
[Anonymous]
components/Social/Links.html.twig 		1 0.54ms

Render calls

Store:User App\Twig\Components\Store\User 6.0 MiB 0.93 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3812
  -securityService: App\Service\SecurityService {#114 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3813 …}
}
Header 
[Anonymous]
 8.0 MiB 22.72 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3843
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 8.0 MiB 6.93 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 {#3869
  -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]
 8.0 MiB 6.07 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3925
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 6.0 MiB 0.29 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3949
  -props: []
}
Header:LocalePicker 
[Anonymous]
 8.0 MiB 2.80 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3966
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 1.02 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 {#3991
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 8.0 MiB 1.27 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3983
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 0.51 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/826-video-ecomobilite"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/826-video-ecomobilite"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4069
  +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 8.0 MiB 0.50 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/fr/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/fr/subscribe/"
]
Component 
App\Twig\Components\Button {#4083
  +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 8.0 MiB 14.07 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3907
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1480 …}
}
Dialog 
[Anonymous]
 8.0 MiB 13.46 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 {#4120
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 0.47 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 {#4154
  +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 8.0 MiB 0.45 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/826-video-ecomobility"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/826-video-ecomobility"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4194
  +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 8.0 MiB 8.72 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/826-video-ecomobilite"
  "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/826-video-ecomobilite"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4222
  +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 8.0 MiB 0.63 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/826-video-ecomovilidad"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/826-video-ecomovilidad"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4241
  +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 8.0 MiB 0.53 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/826-media"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/826-media"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4261
  +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 8.0 MiB 0.34 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3860
  -purchaseRepository: App\Repository\PurchaseRepository {#117 …}
  -securityService: App\Service\SecurityService {#114 …}
}
MediaField 
[Anonymous]
 8.0 MiB 0.25 ms
Input props 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 826
    "title" => "Vidéo : Écomobilité"
    "slug" => "video-ecomobilite"
    "mediaType" => "video"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
    ]
    "thumbnailBackground" => "#f25821"
    "publishedAt" => DateTimeImmutable @1431302400 {#1392
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 440
    "description" => """
      <p>Nous passons beaucoup de temps dans les transports, notamment la voiture que nous utilisons pour la plupart de nos d&eacute;placements, m&ecirc;mes ceux de moins d&rsquo;1 km.</p>\r\n
      \r\n
      <p>Cette utilisation massive consomme beaucoup d&rsquo;&eacute;nergie et &eacute;met de grandes quantit&eacute;s de gaz &agrave; effet de serre. Changement climatique, (&hellip;) pollution de l&rsquo;air et de l&rsquo;eau,(&hellip;) bruit,(&hellip;) stress (&hellip;)</p>\r\n
      \r\n
      <p>les inconv&eacute;nients sont nombreux, &agrave; la fois pour les Hommes et pour l&rsquo;environnement.</p>\r\n
      \r\n
      <p><br />\r\n
      Chacun, &agrave; son &eacute;chelle, peut trouver des solutions :</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>limiter le nombre de voitures gr&acirc;ce au co-voiturage, (...)</li>\r\n
      \t<li>utiliser des v&eacute;hicules &eacute;lectriques, moins polluants, (...)</li>\r\n
      \t<li>ou encore n&rsquo;utiliser sa voiture que sur une petite partie du trajet.</li>\r\n
      </ul>\r\n
      \r\n
      <p>Les transports en commun comme le train, le bus, le tramway, (...) ainsi que les transports doux comme la marche ou le v&eacute;lo, permettent de se d&eacute;placer efficacement en ville et m&ecirc;me de pratiquer une activit&eacute; physique, bonne pour la sant&eacute;.</p>\r\n
      \r\n
      <p>Pour cela, les villes aussi doivent &eacute;voluer, en r&eacute;duisant la place accord&eacute;e &agrave; la voiture et en offrant des lieux o&ugrave; les citadins peuvent facilement passer d&rsquo;un transport &agrave; l&rsquo;autre.</p>\r\n
      \r\n
      <p>Souvent, ce sont les gares qui remplissent ce r&ocirc;le ; elles deviennent ainsi des places centrales dans la ville, des plateformes d&rsquo;intermodalit&eacute; et de v&eacute;ritables lieux de vie.</p>\r\n
      \r\n
      <p>Brasilia est l&rsquo;exemple m&ecirc;me d&rsquo;une ville qui favorise la voiture au d&eacute;triment de ses habitants. La ville est tr&egrave;s &eacute;tal&eacute;e, (&hellip;) parcourue par de grandes routes, (&hellip;) avec peu de transport en commun.</p>\r\n
      \r\n
      <p>Les temps de trajet pour aller travailler ou faire ses courses ne sont pas &agrave; l&rsquo;&eacute;chelle de la marche : &agrave; pied, il faudrait des heures pour se d&eacute;placer.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>&Agrave; l&rsquo;inverse, la ville de Munich, pratiquement aussi peupl&eacute;e, est bien moins &eacute;tal&eacute;e.</p>\r\n
      \r\n
      <p>Une mixit&eacute; de logements, de bureaux, de commerces et d&rsquo;espaces verts, bien r&eacute;partis rend la ville plus accessible &agrave; la marche et aux transports collectifs.&cedil;</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Elle est donc plus agr&eacute;able &agrave; vivre.</p>\r\n
      \r\n
      <p>Munich poss&egrave;de 10 lignes de m&eacute;tro (&hellip;), 12 lignes de tramway (&hellip;), un grand nombre de bus (&hellip;), des v&eacute;los en libre service et de nombreuses pistes cyclables.</p>\r\n
      \r\n
      <p>Les habitants peuvent ainsi facilement se d&eacute;placer sans utiliser de voiture.</p>\r\n
      \r\n
      <p>Aujourd&rsquo;hui, de plus en plus de villes cherchent &agrave; se r&eacute;inventer pour am&eacute;liorer la qualit&eacute; de vie de leurs habitants.</p>\r\n
      \r\n
      <p>Elles repensent &agrave; la fois les b&acirc;timents, les services et les moyens de transport.</p>\r\n
      \r\n
      <p>Apr&egrave;s plusieurs milliers d&rsquo;ann&eacute;es d&rsquo;innovations technologiques, nous red&eacute;couvrons les bienfaits de la marche &agrave; pieds pour nous-m&ecirc;mes ou notre environnement.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3569
        #id: 576
        #title: "Efficacité énergétique"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3094
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "efficacite-energetique"
      }
      App\Entity\vo\MediaCardLight {#3571
        #id: 825
        #title: "Vidéo : Histoire des moyens de transport"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1433462400 {#3150
          date: 2015-06-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-histoire-des-moyens-de-transport"
      }
      App\Entity\vo\MediaCardLight {#3572
        #id: 354
        #title: "Calcule tes émissions de CO₂"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/354-6545f33018390778803256.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/354-6545f33018390778803256.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/354-6545f33018390778803256.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#3062
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "calcule-tes-emissions-de-co2"
      }
      App\Entity\vo\MediaCardLight {#3573
        #id: 42
        #title: "Moteur à explosion #2"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3010
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "moteur-a-explosion-2"
      }
      App\Entity\vo\MediaCardLight {#3574
        #id: 811
        #title: "Vidéo : Blanchiment des coraux"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3128
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-blanchiment-des-coraux"
      }
    ]
    "tags" => [
      "developpement durable"
      "pollution"
      "transports"
      "urbanisme"
      "ville"
      "écologie"
      "écomobilité"
    ]
    "baseNodeName" => "Notre environnement"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 826
    "title" => "Vidéo : Écomobilité"
    "slug" => "video-ecomobilite"
    "mediaType" => "video"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
    ]
    "thumbnailBackground" => "#f25821"
    "publishedAt" => DateTimeImmutable @1431302400 {#1392
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 440
    "description" => """
      <p>Nous passons beaucoup de temps dans les transports, notamment la voiture que nous utilisons pour la plupart de nos d&eacute;placements, m&ecirc;mes ceux de moins d&rsquo;1 km.</p>\r\n
      \r\n
      <p>Cette utilisation massive consomme beaucoup d&rsquo;&eacute;nergie et &eacute;met de grandes quantit&eacute;s de gaz &agrave; effet de serre. Changement climatique, (&hellip;) pollution de l&rsquo;air et de l&rsquo;eau,(&hellip;) bruit,(&hellip;) stress (&hellip;)</p>\r\n
      \r\n
      <p>les inconv&eacute;nients sont nombreux, &agrave; la fois pour les Hommes et pour l&rsquo;environnement.</p>\r\n
      \r\n
      <p><br />\r\n
      Chacun, &agrave; son &eacute;chelle, peut trouver des solutions :</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>limiter le nombre de voitures gr&acirc;ce au co-voiturage, (...)</li>\r\n
      \t<li>utiliser des v&eacute;hicules &eacute;lectriques, moins polluants, (...)</li>\r\n
      \t<li>ou encore n&rsquo;utiliser sa voiture que sur une petite partie du trajet.</li>\r\n
      </ul>\r\n
      \r\n
      <p>Les transports en commun comme le train, le bus, le tramway, (...) ainsi que les transports doux comme la marche ou le v&eacute;lo, permettent de se d&eacute;placer efficacement en ville et m&ecirc;me de pratiquer une activit&eacute; physique, bonne pour la sant&eacute;.</p>\r\n
      \r\n
      <p>Pour cela, les villes aussi doivent &eacute;voluer, en r&eacute;duisant la place accord&eacute;e &agrave; la voiture et en offrant des lieux o&ugrave; les citadins peuvent facilement passer d&rsquo;un transport &agrave; l&rsquo;autre.</p>\r\n
      \r\n
      <p>Souvent, ce sont les gares qui remplissent ce r&ocirc;le ; elles deviennent ainsi des places centrales dans la ville, des plateformes d&rsquo;intermodalit&eacute; et de v&eacute;ritables lieux de vie.</p>\r\n
      \r\n
      <p>Brasilia est l&rsquo;exemple m&ecirc;me d&rsquo;une ville qui favorise la voiture au d&eacute;triment de ses habitants. La ville est tr&egrave;s &eacute;tal&eacute;e, (&hellip;) parcourue par de grandes routes, (&hellip;) avec peu de transport en commun.</p>\r\n
      \r\n
      <p>Les temps de trajet pour aller travailler ou faire ses courses ne sont pas &agrave; l&rsquo;&eacute;chelle de la marche : &agrave; pied, il faudrait des heures pour se d&eacute;placer.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>&Agrave; l&rsquo;inverse, la ville de Munich, pratiquement aussi peupl&eacute;e, est bien moins &eacute;tal&eacute;e.</p>\r\n
      \r\n
      <p>Une mixit&eacute; de logements, de bureaux, de commerces et d&rsquo;espaces verts, bien r&eacute;partis rend la ville plus accessible &agrave; la marche et aux transports collectifs.&cedil;</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Elle est donc plus agr&eacute;able &agrave; vivre.</p>\r\n
      \r\n
      <p>Munich poss&egrave;de 10 lignes de m&eacute;tro (&hellip;), 12 lignes de tramway (&hellip;), un grand nombre de bus (&hellip;), des v&eacute;los en libre service et de nombreuses pistes cyclables.</p>\r\n
      \r\n
      <p>Les habitants peuvent ainsi facilement se d&eacute;placer sans utiliser de voiture.</p>\r\n
      \r\n
      <p>Aujourd&rsquo;hui, de plus en plus de villes cherchent &agrave; se r&eacute;inventer pour am&eacute;liorer la qualit&eacute; de vie de leurs habitants.</p>\r\n
      \r\n
      <p>Elles repensent &agrave; la fois les b&acirc;timents, les services et les moyens de transport.</p>\r\n
      \r\n
      <p>Apr&egrave;s plusieurs milliers d&rsquo;ann&eacute;es d&rsquo;innovations technologiques, nous red&eacute;couvrons les bienfaits de la marche &agrave; pieds pour nous-m&ecirc;mes ou notre environnement.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3569
        #id: 576
        #title: "Efficacité énergétique"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3094
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "efficacite-energetique"
      }
      App\Entity\vo\MediaCardLight {#3571
        #id: 825
        #title: "Vidéo : Histoire des moyens de transport"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1433462400 {#3150
          date: 2015-06-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-histoire-des-moyens-de-transport"
      }
      App\Entity\vo\MediaCardLight {#3572
        #id: 354
        #title: "Calcule tes émissions de CO₂"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/354-6545f33018390778803256.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/354-6545f33018390778803256.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/354-6545f33018390778803256.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#3062
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "calcule-tes-emissions-de-co2"
      }
      App\Entity\vo\MediaCardLight {#3573
        #id: 42
        #title: "Moteur à explosion #2"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3010
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "moteur-a-explosion-2"
      }
      App\Entity\vo\MediaCardLight {#3574
        #id: 811
        #title: "Vidéo : Blanchiment des coraux"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3128
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-blanchiment-des-coraux"
      }
    ]
    "tags" => [
      "developpement durable"
      "pollution"
      "transports"
      "urbanisme"
      "ville"
      "écologie"
      "écomobilité"
    ]
    "baseNodeName" => "Notre environnement"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4293
  -props: [
    "title" => "Objectifs d’apprentissage"
    "media" => [
      "id" => 826
      "title" => "Vidéo : Écomobilité"
      "slug" => "video-ecomobilite"
      "mediaType" => "video"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      ]
      "thumbnailBackground" => "#f25821"
      "publishedAt" => DateTimeImmutable @1431302400 {#1392
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => null
      "width" => 550
      "height" => 440
      "description" => """
        <p>Nous passons beaucoup de temps dans les transports, notamment la voiture que nous utilisons pour la plupart de nos d&eacute;placements, m&ecirc;mes ceux de moins d&rsquo;1 km.</p>\r\n
        \r\n
        <p>Cette utilisation massive consomme beaucoup d&rsquo;&eacute;nergie et &eacute;met de grandes quantit&eacute;s de gaz &agrave; effet de serre. Changement climatique, (&hellip;) pollution de l&rsquo;air et de l&rsquo;eau,(&hellip;) bruit,(&hellip;) stress (&hellip;)</p>\r\n
        \r\n
        <p>les inconv&eacute;nients sont nombreux, &agrave; la fois pour les Hommes et pour l&rsquo;environnement.</p>\r\n
        \r\n
        <p><br />\r\n
        Chacun, &agrave; son &eacute;chelle, peut trouver des solutions :</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>limiter le nombre de voitures gr&acirc;ce au co-voiturage, (...)</li>\r\n
        \t<li>utiliser des v&eacute;hicules &eacute;lectriques, moins polluants, (...)</li>\r\n
        \t<li>ou encore n&rsquo;utiliser sa voiture que sur une petite partie du trajet.</li>\r\n
        </ul>\r\n
        \r\n
        <p>Les transports en commun comme le train, le bus, le tramway, (...) ainsi que les transports doux comme la marche ou le v&eacute;lo, permettent de se d&eacute;placer efficacement en ville et m&ecirc;me de pratiquer une activit&eacute; physique, bonne pour la sant&eacute;.</p>\r\n
        \r\n
        <p>Pour cela, les villes aussi doivent &eacute;voluer, en r&eacute;duisant la place accord&eacute;e &agrave; la voiture et en offrant des lieux o&ugrave; les citadins peuvent facilement passer d&rsquo;un transport &agrave; l&rsquo;autre.</p>\r\n
        \r\n
        <p>Souvent, ce sont les gares qui remplissent ce r&ocirc;le ; elles deviennent ainsi des places centrales dans la ville, des plateformes d&rsquo;intermodalit&eacute; et de v&eacute;ritables lieux de vie.</p>\r\n
        \r\n
        <p>Brasilia est l&rsquo;exemple m&ecirc;me d&rsquo;une ville qui favorise la voiture au d&eacute;triment de ses habitants. La ville est tr&egrave;s &eacute;tal&eacute;e, (&hellip;) parcourue par de grandes routes, (&hellip;) avec peu de transport en commun.</p>\r\n
        \r\n
        <p>Les temps de trajet pour aller travailler ou faire ses courses ne sont pas &agrave; l&rsquo;&eacute;chelle de la marche : &agrave; pied, il faudrait des heures pour se d&eacute;placer.</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>&Agrave; l&rsquo;inverse, la ville de Munich, pratiquement aussi peupl&eacute;e, est bien moins &eacute;tal&eacute;e.</p>\r\n
        \r\n
        <p>Une mixit&eacute; de logements, de bureaux, de commerces et d&rsquo;espaces verts, bien r&eacute;partis rend la ville plus accessible &agrave; la marche et aux transports collectifs.&cedil;</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>Elle est donc plus agr&eacute;able &agrave; vivre.</p>\r\n
        \r\n
        <p>Munich poss&egrave;de 10 lignes de m&eacute;tro (&hellip;), 12 lignes de tramway (&hellip;), un grand nombre de bus (&hellip;), des v&eacute;los en libre service et de nombreuses pistes cyclables.</p>\r\n
        \r\n
        <p>Les habitants peuvent ainsi facilement se d&eacute;placer sans utiliser de voiture.</p>\r\n
        \r\n
        <p>Aujourd&rsquo;hui, de plus en plus de villes cherchent &agrave; se r&eacute;inventer pour am&eacute;liorer la qualit&eacute; de vie de leurs habitants.</p>\r\n
        \r\n
        <p>Elles repensent &agrave; la fois les b&acirc;timents, les services et les moyens de transport.</p>\r\n
        \r\n
        <p>Apr&egrave;s plusieurs milliers d&rsquo;ann&eacute;es d&rsquo;innovations technologiques, nous red&eacute;couvrons les bienfaits de la marche &agrave; pieds pour nous-m&ecirc;mes ou notre environnement.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3569
          #id: 576
          #title: "Efficacité énergétique"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#3094
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "efficacite-energetique"
        }
        App\Entity\vo\MediaCardLight {#3571
          #id: 825
          #title: "Vidéo : Histoire des moyens de transport"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
          ]
          #thumbnailBackground: "#b51d8e"
          #publishedAt: DateTimeImmutable @1433462400 {#3150
            date: 2015-06-05 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-histoire-des-moyens-de-transport"
        }
        App\Entity\vo\MediaCardLight {#3572
          #id: 354
          #title: "Calcule tes émissions de CO₂"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/354-6545f33018390778803256.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/354-6545f33018390778803256.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/354-6545f33018390778803256.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1431302400 {#3062
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "calcule-tes-emissions-de-co2"
        }
        App\Entity\vo\MediaCardLight {#3573
          #id: 42
          #title: "Moteur à explosion #2"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1431302400 {#3010
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "moteur-a-explosion-2"
        }
        App\Entity\vo\MediaCardLight {#3574
          #id: 811
          #title: "Vidéo : Blanchiment des coraux"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#3128
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-blanchiment-des-coraux"
        }
      ]
      "tags" => [
        "developpement durable"
        "pollution"
        "transports"
        "urbanisme"
        "ville"
        "écologie"
        "écomobilité"
      ]
      "baseNodeName" => "Notre environnement"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 8.0 MiB 0.28 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 {#4315
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 8.0 MiB 0.45 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4331
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 8.0 MiB 1.46 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4355
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 8.0 MiB 0.74 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4391
    -content: "Plus de 1000 ressources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Plus de 1000 ressources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4393
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4391
      -content: "Plus de 1000 ressources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 8.0 MiB 37.42 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 {#4377
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 0.94 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 {#4637
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 8.0 MiB 0.47 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4422
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 0.93 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3569
    #id: 576
    #title: "Efficacité énergétique"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3094
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "efficacite-energetique"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4504
  -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 {#3569
    #id: 576
    #title: "Efficacité énergétique"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3094
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "efficacite-energetique"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 0.64 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3571
    #id: 825
    #title: "Vidéo : Histoire des moyens de transport"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1433462400 {#3150
      date: 2015-06-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-histoire-des-moyens-de-transport"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4717
  -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 {#3571
    #id: 825
    #title: "Vidéo : Histoire des moyens de transport"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1433462400 {#3150
      date: 2015-06-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-histoire-des-moyens-de-transport"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 0.55 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3572
    #id: 354
    #title: "Calcule tes émissions de CO₂"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/354-6545f33018390778803256.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/354-6545f33018390778803256.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/354-6545f33018390778803256.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#3062
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "calcule-tes-emissions-de-co2"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4745
  -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 {#3572
    #id: 354
    #title: "Calcule tes émissions de CO₂"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/354-6545f33018390778803256.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/354-6545f33018390778803256.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/354-6545f33018390778803256.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#3062
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "calcule-tes-emissions-de-co2"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 0.42 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3573
    #id: 42
    #title: "Moteur à explosion #2"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3010
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "moteur-a-explosion-2"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4765
  -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 {#3573
    #id: 42
    #title: "Moteur à explosion #2"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3010
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "moteur-a-explosion-2"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 10.66 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3574
    #id: 811
    #title: "Vidéo : Blanchiment des coraux"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3128
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-blanchiment-des-coraux"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4784
  -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 {#3574
    #id: 811
    #title: "Vidéo : Blanchiment des coraux"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3128
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-blanchiment-des-coraux"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 8.0 MiB 3.90 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4340
  -props: []
}
Social:Links 
[Anonymous]
 8.0 MiB 0.54 ms
Input props 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Attributes 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4832
  -props: [
    "color" => "black"
    "class" => "mb-2"
    "size" => "24"
  ]
}