GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/fr/media/811-video-blanchiment-des-coraux

Response
200 OK
IP
216.73.216.102
Profiled on
Token
4b61c4

Components

20 Twig Components
33 Render Count
700 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 84.23ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 77.14ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 19.83ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.17ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 204.85ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 98.57ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 96.55ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 14.55ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 38.41ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 19.84ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 102.22ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 99.95ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 1.55ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.84ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 15.56ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 21.19ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.26ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 297.71ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 59.06ms
Social:Links 
[Anonymous]
components/Social/Links.html.twig 		1 19.02ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 2.17 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3994
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3995 …}
}
Header 
[Anonymous]
 14.0 MiB 204.85 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4025
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 98.57 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 {#4051
  -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 96.55 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4107
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 14.55 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4131
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 38.41 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4148
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.95 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 {#4173
  +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 19.84 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4165
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 17.75 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/811-video-blanchiment-des-coraux"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/811-video-blanchiment-des-coraux"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4251
  +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 19.53 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/fr/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/fr/subscribe/"
]
Component 
App\Twig\Components\Button {#4265
  +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 102.22 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#4089
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1484 …}
}
Dialog 
[Anonymous]
 14.0 MiB 99.95 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 {#4302
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 18.99 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 {#4336
  +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 17.31 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/811-video-coral-whitening"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/811-video-coral-whitening"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4376
  +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 2.40 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/811-video-blanchiment-des-coraux"
  "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/811-video-blanchiment-des-coraux"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4404
  +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 2.21 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/811-video-blanqueamiento-de-los-corales"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/811-video-blanqueamiento-de-los-corales"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4423
  +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.89 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/811-media"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/811-media"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4443
  +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 1.55 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#4042
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.84 ms
Input props 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 811
    "title" => "Vidéo : Blanchiment des coraux"
    "slug" => "video-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 {#1396
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 440
    "description" => """
      <p>Les r&eacute;cifs coralliens pr&eacute;sentent une des biodiversit&eacute;s les plus riches au monde.</p>\r\n
      \r\n
      <p>Ces grandes constructions de coraux se sont form&eacute;es en plusieurs milliers d&#39;ann&eacute;es, dans les oc&eacute;ans tropicaux.</p>\r\n
      \r\n
      <p>Les coraux offrent un abri &agrave; de tr&egrave;s nombreux &ecirc;tres-vivants tels que des poissons, des mollusques, des crustac&eacute;s, des &eacute;toiles de mer, des oursins et quelques algues.</p>\r\n
      \r\n
      <p>Qu&#39;est-ce que le corail?</p>\r\n
      \r\n
      <p>Les coraux sont des colonies de minuscules an&eacute;mones de mer appel&eacute;es polypes, qui construisent ensemble une partie centrale blanche et dure. C&#39;est leur squelette.</p>\r\n
      \r\n
      <p>Ces petits animaux abritent de tr&egrave;s nombreuses algues microscopiques.</p>\r\n
      \r\n
      <p>Celles-ci sont indispensables &agrave; la survie des polypes et donc &agrave; la croissance du corail.</p>\r\n
      \r\n
      <p>Les coraux se d&eacute;veloppent dans des eaux peu profondes et transparentes car ils ont besoin de la lumi&egrave;re qui est utilis&eacute;e par les algues microscopiques.</p>\r\n
      \r\n
      <p>Mais les r&eacute;cifs coralliens sont en danger.</p>\r\n
      \r\n
      <p>En effet, &agrave; cause du r&eacute;chauffement climatique, la temp&eacute;rature des eaux de surface augmente durablement dans certaines r&eacute;gions des oc&eacute;ans.</p>\r\n
      \r\n
      <p>Or, lorsque la temp&eacute;rature de l&#39;eau augmente trop, le corail rejette les algues microscopiques.</p>\r\n
      \r\n
      <p>Les polypes meurent, et il ne reste plus que le squelette blanc.</p>\r\n
      \r\n
      <p>C&#39;est ce qu&#39;on appelle le blanchiment des coraux.</p>\r\n
      \r\n
      <p>Le corail &eacute;tant le maillon essentiel de la cha&icirc;ne alimentaire, sa mort entra&icirc;ne la disparition des esp&egrave;ces animales qui y vivent et de leurs pr&eacute;dateurs.</p>\r\n
      \r\n
      <p>La grande biodiversit&eacute; du r&eacute;cif corallien s&#39;appauvrit, au profit de quelques esp&egrave;ces d&#39;algues et de poissons herbivores.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3751
        #id: 679
        #title: "Mouvement apparent du Soleil (Nord)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#3253
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "mouvement-apparent-du-soleil-nord"
      }
      App\Entity\vo\MediaCardLight {#3753
        #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 {#3209
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "calcule-tes-emissions-de-co2"
      }
      App\Entity\vo\MediaCardLight {#3754
        #id: 13
        #title: "Cycle du carbone"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3170
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "cycle-du-carbone"
      }
      App\Entity\vo\MediaCardLight {#3755
        #id: 708
        #title: "Les chaînes alimentaires"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#3289
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "les-chaines-alimentaires"
      }
      App\Entity\vo\MediaCardLight {#3756
        #id: 801
        #title: "Vidéo : Biodiversité et réchauffement climatique"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3318
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-biodiversite-et-rechauffement-climatique"
      }
    ]
    "tags" => [
      "biodiversité"
      "coraux"
      "réchauffement climatique"
      "écosystème"
    ]
    "baseNodeName" => "Animaux et végétaux"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 811
    "title" => "Vidéo : Blanchiment des coraux"
    "slug" => "video-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 {#1396
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 440
    "description" => """
      <p>Les r&eacute;cifs coralliens pr&eacute;sentent une des biodiversit&eacute;s les plus riches au monde.</p>\r\n
      \r\n
      <p>Ces grandes constructions de coraux se sont form&eacute;es en plusieurs milliers d&#39;ann&eacute;es, dans les oc&eacute;ans tropicaux.</p>\r\n
      \r\n
      <p>Les coraux offrent un abri &agrave; de tr&egrave;s nombreux &ecirc;tres-vivants tels que des poissons, des mollusques, des crustac&eacute;s, des &eacute;toiles de mer, des oursins et quelques algues.</p>\r\n
      \r\n
      <p>Qu&#39;est-ce que le corail?</p>\r\n
      \r\n
      <p>Les coraux sont des colonies de minuscules an&eacute;mones de mer appel&eacute;es polypes, qui construisent ensemble une partie centrale blanche et dure. C&#39;est leur squelette.</p>\r\n
      \r\n
      <p>Ces petits animaux abritent de tr&egrave;s nombreuses algues microscopiques.</p>\r\n
      \r\n
      <p>Celles-ci sont indispensables &agrave; la survie des polypes et donc &agrave; la croissance du corail.</p>\r\n
      \r\n
      <p>Les coraux se d&eacute;veloppent dans des eaux peu profondes et transparentes car ils ont besoin de la lumi&egrave;re qui est utilis&eacute;e par les algues microscopiques.</p>\r\n
      \r\n
      <p>Mais les r&eacute;cifs coralliens sont en danger.</p>\r\n
      \r\n
      <p>En effet, &agrave; cause du r&eacute;chauffement climatique, la temp&eacute;rature des eaux de surface augmente durablement dans certaines r&eacute;gions des oc&eacute;ans.</p>\r\n
      \r\n
      <p>Or, lorsque la temp&eacute;rature de l&#39;eau augmente trop, le corail rejette les algues microscopiques.</p>\r\n
      \r\n
      <p>Les polypes meurent, et il ne reste plus que le squelette blanc.</p>\r\n
      \r\n
      <p>C&#39;est ce qu&#39;on appelle le blanchiment des coraux.</p>\r\n
      \r\n
      <p>Le corail &eacute;tant le maillon essentiel de la cha&icirc;ne alimentaire, sa mort entra&icirc;ne la disparition des esp&egrave;ces animales qui y vivent et de leurs pr&eacute;dateurs.</p>\r\n
      \r\n
      <p>La grande biodiversit&eacute; du r&eacute;cif corallien s&#39;appauvrit, au profit de quelques esp&egrave;ces d&#39;algues et de poissons herbivores.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3751
        #id: 679
        #title: "Mouvement apparent du Soleil (Nord)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#3253
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "mouvement-apparent-du-soleil-nord"
      }
      App\Entity\vo\MediaCardLight {#3753
        #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 {#3209
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "calcule-tes-emissions-de-co2"
      }
      App\Entity\vo\MediaCardLight {#3754
        #id: 13
        #title: "Cycle du carbone"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3170
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "cycle-du-carbone"
      }
      App\Entity\vo\MediaCardLight {#3755
        #id: 708
        #title: "Les chaînes alimentaires"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#3289
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "les-chaines-alimentaires"
      }
      App\Entity\vo\MediaCardLight {#3756
        #id: 801
        #title: "Vidéo : Biodiversité et réchauffement climatique"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3318
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-biodiversite-et-rechauffement-climatique"
      }
    ]
    "tags" => [
      "biodiversité"
      "coraux"
      "réchauffement climatique"
      "écosystème"
    ]
    "baseNodeName" => "Animaux et végétaux"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4475
  -props: [
    "title" => "Objectifs d’apprentissage"
    "media" => [
      "id" => 811
      "title" => "Vidéo : Blanchiment des coraux"
      "slug" => "video-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 {#1396
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => null
      "width" => 550
      "height" => 440
      "description" => """
        <p>Les r&eacute;cifs coralliens pr&eacute;sentent une des biodiversit&eacute;s les plus riches au monde.</p>\r\n
        \r\n
        <p>Ces grandes constructions de coraux se sont form&eacute;es en plusieurs milliers d&#39;ann&eacute;es, dans les oc&eacute;ans tropicaux.</p>\r\n
        \r\n
        <p>Les coraux offrent un abri &agrave; de tr&egrave;s nombreux &ecirc;tres-vivants tels que des poissons, des mollusques, des crustac&eacute;s, des &eacute;toiles de mer, des oursins et quelques algues.</p>\r\n
        \r\n
        <p>Qu&#39;est-ce que le corail?</p>\r\n
        \r\n
        <p>Les coraux sont des colonies de minuscules an&eacute;mones de mer appel&eacute;es polypes, qui construisent ensemble une partie centrale blanche et dure. C&#39;est leur squelette.</p>\r\n
        \r\n
        <p>Ces petits animaux abritent de tr&egrave;s nombreuses algues microscopiques.</p>\r\n
        \r\n
        <p>Celles-ci sont indispensables &agrave; la survie des polypes et donc &agrave; la croissance du corail.</p>\r\n
        \r\n
        <p>Les coraux se d&eacute;veloppent dans des eaux peu profondes et transparentes car ils ont besoin de la lumi&egrave;re qui est utilis&eacute;e par les algues microscopiques.</p>\r\n
        \r\n
        <p>Mais les r&eacute;cifs coralliens sont en danger.</p>\r\n
        \r\n
        <p>En effet, &agrave; cause du r&eacute;chauffement climatique, la temp&eacute;rature des eaux de surface augmente durablement dans certaines r&eacute;gions des oc&eacute;ans.</p>\r\n
        \r\n
        <p>Or, lorsque la temp&eacute;rature de l&#39;eau augmente trop, le corail rejette les algues microscopiques.</p>\r\n
        \r\n
        <p>Les polypes meurent, et il ne reste plus que le squelette blanc.</p>\r\n
        \r\n
        <p>C&#39;est ce qu&#39;on appelle le blanchiment des coraux.</p>\r\n
        \r\n
        <p>Le corail &eacute;tant le maillon essentiel de la cha&icirc;ne alimentaire, sa mort entra&icirc;ne la disparition des esp&egrave;ces animales qui y vivent et de leurs pr&eacute;dateurs.</p>\r\n
        \r\n
        <p>La grande biodiversit&eacute; du r&eacute;cif corallien s&#39;appauvrit, au profit de quelques esp&egrave;ces d&#39;algues et de poissons herbivores.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3751
          #id: 679
          #title: "Mouvement apparent du Soleil (Nord)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1431302400 {#3253
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "mouvement-apparent-du-soleil-nord"
        }
        App\Entity\vo\MediaCardLight {#3753
          #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 {#3209
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "calcule-tes-emissions-de-co2"
        }
        App\Entity\vo\MediaCardLight {#3754
          #id: 13
          #title: "Cycle du carbone"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#3170
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "cycle-du-carbone"
        }
        App\Entity\vo\MediaCardLight {#3755
          #id: 708
          #title: "Les chaînes alimentaires"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1431302400 {#3289
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "les-chaines-alimentaires"
        }
        App\Entity\vo\MediaCardLight {#3756
          #id: 801
          #title: "Vidéo : Biodiversité et réchauffement climatique"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431302400 {#3318
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-biodiversite-et-rechauffement-climatique"
        }
      ]
      "tags" => [
        "biodiversité"
        "coraux"
        "réchauffement climatique"
        "écosystème"
      ]
      "baseNodeName" => "Animaux et végétaux"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 15.56 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 {#4497
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 18.63 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4513
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 21.19 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4537
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 1.26 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4573
    -content: "Plus de 1000 ressources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Plus de 1000 ressources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4575
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4573
      -content: "Plus de 1000 ressources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 297.71 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 {#4559
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 2.21 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 {#4819
  +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.20 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4604
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 19.65 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3751
    #id: 679
    #title: "Mouvement apparent du Soleil (Nord)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#3253
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "mouvement-apparent-du-soleil-nord"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4686
  -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 {#3751
    #id: 679
    #title: "Mouvement apparent du Soleil (Nord)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#3253
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "mouvement-apparent-du-soleil-nord"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 18.83 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3753
    #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 {#3209
      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 md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4899
  -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 {#3753
    #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 {#3209
      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 14.0 MiB 2.34 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3754
    #id: 13
    #title: "Cycle du carbone"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3170
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "cycle-du-carbone"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4927
  -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 {#3754
    #id: 13
    #title: "Cycle du carbone"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3170
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "cycle-du-carbone"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 17.82 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3755
    #id: 708
    #title: "Les chaînes alimentaires"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#3289
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "les-chaines-alimentaires"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4946
  -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 {#3755
    #id: 708
    #title: "Les chaînes alimentaires"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#3289
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "les-chaines-alimentaires"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 18.49 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3756
    #id: 801
    #title: "Vidéo : Biodiversité et réchauffement climatique"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3318
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-biodiversite-et-rechauffement-climatique"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4965
  -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 {#3756
    #id: 801
    #title: "Vidéo : Biodiversité et réchauffement climatique"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/801-6545f44ade474006787636.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3318
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-biodiversite-et-rechauffement-climatique"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 59.06 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4522
  -props: []
}
Social:Links 
[Anonymous]
 14.0 MiB 19.02 ms
Input props 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Attributes 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#5014
  -props: [
    "color" => "black"
    "class" => "mb-2"
    "size" => "24"
  ]
}