GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/en/media/58-the-role-of-chance-in-evolution

Components

19 Twig Components
32 Render Count
482 ms Render Time
10.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button
"App\Twig\Components\Button"
components/Button.html.twig
9 77.36ms
MediaCard
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig
5 2.46ms
Heading:Large
[Anonymous]
components/Heading/Large.html.twig
2 2.01ms
Store:User
"App\Twig\Components\Store\User"
components/Store/User.html.twig
1 14.70ms
Header
[Anonymous]
components/Header/index.html.twig
1 181.67ms
Layout:Stack
[Anonymous]
components/Layout/Stack.html.twig
1 80.89ms
Header:Anonymous
[Anonymous]
components/Header/Anonymous.html.twig
1 78.34ms
Header:Logo
[Anonymous]
components/Header/Logo.html.twig
1 0.68ms
Header:LocalePicker
[Anonymous]
components/Header/LocalePicker.html.twig
1 20.74ms
LoginLink
[Anonymous]
components/LoginLink.html.twig
1 17.71ms
Dialog:LocalePicker
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig
1 97.70ms
Dialog
[Anonymous]
components/Dialog/index.html.twig
1 81.19ms
Banner:UserBanners
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig
1 1.31ms
MediaField
[Anonymous]
components/MediaField.html.twig
1 17.18ms
Demo:Video
[Anonymous]
components/Demo/Video.html.twig
1 0.98ms
Showcase:RevealPill
[Anonymous]
components/Showcase/RevealPill.html.twig
1 20.32ms
Showcase:Reveal
[Anonymous]
components/Showcase/Reveal.html.twig
1 17.52ms
DemoForm
[Anonymous]
components/DemoForm.html.twig
1 238.76ms
Footer
[Anonymous]
components/Footer/index.html.twig
1 3.04ms

Render calls

