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

Response
200 OK
IP
216.73.216.102
Profiled on
Token
013b7f

Components

19 Twig Components
32 Render Count
435 ms Render Time
14.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 42.11ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 37.48ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 16.25ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 1.29ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 118.72ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 37.84ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 23.30ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.54ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 2.49ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 16.34ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 78.71ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 77.39ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 1.30ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 1.14ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 1.01ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 20.44ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 17.44ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 219.16ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 18.66ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 1.29 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3772
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3773 …}
}
Header 
[Anonymous]
 14.0 MiB 118.72 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3803
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 37.84 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 {#3829
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 14.0 MiB 23.30 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3885
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 0.54 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3909
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 2.49 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3926
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 0.83 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 {#3951
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 14.0 MiB 16.34 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3943
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 15.27 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/909-history-of-life"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/909-history-of-life"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4029
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.39 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component 
App\Twig\Components\Button {#4043
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 14.0 MiB 78.71 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3867
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1481 …}
}
Dialog 
[Anonymous]
 14.0 MiB 77.39 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 {#4080
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 2.56 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 {#4114
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 2.19 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/909-history-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/909-history-of-life"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4145
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 14.82 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/909-echelle-des-temps-geologiques-et-histoire-de-la-vie"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/909-echelle-des-temps-geologiques-et-histoire-de-la-vie"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4182
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.36 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/909-historia-de-vida"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/909-historia-de-vida"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4201
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 2.13 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/909-geologische-zeitskala-und-geschichte-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/909-geologische-zeitskala-und-geschichte-des-lebens"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4221
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 14.0 MiB 1.30 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3820
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 1.14 ms
Input props 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 909
    "title" => "History of Life"
    "slug" => "history-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/909-6545f472a16ec664877940.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/909-6545f472a16ec664877940.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/909-6545f472a16ec664877940.webp"
    ]
    "thumbnailBackground" => "#ec008d"
    "publishedAt" => DateTimeImmutable @1531785600 {#1389
      date: 2018-07-17 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To define the terms <em>Aeon&nbsp;</em>(or <em>Eon</em>), <em>Era</em>, <em>Period&nbsp;</em>and their interweaving.</li>\r\n
      \t<li>To teach the orders of magnitude of durations.</li>\r\n
      \t<li>To put the history of humanity in context.</li>\r\n
      \t<li>To read a timeline.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>This animation illustrates the history of the Earth and Life on Earth on a chronological fresco at <strong>scale</strong> (*). This geological time scale is based on knowledge that is constantly evolving. The International Union of Geological Sciences (IUGS) meets every four years to validate recent discoveries and decide on the denominations and dates of the different subdivisions.</p>\r\n
      \r\n
      <p>The geological time scale is thus subdivided as follows:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>The &quot;<strong>Eons</strong>&quot;: Hadean, Archaean, Proterozoic and Phanerozoic that define the largest units of time (Order of magnitude: 1 billion years).</li>\r\n
      \t<li>The &quot;<strong>Era</strong>&quot;: Except for the Hadean whose data is too imprecise, eons are divided into 3 or 4 eras (Order of magnitude: 100 million years).</li>\r\n
      \t<li>The &quot;<strong>Periods</strong>&quot;: Each era is divided between several periods (6 for the Paleozoic with an average duration of 40 million years).</li>\r\n
      </ul>\r\n
      \r\n
      <p>Scales and order of magnitude: We have chosen two time scales to represent this very long history of more than 4.5 billion years.</p>\r\n
      \r\n
      <ol>\r\n
      \t<li>The first eons of the Earth (Hadean, Archaean and Proterozoic) constitute 90% of the duration. They are all on the same scale: A screen width corresponds to 70 Myr (Million years). For these eons, when the automatic playback mode is activated (click on the &quot;Play&quot; button), the scroll speed is about 5 million years per second. The 2000 years of our calendar would pass in 0.0004 seconds! At this very fast speed, it takes almost 15 minutes to travel these three eons.</li>\r\n
      \t<li>The last eon (Phanerozoic) lasts only 541 Myr. We have deliberately enlarged the scale to 40 Myr for a screen width. In the Phanerozoic, when the automatic playback mode is activated, the scroll speed is about 2 million years per second. On this &quot;slowed down&quot; scale, the 300,000 years that separate us from the first Homo sapiens only constitute 2 millimeters of this 40 meter fresco.</li>\r\n
      </ol>\r\n
      \r\n
      <p>See also the&nbsp;<a href="../media/910-geological-clock">geological clock</a>&nbsp;simulation.</p>\r\n
      \r\n
      <p>Note: Depending on your bandwidth, it may take several minutes to load the 4.6 billion years of this fresco.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3528
        #id: 521
        #title: "Pond ecosystem (trophic relationship)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2985
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "pond-ecosystem-trophic-relationship"
      }
      App\Entity\vo\MediaCardLight {#3530
        #id: 499
        #title: "Environmental adaptation and homology in the skeleton"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
        ]
        #thumbnailBackground: "#f7941d"
        #publishedAt: DateTimeImmutable @1431302400 {#2957
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "environmental-adaptation-and-homology-in-the-skeleton"
      }
      App\Entity\vo\MediaCardLight {#3531
        #id: 174
        #title: "Food chain of the mountain ecosystem"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#2918
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "food-chain-of-the-mountain-ecosystem"
      }
      App\Entity\vo\MediaCardLight {#3532
        #id: 598
        #title: "The anterior limbs of vertebrates and evolution"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#3057
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "the-anterior-limbs-of-vertebrates-and-evolution"
      }
      App\Entity\vo\MediaCardLight {#3533
        #id: 785
        #title: "Animal Motion"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3077
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "animal-motion"
      }
    ]
    "tags" => [
      "chronology"
      "creation of the moon"
      "dinosaurs"
      "earth"
      "eons"
      "eras"
      "geological time scale"
      "jurassic"
      "life"
      "periods"
      "prehistory"
      "stratigraphic scale"
      "timeline"
      "tyrannosaurus"
    ]
    "baseNodeName" => "Plants and animals"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 909
    "title" => "History of Life"
    "slug" => "history-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/909-6545f472a16ec664877940.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/909-6545f472a16ec664877940.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/909-6545f472a16ec664877940.webp"
    ]
    "thumbnailBackground" => "#ec008d"
    "publishedAt" => DateTimeImmutable @1531785600 {#1389
      date: 2018-07-17 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To define the terms <em>Aeon&nbsp;</em>(or <em>Eon</em>), <em>Era</em>, <em>Period&nbsp;</em>and their interweaving.</li>\r\n
      \t<li>To teach the orders of magnitude of durations.</li>\r\n
      \t<li>To put the history of humanity in context.</li>\r\n
      \t<li>To read a timeline.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>This animation illustrates the history of the Earth and Life on Earth on a chronological fresco at <strong>scale</strong> (*). This geological time scale is based on knowledge that is constantly evolving. The International Union of Geological Sciences (IUGS) meets every four years to validate recent discoveries and decide on the denominations and dates of the different subdivisions.</p>\r\n
      \r\n
      <p>The geological time scale is thus subdivided as follows:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>The &quot;<strong>Eons</strong>&quot;: Hadean, Archaean, Proterozoic and Phanerozoic that define the largest units of time (Order of magnitude: 1 billion years).</li>\r\n
      \t<li>The &quot;<strong>Era</strong>&quot;: Except for the Hadean whose data is too imprecise, eons are divided into 3 or 4 eras (Order of magnitude: 100 million years).</li>\r\n
      \t<li>The &quot;<strong>Periods</strong>&quot;: Each era is divided between several periods (6 for the Paleozoic with an average duration of 40 million years).</li>\r\n
      </ul>\r\n
      \r\n
      <p>Scales and order of magnitude: We have chosen two time scales to represent this very long history of more than 4.5 billion years.</p>\r\n
      \r\n
      <ol>\r\n
      \t<li>The first eons of the Earth (Hadean, Archaean and Proterozoic) constitute 90% of the duration. They are all on the same scale: A screen width corresponds to 70 Myr (Million years). For these eons, when the automatic playback mode is activated (click on the &quot;Play&quot; button), the scroll speed is about 5 million years per second. The 2000 years of our calendar would pass in 0.0004 seconds! At this very fast speed, it takes almost 15 minutes to travel these three eons.</li>\r\n
      \t<li>The last eon (Phanerozoic) lasts only 541 Myr. We have deliberately enlarged the scale to 40 Myr for a screen width. In the Phanerozoic, when the automatic playback mode is activated, the scroll speed is about 2 million years per second. On this &quot;slowed down&quot; scale, the 300,000 years that separate us from the first Homo sapiens only constitute 2 millimeters of this 40 meter fresco.</li>\r\n
      </ol>\r\n
      \r\n
      <p>See also the&nbsp;<a href="../media/910-geological-clock">geological clock</a>&nbsp;simulation.</p>\r\n
      \r\n
      <p>Note: Depending on your bandwidth, it may take several minutes to load the 4.6 billion years of this fresco.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3528
        #id: 521
        #title: "Pond ecosystem (trophic relationship)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2985
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "pond-ecosystem-trophic-relationship"
      }
      App\Entity\vo\MediaCardLight {#3530
        #id: 499
        #title: "Environmental adaptation and homology in the skeleton"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
        ]
        #thumbnailBackground: "#f7941d"
        #publishedAt: DateTimeImmutable @1431302400 {#2957
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "environmental-adaptation-and-homology-in-the-skeleton"
      }
      App\Entity\vo\MediaCardLight {#3531
        #id: 174
        #title: "Food chain of the mountain ecosystem"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#2918
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "food-chain-of-the-mountain-ecosystem"
      }
      App\Entity\vo\MediaCardLight {#3532
        #id: 598
        #title: "The anterior limbs of vertebrates and evolution"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#3057
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "the-anterior-limbs-of-vertebrates-and-evolution"
      }
      App\Entity\vo\MediaCardLight {#3533
        #id: 785
        #title: "Animal Motion"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3077
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "animal-motion"
      }
    ]
    "tags" => [
      "chronology"
      "creation of the moon"
      "dinosaurs"
      "earth"
      "eons"
      "eras"
      "geological time scale"
      "jurassic"
      "life"
      "periods"
      "prehistory"
      "stratigraphic scale"
      "timeline"
      "tyrannosaurus"
    ]
    "baseNodeName" => "Plants and animals"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4253
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 909
      "title" => "History of Life"
      "slug" => "history-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/909-6545f472a16ec664877940.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/909-6545f472a16ec664877940.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/909-6545f472a16ec664877940.webp"
      ]
      "thumbnailBackground" => "#ec008d"
      "publishedAt" => DateTimeImmutable @1531785600 {#1389
        date: 2018-07-17 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>To define the terms <em>Aeon&nbsp;</em>(or <em>Eon</em>), <em>Era</em>, <em>Period&nbsp;</em>and their interweaving.</li>\r\n
        \t<li>To teach the orders of magnitude of durations.</li>\r\n
        \t<li>To put the history of humanity in context.</li>\r\n
        \t<li>To read a timeline.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>This animation illustrates the history of the Earth and Life on Earth on a chronological fresco at <strong>scale</strong> (*). This geological time scale is based on knowledge that is constantly evolving. The International Union of Geological Sciences (IUGS) meets every four years to validate recent discoveries and decide on the denominations and dates of the different subdivisions.</p>\r\n
        \r\n
        <p>The geological time scale is thus subdivided as follows:</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>The &quot;<strong>Eons</strong>&quot;: Hadean, Archaean, Proterozoic and Phanerozoic that define the largest units of time (Order of magnitude: 1 billion years).</li>\r\n
        \t<li>The &quot;<strong>Era</strong>&quot;: Except for the Hadean whose data is too imprecise, eons are divided into 3 or 4 eras (Order of magnitude: 100 million years).</li>\r\n
        \t<li>The &quot;<strong>Periods</strong>&quot;: Each era is divided between several periods (6 for the Paleozoic with an average duration of 40 million years).</li>\r\n
        </ul>\r\n
        \r\n
        <p>Scales and order of magnitude: We have chosen two time scales to represent this very long history of more than 4.5 billion years.</p>\r\n
        \r\n
        <ol>\r\n
        \t<li>The first eons of the Earth (Hadean, Archaean and Proterozoic) constitute 90% of the duration. They are all on the same scale: A screen width corresponds to 70 Myr (Million years). For these eons, when the automatic playback mode is activated (click on the &quot;Play&quot; button), the scroll speed is about 5 million years per second. The 2000 years of our calendar would pass in 0.0004 seconds! At this very fast speed, it takes almost 15 minutes to travel these three eons.</li>\r\n
        \t<li>The last eon (Phanerozoic) lasts only 541 Myr. We have deliberately enlarged the scale to 40 Myr for a screen width. In the Phanerozoic, when the automatic playback mode is activated, the scroll speed is about 2 million years per second. On this &quot;slowed down&quot; scale, the 300,000 years that separate us from the first Homo sapiens only constitute 2 millimeters of this 40 meter fresco.</li>\r\n
        </ol>\r\n
        \r\n
        <p>See also the&nbsp;<a href="../media/910-geological-clock">geological clock</a>&nbsp;simulation.</p>\r\n
        \r\n
        <p>Note: Depending on your bandwidth, it may take several minutes to load the 4.6 billion years of this fresco.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3528
          #id: 521
          #title: "Pond ecosystem (trophic relationship)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1431302400 {#2985
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "pond-ecosystem-trophic-relationship"
        }
        App\Entity\vo\MediaCardLight {#3530
          #id: 499
          #title: "Environmental adaptation and homology in the skeleton"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
          ]
          #thumbnailBackground: "#f7941d"
          #publishedAt: DateTimeImmutable @1431302400 {#2957
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "environmental-adaptation-and-homology-in-the-skeleton"
        }
        App\Entity\vo\MediaCardLight {#3531
          #id: 174
          #title: "Food chain of the mountain ecosystem"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431302400 {#2918
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "food-chain-of-the-mountain-ecosystem"
        }
        App\Entity\vo\MediaCardLight {#3532
          #id: 598
          #title: "The anterior limbs of vertebrates and evolution"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1431302400 {#3057
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "the-anterior-limbs-of-vertebrates-and-evolution"
        }
        App\Entity\vo\MediaCardLight {#3533
          #id: 785
          #title: "Animal Motion"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#3077
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "animal-motion"
        }
      ]
      "tags" => [
        "chronology"
        "creation of the moon"
        "dinosaurs"
        "earth"
        "eons"
        "eras"
        "geological time scale"
        "jurassic"
        "life"
        "periods"
        "prehistory"
        "stratigraphic scale"
        "timeline"
        "tyrannosaurus"
      ]
      "baseNodeName" => "Plants and animals"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 1.01 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 {#4275
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 15.04 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4291
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 20.44 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4315
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 17.44 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4351
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4353
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4351
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 219.16 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 {#4337
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.56 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 {#4597
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.21 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4382
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 2.97 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3528
    #id: 521
    #title: "Pond ecosystem (trophic relationship)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2985
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "pond-ecosystem-trophic-relationship"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4464
  -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 {#3528
    #id: 521
    #title: "Pond ecosystem (trophic relationship)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2985
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "pond-ecosystem-trophic-relationship"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 17.14 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3530
    #id: 499
    #title: "Environmental adaptation and homology in the skeleton"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
    ]
    #thumbnailBackground: "#f7941d"
    #publishedAt: DateTimeImmutable @1431302400 {#2957
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "environmental-adaptation-and-homology-in-the-skeleton"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4677
  -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 {#3530
    #id: 499
    #title: "Environmental adaptation and homology in the skeleton"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/499-6545f3877f951594915658.webp"
    ]
    #thumbnailBackground: "#f7941d"
    #publishedAt: DateTimeImmutable @1431302400 {#2957
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "environmental-adaptation-and-homology-in-the-skeleton"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 6.09 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3531
    #id: 174
    #title: "Food chain of the mountain ecosystem"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#2918
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "food-chain-of-the-mountain-ecosystem"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4705
  -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 {#3531
    #id: 174
    #title: "Food chain of the mountain ecosystem"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/174-6545f2cbd5c3f448093751.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#2918
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "food-chain-of-the-mountain-ecosystem"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.86 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3532
    #id: 598
    #title: "The anterior limbs of vertebrates and evolution"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#3057
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "the-anterior-limbs-of-vertebrates-and-evolution"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4724
  -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 {#3532
    #id: 598
    #title: "The anterior limbs of vertebrates and evolution"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/598-6545f3caf120f718606064.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#3057
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "the-anterior-limbs-of-vertebrates-and-evolution"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 10.42 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3533
    #id: 785
    #title: "Animal Motion"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3077
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "animal-motion"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4743
  -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 {#3533
    #id: 785
    #title: "Animal Motion"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/785-6545f443ae36d589417420.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3077
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "animal-motion"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 18.66 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4300
  -props: []
}