GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/en/media/922-evolution-of-life

Components

19 Twig Components
32 Render Count
1012 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 174.26ms
MediaCard
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig
5 57.94ms
Heading:Large
[Anonymous]
components/Heading/Large.html.twig
2 17.14ms
Store:User
"App\Twig\Components\Store\User"
components/Store/User.html.twig
1 1.58ms
Header
[Anonymous]
components/Header/index.html.twig
1 380.46ms
Layout:Stack
[Anonymous]
components/Layout/Stack.html.twig
1 63.85ms
Header:Anonymous
[Anonymous]
components/Header/Anonymous.html.twig
1 60.54ms
Header:Logo
[Anonymous]
components/Header/Logo.html.twig
1 15.65ms
Header:LocalePicker
[Anonymous]
components/Header/LocalePicker.html.twig
1 22.58ms
LoginLink
[Anonymous]
components/LoginLink.html.twig
1 16.81ms
Dialog:LocalePicker
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig
1 195.46ms
Dialog
[Anonymous]
components/Dialog/index.html.twig
1 194.00ms
Banner:UserBanners
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig
1 18.46ms
MediaField
[Anonymous]
components/MediaField.html.twig
1 0.44ms
Demo:Video
[Anonymous]
components/Demo/Video.html.twig
1 0.41ms
Showcase:RevealPill
[Anonymous]
components/Showcase/RevealPill.html.twig
1 2.01ms
Showcase:Reveal
[Anonymous]
components/Showcase/Reveal.html.twig
1 0.72ms
DemoForm
[Anonymous]
components/DemoForm.html.twig
1 457.10ms
Footer
[Anonymous]
components/Footer/index.html.twig
1 76.75ms

Render calls