Store:User App\Twig\Components\Store\User 10.0 MiB 14.70 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Store\User {#3670
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3671 …}
}
Header
[Anonymous]
10.0 MiB 181.67 ms
Input props
[
  "notSticky" => false
]
Attributes
[
  "notSticky" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3701
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack
[Anonymous]
10.0 MiB 80.89 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 {#3727
  -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]
10.0 MiB 78.34 ms
Input props
[
  "minimal" => false
]
Attributes
[
  "minimal" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3783
  -props: [
    "minimal" => false
  ]
}
Header:Logo
[Anonymous]
10.0 MiB 0.68 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3807
  -props: []
}
Header:LocalePicker
[Anonymous]
10.0 MiB 20.74 ms
Input props
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3824
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 17.78 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 {#3849
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink
[Anonymous]
10.0 MiB 17.71 ms
Input props
[
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "class" => "grow"
  "size" => "small"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3841
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 14.64 ms
Input props
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/58-the-role-of-chance-in-evolution"
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/58-the-role-of-chance-in-evolution"
  "class" => "grow"
]
Component
App\Twig\Components\Button {#3927
  +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 10.0 MiB 1.81 ms
Input props
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component
App\Twig\Components\Button {#3941
  +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 10.0 MiB 97.70 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Dialog\LocalePicker {#3765
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1486 …}
}
Dialog
[Anonymous]
10.0 MiB 81.19 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 {#3978
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.79 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 {#4012
  +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 10.0 MiB 18.88 ms
Input props
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/58-the-role-of-chance-in-evolution"
  "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/58-the-role-of-chance-in-evolution"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component
App\Twig\Components\Button {#4043
  +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 10.0 MiB 17.48 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/58-role-du-hasard-dans-l-evolution"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/58-role-du-hasard-dans-l-evolution"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component
App\Twig\Components\Button {#4080
  +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 10.0 MiB 1.95 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/58-papel-que-juega-el-azar-en-la-evolucion"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/58-papel-que-juega-el-azar-en-la-evolucion"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component
App\Twig\Components\Button {#4099
  +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 10.0 MiB 1.72 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/58-die-rolle-des-zufalls-in-der-evolution"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/58-die-rolle-des-zufalls-in-der-evolution"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component
App\Twig\Components\Button {#4119
  +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 10.0 MiB 1.31 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Banner\UserBanners {#3718
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField
[Anonymous]
10.0 MiB 17.18 ms
Input props
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 58
    "title" => "The role of chance in evolution"
    "slug" => "the-role-of-chance-in-evolution"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/58-6545f3bd4b18b246309653.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/58-6545f3bd4b18b246309653.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/58-6545f3bd4b18b246309653.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1431302400 {#1377
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To understand the role of chance in evolution.</li>\r\n
      \t<li>To approach the notion of biodiversity at the genetic level.</li>\r\n
      \t<li>To discover the notions of genetic drift and natural selection.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>This animation presents a simplified simulation that illustrates the importance of chance in the evolution of a small, isolated population.</p>\r\n
      \r\n
      <p>Here we observe the genetic diversity involved in a characteristic: the color of a fictional species of flower.</p>\r\n
      \r\n
      <p>The selection carried out on the flower population is represented by rabbits, who eat the flowers without any particular preference for their color. This selection (a random draw) is thus done by chance and is not to the profit of a form of flower that is better adapted to its environment.</p>\r\n
      \r\n
      <p>At the start, the population has 6 flowers of 6 different colors.</p>\r\n
      \r\n
      <p>Each of these flowers reproduces to produce two &quot;daughter&amp;rdrdquo; flowers. There are thus 18 flowers.</p>\r\n
      \r\n
      <p>The &ldquo;daughter&rdquo; flowers are the same color as their &ldquo;mother&rdquo; flower (in effect, we are assuming asexual reproduction).&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>\r\n
      \r\n
      <p>Then the random draw&nbsp; by the rabbits makes 12 flowers disappear.</p>\r\n
      \r\n
      <p>There remain only 6 flowers, which will reproduce again, etc.</p>\r\n
      \r\n
      <p>The principle behind this simulation is to carry out a certain number of cycles of reproduction/random draw. We see that the greater the number of generations, the more the diversity in flower color diminishes.</p>\r\n
      \r\n
      <p><strong>Click </strong>&nbsp;on the &ldquo;Reproduction&rdquo; button to generate two plants that are genetically identical to the &ldquo;mother&rdquo; plant.</p>\r\n
      \r\n
      <p><strong>Click </strong>&nbsp;on &ldquo;Random Draw&rdquo; to have 12 out of 18 flowers, selected at random, disappear.</p>\r\n
      \r\n
      <p>After each reproduction/random draw cycle, the flower population remains unchanged (6 flowers)</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3426
        #id: 525
        #title: "Skulls and dentitions"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/525-6545f39949259828454552.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/525-6545f39949259828454552.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/525-6545f39949259828454552.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#2919
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "skulls-and-dentitions"
      }
      App\Entity\vo\MediaCardLight {#3428
        #id: 925
        #title: "Genetic drift"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1552521600 {#2994
          date: 2019-03-14 00:00:00.0 UTC (+00:00)
        }
        #isExpert: true
        #slug: "genetic-drift"
      }
      App\Entity\vo\MediaCardLight {#3429
        #id: 562
        #title: "Birds' beaks"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
        ]
        #thumbnailBackground: "#472f91"
        #publishedAt: DateTimeImmutable @1431302400 {#2975
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "birds-beaks"
      }
      App\Entity\vo\MediaCardLight {#3430
        #id: 208
        #title: "Classification of living things"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2903
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "classification-of-living-things"
      }
      App\Entity\vo\MediaCardLight {#3431
        #id: 136
        #title: "Fossilization"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#2831
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "fossilization"
      }
    ]
    "tags" => [
      "allele"
      "biodiversity"
      "chance"
      "ecosystem"
      "evolution"
      "genetic drift"
      "heredity"
      "natural selection"
      "random"
      "species"
    ]
    "baseNodeName" => "Life science"
  ]
  "key" => "goals"
]
Attributes
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 58
    "title" => "The role of chance in evolution"
    "slug" => "the-role-of-chance-in-evolution"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/58-6545f3bd4b18b246309653.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/58-6545f3bd4b18b246309653.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/58-6545f3bd4b18b246309653.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1431302400 {#1377
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To understand the role of chance in evolution.</li>\r\n
      \t<li>To approach the notion of biodiversity at the genetic level.</li>\r\n
      \t<li>To discover the notions of genetic drift and natural selection.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>This animation presents a simplified simulation that illustrates the importance of chance in the evolution of a small, isolated population.</p>\r\n
      \r\n
      <p>Here we observe the genetic diversity involved in a characteristic: the color of a fictional species of flower.</p>\r\n
      \r\n
      <p>The selection carried out on the flower population is represented by rabbits, who eat the flowers without any particular preference for their color. This selection (a random draw) is thus done by chance and is not to the profit of a form of flower that is better adapted to its environment.</p>\r\n
      \r\n
      <p>At the start, the population has 6 flowers of 6 different colors.</p>\r\n
      \r\n
      <p>Each of these flowers reproduces to produce two &quot;daughter&amp;rdrdquo; flowers. There are thus 18 flowers.</p>\r\n
      \r\n
      <p>The &ldquo;daughter&rdquo; flowers are the same color as their &ldquo;mother&rdquo; flower (in effect, we are assuming asexual reproduction).&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>\r\n
      \r\n
      <p>Then the random draw&nbsp; by the rabbits makes 12 flowers disappear.</p>\r\n
      \r\n
      <p>There remain only 6 flowers, which will reproduce again, etc.</p>\r\n
      \r\n
      <p>The principle behind this simulation is to carry out a certain number of cycles of reproduction/random draw. We see that the greater the number of generations, the more the diversity in flower color diminishes.</p>\r\n
      \r\n
      <p><strong>Click </strong>&nbsp;on the &ldquo;Reproduction&rdquo; button to generate two plants that are genetically identical to the &ldquo;mother&rdquo; plant.</p>\r\n
      \r\n
      <p><strong>Click </strong>&nbsp;on &ldquo;Random Draw&rdquo; to have 12 out of 18 flowers, selected at random, disappear.</p>\r\n
      \r\n
      <p>After each reproduction/random draw cycle, the flower population remains unchanged (6 flowers)</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3426
        #id: 525
        #title: "Skulls and dentitions"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/525-6545f39949259828454552.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/525-6545f39949259828454552.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/525-6545f39949259828454552.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#2919
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "skulls-and-dentitions"
      }
      App\Entity\vo\MediaCardLight {#3428
        #id: 925
        #title: "Genetic drift"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1552521600 {#2994
          date: 2019-03-14 00:00:00.0 UTC (+00:00)
        }
        #isExpert: true
        #slug: "genetic-drift"
      }
      App\Entity\vo\MediaCardLight {#3429
        #id: 562
        #title: "Birds' beaks"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
        ]
        #thumbnailBackground: "#472f91"
        #publishedAt: DateTimeImmutable @1431302400 {#2975
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "birds-beaks"
      }
      App\Entity\vo\MediaCardLight {#3430
        #id: 208
        #title: "Classification of living things"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2903
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "classification-of-living-things"
      }
      App\Entity\vo\MediaCardLight {#3431
        #id: 136
        #title: "Fossilization"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#2831
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "fossilization"
      }
    ]
    "tags" => [
      "allele"
      "biodiversity"
      "chance"
      "ecosystem"
      "evolution"
      "genetic drift"
      "heredity"
      "natural selection"
      "random"
      "species"
    ]
    "baseNodeName" => "Life science"
  ]
  "key" => "goals"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4151
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 58
      "title" => "The role of chance in evolution"
      "slug" => "the-role-of-chance-in-evolution"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/58-6545f3bd4b18b246309653.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/58-6545f3bd4b18b246309653.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/58-6545f3bd4b18b246309653.webp"
      ]
      "thumbnailBackground" => "#00b7ad"
      "publishedAt" => DateTimeImmutable @1431302400 {#1377
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>To understand the role of chance in evolution.</li>\r\n
        \t<li>To approach the notion of biodiversity at the genetic level.</li>\r\n
        \t<li>To discover the notions of genetic drift and natural selection.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>This animation presents a simplified simulation that illustrates the importance of chance in the evolution of a small, isolated population.</p>\r\n
        \r\n
        <p>Here we observe the genetic diversity involved in a characteristic: the color of a fictional species of flower.</p>\r\n
        \r\n
        <p>The selection carried out on the flower population is represented by rabbits, who eat the flowers without any particular preference for their color. This selection (a random draw) is thus done by chance and is not to the profit of a form of flower that is better adapted to its environment.</p>\r\n
        \r\n
        <p>At the start, the population has 6 flowers of 6 different colors.</p>\r\n
        \r\n
        <p>Each of these flowers reproduces to produce two &quot;daughter&amp;rdrdquo; flowers. There are thus 18 flowers.</p>\r\n
        \r\n
        <p>The &ldquo;daughter&rdquo; flowers are the same color as their &ldquo;mother&rdquo; flower (in effect, we are assuming asexual reproduction).&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>\r\n
        \r\n
        <p>Then the random draw&nbsp; by the rabbits makes 12 flowers disappear.</p>\r\n
        \r\n
        <p>There remain only 6 flowers, which will reproduce again, etc.</p>\r\n
        \r\n
        <p>The principle behind this simulation is to carry out a certain number of cycles of reproduction/random draw. We see that the greater the number of generations, the more the diversity in flower color diminishes.</p>\r\n
        \r\n
        <p><strong>Click </strong>&nbsp;on the &ldquo;Reproduction&rdquo; button to generate two plants that are genetically identical to the &ldquo;mother&rdquo; plant.</p>\r\n
        \r\n
        <p><strong>Click </strong>&nbsp;on &ldquo;Random Draw&rdquo; to have 12 out of 18 flowers, selected at random, disappear.</p>\r\n
        \r\n
        <p>After each reproduction/random draw cycle, the flower population remains unchanged (6 flowers)</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3426
          #id: 525
          #title: "Skulls and dentitions"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/525-6545f39949259828454552.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/525-6545f39949259828454552.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/525-6545f39949259828454552.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#2919
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "skulls-and-dentitions"
        }
        App\Entity\vo\MediaCardLight {#3428
          #id: 925
          #title: "Genetic drift"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
          ]
          #thumbnailBackground: "#462f92"
          #publishedAt: DateTimeImmutable @1552521600 {#2994
            date: 2019-03-14 00:00:00.0 UTC (+00:00)
          }
          #isExpert: true
          #slug: "genetic-drift"
        }
        App\Entity\vo\MediaCardLight {#3429
          #id: 562
          #title: "Birds' beaks"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
          ]
          #thumbnailBackground: "#472f91"
          #publishedAt: DateTimeImmutable @1431302400 {#2975
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "birds-beaks"
        }
        App\Entity\vo\MediaCardLight {#3430
          #id: 208
          #title: "Classification of living things"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#2903
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "classification-of-living-things"
        }
        App\Entity\vo\MediaCardLight {#3431
          #id: 136
          #title: "Fossilization"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1431302400 {#2831
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "fossilization"
        }
      ]
      "tags" => [
        "allele"
        "biodiversity"
        "chance"
        "ecosystem"
        "evolution"
        "genetic drift"
        "heredity"
        "natural selection"
        "random"
        "species"
      ]
      "baseNodeName" => "Life science"
    ]
    "key" => "goals"
  ]
}
Demo:Video
[Anonymous]
10.0 MiB 0.98 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 {#4173
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large
[Anonymous]
10.0 MiB 1.46 ms
Input props
[
  "tag" => "h2"
]
Attributes
[
  "tag" => "h2"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4189
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill
[Anonymous]
10.0 MiB 20.32 ms
Input props
[
  "icon" => "source"
]
Attributes
[
  "icon" => "source"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4213
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal
[Anonymous]
10.0 MiB 17.52 ms
Input props
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4249
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4251
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4249
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm
[Anonymous]
10.0 MiB 238.76 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 {#4235
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.30 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 {#4495
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large
[Anonymous]
10.0 MiB 0.55 ms
Input props
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes
[
  "class" => "text-white"
  "tag" => "h1"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4280
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 0.74 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3426
    #id: 525
    #title: "Skulls and dentitions"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/525-6545f39949259828454552.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/525-6545f39949259828454552.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/525-6545f39949259828454552.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#2919
      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 {#4362
  -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 {#3426
    #id: 525
    #title: "Skulls and dentitions"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/525-6545f39949259828454552.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/525-6545f39949259828454552.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/525-6545f39949259828454552.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#2919
      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 10.0 MiB 0.47 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3428
    #id: 925
    #title: "Genetic drift"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1552521600 {#2994
      date: 2019-03-14 00:00:00.0 UTC (+00:00)
    }
    #isExpert: true
    #slug: "genetic-drift"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes
[
  "class" => "w-1/2 hidden md:block"
]
Component
App\Twig\Components\MediaCard {#4575
  -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 {#3428
    #id: 925
    #title: "Genetic drift"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/925-6545f47bc9488354645199.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1552521600 {#2994
      date: 2019-03-14 00:00:00.0 UTC (+00:00)
    }
    #isExpert: true
    #slug: "genetic-drift"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 0.41 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3429
    #id: 562
    #title: "Birds' beaks"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
    ]
    #thumbnailBackground: "#472f91"
    #publishedAt: DateTimeImmutable @1431302400 {#2975
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "birds-beaks"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4603
  -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 {#3429
    #id: 562
    #title: "Birds' beaks"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/562-6545f3b275b52534040537.webp"
    ]
    #thumbnailBackground: "#472f91"
    #publishedAt: DateTimeImmutable @1431302400 {#2975
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "birds-beaks"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 0.45 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3430
    #id: 208
    #title: "Classification of living things"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2903
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "classification-of-living-things"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4623
  -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 {#3430
    #id: 208
    #title: "Classification of living things"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/208-6545f2ddda6d3545457833.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2903
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "classification-of-living-things"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 0.39 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3431
    #id: 136
    #title: "Fossilization"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#2831
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "fossilization"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4642
  -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 {#3431
    #id: 136
    #title: "Fossilization"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/136-6545f2b57838e333495280.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#2831
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "fossilization"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer
[Anonymous]
10.0 MiB 3.04 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4198
  -props: []
}