GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/fr/media/708-les-chaines-alimentaires

Response
200 OK
IP
216.73.216.102
Profiled on
Token
9a2a36

Components

20 Twig Components
33 Render Count
214 ms Render Time
16.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 27.11ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 2.69ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 1.64ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 3.14ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 101.10ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 41.27ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 38.40ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 1.19ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 16.36ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 3.92ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 43.95ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 41.96ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.88ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.62ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.63ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 1.99ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.71ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 97.00ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 4.70ms
Social:Links 
[Anonymous]
components/Social/Links.html.twig 		1 0.68ms

Render calls

Store:User App\Twig\Components\Store\User 16.0 MiB 3.14 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3781
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3782 …}
}
Header 
[Anonymous]
 16.0 MiB 101.10 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3812
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 16.0 MiB 41.27 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 {#3838
  -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]
 16.0 MiB 38.40 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3894
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 16.0 MiB 1.19 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3918
  -props: []
}
Header:LocalePicker 
[Anonymous]
 16.0 MiB 16.36 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3935
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 2.38 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 {#3960
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 16.0 MiB 3.92 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3952
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.73 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/708-les-chaines-alimentaires"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/708-les-chaines-alimentaires"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4038
  +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 16.0 MiB 12.56 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/fr/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/fr/subscribe/"
]
Component 
App\Twig\Components\Button {#4052
  +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 16.0 MiB 43.95 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3876
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog 
[Anonymous]
 16.0 MiB 41.96 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 {#4089
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.83 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 {#4123
  +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 16.0 MiB 2.28 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/708-food-chains"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/708-food-chains"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4154
  +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 16.0 MiB 1.65 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/708-les-chaines-alimentaires"
  "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/708-les-chaines-alimentaires"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4191
  +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 16.0 MiB 2.30 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/708-cadenas-alimenticias"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/708-cadenas-alimenticias"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4210
  +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 16.0 MiB 1.20 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/708-nahrungsketten"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/708-nahrungsketten"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4230
  +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 16.0 MiB 0.88 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3829
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 16.0 MiB 0.62 ms
Input props 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 708
    "title" => "Les chaînes alimentaires"
    "slug" => "les-chaines-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 {#1402
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Classer les organismes selon leur r&ocirc;le dans une cha&icirc;ne alimentaire: producteurs, herbivores, carnivores, grands pr&eacute;dateurs&nbsp;;</li>\r\n
      \t<li>Enseigner l&#39;interd&eacute;pendance de tous ces organismes au sein d&#39;un &eacute;cosyst&egrave;me&nbsp;;</li>\r\n
      \t<li>Mentionner que de nombreuses cha&icirc;nes existent pour un m&ecirc;me &eacute;cosyst&egrave;me. Une cha&icirc;ne alimentaire est une branche d&#39;un r&eacute;seau alimentaire&nbsp;;</li>\r\n
      \t<li>Aborder la notion de pr&eacute;dateur/proie.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Une cha&icirc;ne alimentaire est une suite organis&eacute;e d&#39;&ecirc;tres vivants li&eacute;s par une relation alimentaire. L&#39;animal pr&eacute;l&egrave;ve l&#39;&eacute;nergie n&eacute;cessaire &agrave; sa survie dans sa nourriture.</p>\r\n
      \r\n
      <p>&Agrave; la base de cette cha&icirc;ne se trouvent les producteurs. Ce sont les v&eacute;g&eacute;taux terrestres ou aquatiques (algues, phytoplanctons). Ils fabriquent leur propre mati&egrave;re organique &agrave; partir des nutriments, du CO<sub>2</sub> et de la lumi&egrave;re (photosynth&egrave;se).</p>\r\n
      \r\n
      <p>Les animaux situ&eacute;s juste au-dessus dans la cha&icirc;ne sont les consommateurs de premier niveau&nbsp;: les herbivores.</p>\r\n
      \r\n
      <p>Ils sont les proies des consommateurs de second niveau&nbsp;: les carnivores.</p>\r\n
      \r\n
      <p>Un carnivore qui n&#39;a pas de pr&eacute;dateur, est appel&eacute; un grand pr&eacute;dateur. Il se situe au sommet de la cha&icirc;ne.</p>\r\n
      \r\n
      <p>La fl&egrave;che signifie &laquo;... est mang&eacute; par ...&raquo;. Une cha&icirc;ne alimentaire est constitu&eacute;e de maillons pouvant faire partie d&#39;autres cha&icirc;nes. Elles sont des branches d&#39;un vaste r&eacute;seau alimentaire.</p>\r\n
      \r\n
      <p>Cette animation omet le r&ocirc;le des d&eacute;composeurs. Ce sont des organismes et des microorganismes qui d&eacute;gradent les mati&egrave;res organiques mortes (d&eacute;chets, plantes et animaux morts). Ils fournissent la grande partie des nutriments recycl&eacute;s par les producteurs.&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3538
        #id: 163
        #title: "Classification des vertébrés"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#2935
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "classification-des-vertebres"
      }
      App\Entity\vo\MediaCardLight {#3540
        #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 {#3094
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-biodiversite-et-rechauffement-climatique"
      }
      App\Entity\vo\MediaCardLight {#3541
        #id: 620
        #title: "Métamorphose du têtard"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431388800 {#3049
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "metamorphose-du-tetard"
      }
      App\Entity\vo\MediaCardLight {#3542
        #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 {#3120
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-blanchiment-des-coraux"
      }
      App\Entity\vo\MediaCardLight {#3543
        #id: 208
        #title: "Classification des êtres vivants"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2969
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "classification-des-etres-vivants"
      }
    ]
    "tags" => [
      "animal"
      "carnivore"
      "chaîne alimentaire"
      "herbivore"
      "proie"
      "prédateur"
      "écosystème"
    ]
    "baseNodeName" => "Animaux et végétaux"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 708
    "title" => "Les chaînes alimentaires"
    "slug" => "les-chaines-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 {#1402
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Classer les organismes selon leur r&ocirc;le dans une cha&icirc;ne alimentaire: producteurs, herbivores, carnivores, grands pr&eacute;dateurs&nbsp;;</li>\r\n
      \t<li>Enseigner l&#39;interd&eacute;pendance de tous ces organismes au sein d&#39;un &eacute;cosyst&egrave;me&nbsp;;</li>\r\n
      \t<li>Mentionner que de nombreuses cha&icirc;nes existent pour un m&ecirc;me &eacute;cosyst&egrave;me. Une cha&icirc;ne alimentaire est une branche d&#39;un r&eacute;seau alimentaire&nbsp;;</li>\r\n
      \t<li>Aborder la notion de pr&eacute;dateur/proie.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Une cha&icirc;ne alimentaire est une suite organis&eacute;e d&#39;&ecirc;tres vivants li&eacute;s par une relation alimentaire. L&#39;animal pr&eacute;l&egrave;ve l&#39;&eacute;nergie n&eacute;cessaire &agrave; sa survie dans sa nourriture.</p>\r\n
      \r\n
      <p>&Agrave; la base de cette cha&icirc;ne se trouvent les producteurs. Ce sont les v&eacute;g&eacute;taux terrestres ou aquatiques (algues, phytoplanctons). Ils fabriquent leur propre mati&egrave;re organique &agrave; partir des nutriments, du CO<sub>2</sub> et de la lumi&egrave;re (photosynth&egrave;se).</p>\r\n
      \r\n
      <p>Les animaux situ&eacute;s juste au-dessus dans la cha&icirc;ne sont les consommateurs de premier niveau&nbsp;: les herbivores.</p>\r\n
      \r\n
      <p>Ils sont les proies des consommateurs de second niveau&nbsp;: les carnivores.</p>\r\n
      \r\n
      <p>Un carnivore qui n&#39;a pas de pr&eacute;dateur, est appel&eacute; un grand pr&eacute;dateur. Il se situe au sommet de la cha&icirc;ne.</p>\r\n
      \r\n
      <p>La fl&egrave;che signifie &laquo;... est mang&eacute; par ...&raquo;. Une cha&icirc;ne alimentaire est constitu&eacute;e de maillons pouvant faire partie d&#39;autres cha&icirc;nes. Elles sont des branches d&#39;un vaste r&eacute;seau alimentaire.</p>\r\n
      \r\n
      <p>Cette animation omet le r&ocirc;le des d&eacute;composeurs. Ce sont des organismes et des microorganismes qui d&eacute;gradent les mati&egrave;res organiques mortes (d&eacute;chets, plantes et animaux morts). Ils fournissent la grande partie des nutriments recycl&eacute;s par les producteurs.&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3538
        #id: 163
        #title: "Classification des vertébrés"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#2935
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "classification-des-vertebres"
      }
      App\Entity\vo\MediaCardLight {#3540
        #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 {#3094
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-biodiversite-et-rechauffement-climatique"
      }
      App\Entity\vo\MediaCardLight {#3541
        #id: 620
        #title: "Métamorphose du têtard"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431388800 {#3049
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "metamorphose-du-tetard"
      }
      App\Entity\vo\MediaCardLight {#3542
        #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 {#3120
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-blanchiment-des-coraux"
      }
      App\Entity\vo\MediaCardLight {#3543
        #id: 208
        #title: "Classification des êtres vivants"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2969
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "classification-des-etres-vivants"
      }
    ]
    "tags" => [
      "animal"
      "carnivore"
      "chaîne alimentaire"
      "herbivore"
      "proie"
      "prédateur"
      "écosystème"
    ]
    "baseNodeName" => "Animaux et végétaux"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4262
  -props: [
    "title" => "Objectifs d’apprentissage"
    "media" => [
      "id" => 708
      "title" => "Les chaînes alimentaires"
      "slug" => "les-chaines-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 {#1402
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Classer les organismes selon leur r&ocirc;le dans une cha&icirc;ne alimentaire: producteurs, herbivores, carnivores, grands pr&eacute;dateurs&nbsp;;</li>\r\n
        \t<li>Enseigner l&#39;interd&eacute;pendance de tous ces organismes au sein d&#39;un &eacute;cosyst&egrave;me&nbsp;;</li>\r\n
        \t<li>Mentionner que de nombreuses cha&icirc;nes existent pour un m&ecirc;me &eacute;cosyst&egrave;me. Une cha&icirc;ne alimentaire est une branche d&#39;un r&eacute;seau alimentaire&nbsp;;</li>\r\n
        \t<li>Aborder la notion de pr&eacute;dateur/proie.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Une cha&icirc;ne alimentaire est une suite organis&eacute;e d&#39;&ecirc;tres vivants li&eacute;s par une relation alimentaire. L&#39;animal pr&eacute;l&egrave;ve l&#39;&eacute;nergie n&eacute;cessaire &agrave; sa survie dans sa nourriture.</p>\r\n
        \r\n
        <p>&Agrave; la base de cette cha&icirc;ne se trouvent les producteurs. Ce sont les v&eacute;g&eacute;taux terrestres ou aquatiques (algues, phytoplanctons). Ils fabriquent leur propre mati&egrave;re organique &agrave; partir des nutriments, du CO<sub>2</sub> et de la lumi&egrave;re (photosynth&egrave;se).</p>\r\n
        \r\n
        <p>Les animaux situ&eacute;s juste au-dessus dans la cha&icirc;ne sont les consommateurs de premier niveau&nbsp;: les herbivores.</p>\r\n
        \r\n
        <p>Ils sont les proies des consommateurs de second niveau&nbsp;: les carnivores.</p>\r\n
        \r\n
        <p>Un carnivore qui n&#39;a pas de pr&eacute;dateur, est appel&eacute; un grand pr&eacute;dateur. Il se situe au sommet de la cha&icirc;ne.</p>\r\n
        \r\n
        <p>La fl&egrave;che signifie &laquo;... est mang&eacute; par ...&raquo;. Une cha&icirc;ne alimentaire est constitu&eacute;e de maillons pouvant faire partie d&#39;autres cha&icirc;nes. Elles sont des branches d&#39;un vaste r&eacute;seau alimentaire.</p>\r\n
        \r\n
        <p>Cette animation omet le r&ocirc;le des d&eacute;composeurs. Ce sont des organismes et des microorganismes qui d&eacute;gradent les mati&egrave;res organiques mortes (d&eacute;chets, plantes et animaux morts). Ils fournissent la grande partie des nutriments recycl&eacute;s par les producteurs.&nbsp;</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3538
          #id: 163
          #title: "Classification des vertébrés"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#2935
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "classification-des-vertebres"
        }
        App\Entity\vo\MediaCardLight {#3540
          #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 {#3094
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-biodiversite-et-rechauffement-climatique"
        }
        App\Entity\vo\MediaCardLight {#3541
          #id: 620
          #title: "Métamorphose du têtard"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431388800 {#3049
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "metamorphose-du-tetard"
        }
        App\Entity\vo\MediaCardLight {#3542
          #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 {#3120
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-blanchiment-des-coraux"
        }
        App\Entity\vo\MediaCardLight {#3543
          #id: 208
          #title: "Classification des êtres vivants"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#2969
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "classification-des-etres-vivants"
        }
      ]
      "tags" => [
        "animal"
        "carnivore"
        "chaîne alimentaire"
        "herbivore"
        "proie"
        "prédateur"
        "écosystème"
      ]
      "baseNodeName" => "Animaux et végétaux"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 16.0 MiB 0.63 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 {#4284
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 16.0 MiB 1.01 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4300
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 16.0 MiB 1.99 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4324
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 16.0 MiB 0.71 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4360
    -content: "Plus de 1000 ressources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Plus de 1000 ressources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4362
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4360
      -content: "Plus de 1000 ressources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 16.0 MiB 97.00 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 {#4346
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.18 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 {#4606
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 16.0 MiB 0.63 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4391
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.66 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3538
    #id: 163
    #title: "Classification des vertébrés"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#2935
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "classification-des-vertebres"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4473
  -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 {#3538
    #id: 163
    #title: "Classification des vertébrés"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/163-6545f2c54165e219065883.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#2935
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "classification-des-vertebres"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.42 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3540
    #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 {#3094
      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 md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
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 {#3540
    #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 {#3094
      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"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.50 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3541
    #id: 620
    #title: "Métamorphose du têtard"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431388800 {#3049
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "metamorphose-du-tetard"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4714
  -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 {#3541
    #id: 620
    #title: "Métamorphose du têtard"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/620-6545f3db9d2d9802677317.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431388800 {#3049
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "metamorphose-du-tetard"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.56 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3542
    #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 {#3120
      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 {#4734
  -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 {#3542
    #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 {#3120
      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"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.55 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3543
    #id: 208
    #title: "Classification des êtres vivants"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2969
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "classification-des-etres-vivants"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4753
  -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 {#3543
    #id: 208
    #title: "Classification des êtres vivants"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2969
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "classification-des-etres-vivants"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 16.0 MiB 4.70 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4309
  -props: []
}
Social:Links 
[Anonymous]
 16.0 MiB 0.68 ms
Input props 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Attributes 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4801
  -props: [
    "color" => "black"
    "class" => "mb-2"
    "size" => "24"
  ]
}