Store:User App\Twig\Components\Store\User 16.0 MiB 1.58 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Store\User {#3871
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3872 …}
}
Header
[Anonymous]
16.0 MiB 380.46 ms
Input props
[
  "notSticky" => false
]
Attributes
[
  "notSticky" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3902
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack
[Anonymous]
16.0 MiB 63.85 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 {#3928
  -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 60.54 ms
Input props
[
  "minimal" => false
]
Attributes
[
  "minimal" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3984
  -props: [
    "minimal" => false
  ]
}
Header:Logo
[Anonymous]
16.0 MiB 15.65 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4008
  -props: []
}
Header:LocalePicker
[Anonymous]
16.0 MiB 22.58 ms
Input props
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4025
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.89 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 {#4050
  +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 16.81 ms
Input props
[
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "class" => "grow"
  "size" => "small"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4042
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 15.01 ms
Input props
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/922-evolution-of-life"
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/922-evolution-of-life"
  "class" => "grow"
]
Component
App\Twig\Components\Button {#4128
  +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 1.46 ms
Input props
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component
App\Twig\Components\Button {#4142
  +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 195.46 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Dialog\LocalePicker {#3966
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1474 …}
}
Dialog
[Anonymous]
16.0 MiB 194.00 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 {#4179
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.71 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 {#4213
  +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 35.08 ms
Input props
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/922-evolution-of-life"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => "done"
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/922-evolution-of-life"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component
App\Twig\Components\Button {#4244
  +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 18.98 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/922-l-evolution-du-vivant"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/922-l-evolution-du-vivant"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component
App\Twig\Components\Button {#4281
  +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.63 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/922-evolucion-de-la-vida"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/922-evolucion-de-la-vida"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component
App\Twig\Components\Button {#4300
  +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 77.76 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/922-evolution-des-lebens"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/922-evolution-des-lebens"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component
App\Twig\Components\Button {#4320
  +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 18.46 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Banner\UserBanners {#3919
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField
[Anonymous]
16.0 MiB 0.44 ms
Input props
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 922
    "title" => "Evolution of Life"
    "slug" => "evolution-of-life"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp"
    ]
    "thumbnailBackground" => "#ec008d"
    "publishedAt" => DateTimeImmutable @1550016000 {#1377
      date: 2019-02-13 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To define the main stages of the evolution of life.</li>\r\n
      \t<li>To put the history of humanity in context.</li>\r\n
      \t<li>To be able to read a timeline.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>This timeline is a shortened version of eduMedia&#39;s great &quot;<a href="/fr/media/909-echelle-des-temps-geologiques-et-histoire-de-la-vie">History of the Earth</a>&quot; fresco.</p>\r\n
      \r\n
      <p>Only the last eon is represented: the <strong>Phanerozoic</strong>. It is the last and shortest of the four eons (541 Ma). It is the one in which we live and its main characteristic is the <strong>explosion of biodiversity</strong>. The word &quot;Phanerozoic&quot; comes from the Greek words &phi;&alpha;&nu;&epsilon;&rho;ό&sigmaf; (<em>phaner&oacute;s = &quot;visible&quot;</em>) and &zeta;&omega;ή (<em>zōḗ = &quot;Living&quot; or &quot;Animal&quot;</em>). The abundance of life observed for the first time at the very end of the Proterozoic (Ediacaran) accelerates to the Cambrian with what paleontologists call the <strong>Cambrian explosion</strong>. Biodiversity is first underwater and it is only in the Silurian and then in the Devonian that the flora and fauna adapt to conquer the terrestrial coastline. Dinosaurs ruled much later, during the Mesozoic (more than 150 million years after the release of Tiktaalik from the waters in the Devonian). The Phanerozoic is the eon we know best because the geological layers and fossils are better preserved. The three previous eons (Hadean, Archaean and Proterozoic) are merged into a single super-eon named <strong>Precambrian</strong> which lasts nearly 4 billion years.</p>\r\n
      \r\n
      <p><strong>Drag</strong> the fresco to move through time or <strong>click</strong> on a period in the navigation bar.</p>\r\n
      \r\n
      <p><strong>Click</strong> on an animal to display its name.</p>\r\n
      \r\n
      <p>Acknowledgements :</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Fresco &quot;In search of lost times&quot;: http://svt.ac-creteil.fr/?Using-fresque-interactive-A-la-recherche-des-temps-perdus</li>\r\n
      \t<li>Ilga Porth, Wood and Forest Science, Laval University, Quebec</li>\r\n
      \t<li>&quot;Planet Earth&quot; by Pierre Andr&eacute; Bourque: http://www2.ggl.ulaval.ca/personnel/bourque/intro.pt/planete_terre.html</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3627
        #id: 525
        #title: "Skulls and dentitions"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/525-6545f39949259828454552.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/525-6545f39949259828454552.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/525-6545f39949259828454552.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3080
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "skulls-and-dentitions"
      }
      App\Entity\vo\MediaCardLight {#3629
        #id: 895
        #title: "Interactive Earth: Mountains and deserts"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1506384000 {#3188
          date: 2017-09-26 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interactive-earth-mountains-and-deserts"
      }
      App\Entity\vo\MediaCardLight {#3630
        #id: 672
        #title: "Quiz skulls and dentitions"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#3116
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-skulls-and-dentitions"
      }
      App\Entity\vo\MediaCardLight {#3631
        #id: 309
        #title: "Interactive Earth: Countries and continents"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3044
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interactive-earth-countries-and-continents"
      }
      App\Entity\vo\MediaCardLight {#3632
        #id: 8
        #title: "Function of the teeth"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3024
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "function-of-the-teeth"
      }
    ]
    "tags" => [
      "cretaceous"
      "dinosaurs"
      "extinctions"
      "glaciations"
      "jurassic"
      "neanderthal"
      "phanerozoic"
      "prehistoric"
      "sapiens"
      "timeline"
    ]
    "baseNodeName" => "Plants and animals"
  ]
  "key" => "goals"
]
Attributes
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 922
    "title" => "Evolution of Life"
    "slug" => "evolution-of-life"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp"
    ]
    "thumbnailBackground" => "#ec008d"
    "publishedAt" => DateTimeImmutable @1550016000 {#1377
      date: 2019-02-13 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To define the main stages of the evolution of life.</li>\r\n
      \t<li>To put the history of humanity in context.</li>\r\n
      \t<li>To be able to read a timeline.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>This timeline is a shortened version of eduMedia&#39;s great &quot;<a href="/fr/media/909-echelle-des-temps-geologiques-et-histoire-de-la-vie">History of the Earth</a>&quot; fresco.</p>\r\n
      \r\n
      <p>Only the last eon is represented: the <strong>Phanerozoic</strong>. It is the last and shortest of the four eons (541 Ma). It is the one in which we live and its main characteristic is the <strong>explosion of biodiversity</strong>. The word &quot;Phanerozoic&quot; comes from the Greek words &phi;&alpha;&nu;&epsilon;&rho;ό&sigmaf; (<em>phaner&oacute;s = &quot;visible&quot;</em>) and &zeta;&omega;ή (<em>zōḗ = &quot;Living&quot; or &quot;Animal&quot;</em>). The abundance of life observed for the first time at the very end of the Proterozoic (Ediacaran) accelerates to the Cambrian with what paleontologists call the <strong>Cambrian explosion</strong>. Biodiversity is first underwater and it is only in the Silurian and then in the Devonian that the flora and fauna adapt to conquer the terrestrial coastline. Dinosaurs ruled much later, during the Mesozoic (more than 150 million years after the release of Tiktaalik from the waters in the Devonian). The Phanerozoic is the eon we know best because the geological layers and fossils are better preserved. The three previous eons (Hadean, Archaean and Proterozoic) are merged into a single super-eon named <strong>Precambrian</strong> which lasts nearly 4 billion years.</p>\r\n
      \r\n
      <p><strong>Drag</strong> the fresco to move through time or <strong>click</strong> on a period in the navigation bar.</p>\r\n
      \r\n
      <p><strong>Click</strong> on an animal to display its name.</p>\r\n
      \r\n
      <p>Acknowledgements :</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Fresco &quot;In search of lost times&quot;: http://svt.ac-creteil.fr/?Using-fresque-interactive-A-la-recherche-des-temps-perdus</li>\r\n
      \t<li>Ilga Porth, Wood and Forest Science, Laval University, Quebec</li>\r\n
      \t<li>&quot;Planet Earth&quot; by Pierre Andr&eacute; Bourque: http://www2.ggl.ulaval.ca/personnel/bourque/intro.pt/planete_terre.html</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3627
        #id: 525
        #title: "Skulls and dentitions"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/525-6545f39949259828454552.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/525-6545f39949259828454552.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/525-6545f39949259828454552.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3080
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "skulls-and-dentitions"
      }
      App\Entity\vo\MediaCardLight {#3629
        #id: 895
        #title: "Interactive Earth: Mountains and deserts"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1506384000 {#3188
          date: 2017-09-26 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interactive-earth-mountains-and-deserts"
      }
      App\Entity\vo\MediaCardLight {#3630
        #id: 672
        #title: "Quiz skulls and dentitions"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#3116
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-skulls-and-dentitions"
      }
      App\Entity\vo\MediaCardLight {#3631
        #id: 309
        #title: "Interactive Earth: Countries and continents"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3044
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interactive-earth-countries-and-continents"
      }
      App\Entity\vo\MediaCardLight {#3632
        #id: 8
        #title: "Function of the teeth"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3024
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "function-of-the-teeth"
      }
    ]
    "tags" => [
      "cretaceous"
      "dinosaurs"
      "extinctions"
      "glaciations"
      "jurassic"
      "neanderthal"
      "phanerozoic"
      "prehistoric"
      "sapiens"
      "timeline"
    ]
    "baseNodeName" => "Plants and animals"
  ]
  "key" => "goals"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4352
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 922
      "title" => "Evolution of Life"
      "slug" => "evolution-of-life"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp"
      ]
      "thumbnailBackground" => "#ec008d"
      "publishedAt" => DateTimeImmutable @1550016000 {#1377
        date: 2019-02-13 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>To define the main stages of the evolution of life.</li>\r\n
        \t<li>To put the history of humanity in context.</li>\r\n
        \t<li>To be able to read a timeline.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>This timeline is a shortened version of eduMedia&#39;s great &quot;<a href="/fr/media/909-echelle-des-temps-geologiques-et-histoire-de-la-vie">History of the Earth</a>&quot; fresco.</p>\r\n
        \r\n
        <p>Only the last eon is represented: the <strong>Phanerozoic</strong>. It is the last and shortest of the four eons (541 Ma). It is the one in which we live and its main characteristic is the <strong>explosion of biodiversity</strong>. The word &quot;Phanerozoic&quot; comes from the Greek words &phi;&alpha;&nu;&epsilon;&rho;ό&sigmaf; (<em>phaner&oacute;s = &quot;visible&quot;</em>) and &zeta;&omega;ή (<em>zōḗ = &quot;Living&quot; or &quot;Animal&quot;</em>). The abundance of life observed for the first time at the very end of the Proterozoic (Ediacaran) accelerates to the Cambrian with what paleontologists call the <strong>Cambrian explosion</strong>. Biodiversity is first underwater and it is only in the Silurian and then in the Devonian that the flora and fauna adapt to conquer the terrestrial coastline. Dinosaurs ruled much later, during the Mesozoic (more than 150 million years after the release of Tiktaalik from the waters in the Devonian). The Phanerozoic is the eon we know best because the geological layers and fossils are better preserved. The three previous eons (Hadean, Archaean and Proterozoic) are merged into a single super-eon named <strong>Precambrian</strong> which lasts nearly 4 billion years.</p>\r\n
        \r\n
        <p><strong>Drag</strong> the fresco to move through time or <strong>click</strong> on a period in the navigation bar.</p>\r\n
        \r\n
        <p><strong>Click</strong> on an animal to display its name.</p>\r\n
        \r\n
        <p>Acknowledgements :</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Fresco &quot;In search of lost times&quot;: http://svt.ac-creteil.fr/?Using-fresque-interactive-A-la-recherche-des-temps-perdus</li>\r\n
        \t<li>Ilga Porth, Wood and Forest Science, Laval University, Quebec</li>\r\n
        \t<li>&quot;Planet Earth&quot; by Pierre Andr&eacute; Bourque: http://www2.ggl.ulaval.ca/personnel/bourque/intro.pt/planete_terre.html</li>\r\n
        </ul>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3627
          #id: 525
          #title: "Skulls and dentitions"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/525-6545f39949259828454552.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/525-6545f39949259828454552.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/525-6545f39949259828454552.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#3080
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "skulls-and-dentitions"
        }
        App\Entity\vo\MediaCardLight {#3629
          #id: 895
          #title: "Interactive Earth: Mountains and deserts"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1506384000 {#3188
            date: 2017-09-26 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "interactive-earth-mountains-and-deserts"
        }
        App\Entity\vo\MediaCardLight {#3630
          #id: 672
          #title: "Quiz skulls and dentitions"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
          ]
          #thumbnailBackground: "#462f92"
          #publishedAt: DateTimeImmutable @1431302400 {#3116
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quiz-skulls-and-dentitions"
        }
        App\Entity\vo\MediaCardLight {#3631
          #id: 309
          #title: "Interactive Earth: Countries and continents"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#3044
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "interactive-earth-countries-and-continents"
        }
        App\Entity\vo\MediaCardLight {#3632
          #id: 8
          #title: "Function of the teeth"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#3024
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "function-of-the-teeth"
        }
      ]
      "tags" => [
        "cretaceous"
        "dinosaurs"
        "extinctions"
        "glaciations"
        "jurassic"
        "neanderthal"
        "phanerozoic"
        "prehistoric"
        "sapiens"
        "timeline"
      ]
      "baseNodeName" => "Plants and animals"
    ]
    "key" => "goals"
  ]
}
Demo:Video
[Anonymous]
16.0 MiB 0.41 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 {#4374
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large
[Anonymous]
16.0 MiB 0.89 ms
Input props
[
  "tag" => "h2"
]
Attributes
[
  "tag" => "h2"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4390
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill
[Anonymous]
16.0 MiB 2.01 ms
Input props
[
  "icon" => "source"
]
Attributes
[
  "icon" => "source"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4414
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal
[Anonymous]
16.0 MiB 0.72 ms
Input props
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4450
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4452
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4450
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm
[Anonymous]
16.0 MiB 457.10 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 {#4436
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 20.76 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 {#4696
  +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 16.26 ms
Input props
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes
[
  "class" => "text-white"
  "tag" => "h1"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4481
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 19.80 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3627
    #id: 525
    #title: "Skulls and dentitions"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/525-6545f39949259828454552.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/525-6545f39949259828454552.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/525-6545f39949259828454552.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3080
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "skulls-and-dentitions"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes
[
  "class" => "w-1/2 "
]
Component
App\Twig\Components\MediaCard {#4563
  -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 {#3627
    #id: 525
    #title: "Skulls and dentitions"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/525-6545f39949259828454552.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/525-6545f39949259828454552.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/525-6545f39949259828454552.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3080
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "skulls-and-dentitions"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.21 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3629
    #id: 895
    #title: "Interactive Earth: Mountains and deserts"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1506384000 {#3188
      date: 2017-09-26 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interactive-earth-mountains-and-deserts"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes
[
  "class" => "w-1/2 hidden md:block"
]
Component
App\Twig\Components\MediaCard {#4776
  -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 {#3629
    #id: 895
    #title: "Interactive Earth: Mountains and deserts"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/895-6545f4699b055751239812.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1506384000 {#3188
      date: 2017-09-26 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interactive-earth-mountains-and-deserts"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 14.98 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3630
    #id: 672
    #title: "Quiz skulls and dentitions"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#3116
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-skulls-and-dentitions"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4804
  -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 {#3630
    #id: 672
    #title: "Quiz skulls and dentitions"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/672-6545f3fdb8403121186357.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#3116
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-skulls-and-dentitions"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 20.49 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3631
    #id: 309
    #title: "Interactive Earth: Countries and continents"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3044
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interactive-earth-countries-and-continents"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4823
  -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 {#3631
    #id: 309
    #title: "Interactive Earth: Countries and continents"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3044
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interactive-earth-countries-and-continents"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.45 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3632
    #id: 8
    #title: "Function of the teeth"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3024
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "function-of-the-teeth"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4842
  -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 {#3632
    #id: 8
    #title: "Function of the teeth"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/8-6545f4491e037031913836.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3024
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "function-of-the-teeth"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer
[Anonymous]
16.0 MiB 76.75 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4399
  -props: []
}