GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/en/media/674-mid-ocean-ridge

Response
200 OK
IP
216.73.216.74
Profiled on
Token
bfb03d

Components

19 Twig Components
32 Render Count
633 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 8.58ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 55.41ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 16.73ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 1.61ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 60.81ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 22.27ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 21.24ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.47ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 16.58ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 1.71ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 22.97ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 22.04ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.37ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.21ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.26ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 1.68ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.47ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 457.36ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 38.74ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 1.61 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3714
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3715 …}
}
Header 
[Anonymous]
 14.0 MiB 60.81 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3745
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 22.27 ms
Input props 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Attributes 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3771
  -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 21.24 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3827
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 0.47 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3851
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 16.58 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3868
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.13 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 {#3893
  +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 1.71 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3885
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 0.78 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/674-mid-ocean-ridge"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/674-mid-ocean-ridge"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3971
  +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 0.71 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component 
App\Twig\Components\Button {#3985
  +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 22.97 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3809
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog 
[Anonymous]
 14.0 MiB 22.04 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 {#4022
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 0.87 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 {#4056
  +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 0.80 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/674-mid-ocean-ridge"
  "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/674-mid-ocean-ridge"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4087
  +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 0.96 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/674-dorsale-oceanique"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/674-dorsale-oceanique"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4124
  +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 0.67 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/674-dorsal-oceanica"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/674-dorsal-oceanica"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4143
  +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 0.39 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/674-mittelozeanischer-ruecken"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/674-mittelozeanischer-ruecken"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4163
  +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 0.37 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3762
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.21 ms
Input props 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 674
    "title" => "Mid-ocean ridge"
    "slug" => "mid-ocean-ridge"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1431302400 {#1382
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Illustrate how the ocean floor forms.</li>\r\n
      \t<li>Define transformation fault and a diverging frontier</li>\r\n
      \t<li>Replace this animation in a more general setting of plate tectonics and continental drift</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>This animation illustrates in a&nbsp; <strong>very simplified</strong> manner, the rising of magma at the mid-oceanic ridge level and the creation of oceanic crust. A ridge is a zone of divergence where two plates separate from each other.</p>\r\n
      \r\n
      <p>Geologists distinguish two types of divergence:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Fast&nbsp;ridges which separate more than 10 cm per year (between 12 and 17 cm per year for the Pacific Ocean ridges).</li>\r\n
      \t<li>Slow&nbsp;ridges which separate less than 5 cm per year (about 2.5 cm per year for the Atlantic ridge).</li>\r\n
      </ul>\r\n
      \r\n
      <p>The topography of the ridge strongly depends on this speed.</p>\r\n
      \r\n
      <p><em>Note:</em> The rolling carpet model presented in this animation can lead you to believe that the rising of magma in the centre is the cause of the separation of plates. This is not the case. Geological models actually show that the deep convection currents, situated in the mantle would be the cause of a drifting movement of plates on a large scale. The ridge, like subduction, would therefore be a consequence of continental drift.</p>\r\n
      \r\n
      <p>Note that the plate tectonic theory is a young theory, announced in 1967, and is always evolving.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3470
        #id: 929
        #title: "Mid-ocean ridge"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1558396800 {#3038
          date: 2019-05-21 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "mid-ocean-ridge"
      }
      App\Entity\vo\MediaCardLight {#3472
        #id: 426
        #title: "The 3 types of seismic waves"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#2903
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "the-3-types-of-seismic-waves"
      }
      App\Entity\vo\MediaCardLight {#3473
        #id: 729
        #title: "Geological folds"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#2971
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "geological-folds"
      }
      App\Entity\vo\MediaCardLight {#3474
        #id: 188
        #title: "Seismic waves"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2871
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "seismic-waves"
      }
      App\Entity\vo\MediaCardLight {#3475
        #id: 483
        #title: "Rift Valley"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2935
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "rift-valley"
      }
    ]
    "tags" => [
      "continental drift"
      "divergence"
      "fault"
      "ocean"
      "ocean floor"
      "oceanic crust"
      "plate"
      "ridge"
      "tectonics"
      "transformation fault"
      "wegener"
    ]
    "baseNodeName" => "Earth science"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 674
    "title" => "Mid-ocean ridge"
    "slug" => "mid-ocean-ridge"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1431302400 {#1382
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Illustrate how the ocean floor forms.</li>\r\n
      \t<li>Define transformation fault and a diverging frontier</li>\r\n
      \t<li>Replace this animation in a more general setting of plate tectonics and continental drift</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>This animation illustrates in a&nbsp; <strong>very simplified</strong> manner, the rising of magma at the mid-oceanic ridge level and the creation of oceanic crust. A ridge is a zone of divergence where two plates separate from each other.</p>\r\n
      \r\n
      <p>Geologists distinguish two types of divergence:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Fast&nbsp;ridges which separate more than 10 cm per year (between 12 and 17 cm per year for the Pacific Ocean ridges).</li>\r\n
      \t<li>Slow&nbsp;ridges which separate less than 5 cm per year (about 2.5 cm per year for the Atlantic ridge).</li>\r\n
      </ul>\r\n
      \r\n
      <p>The topography of the ridge strongly depends on this speed.</p>\r\n
      \r\n
      <p><em>Note:</em> The rolling carpet model presented in this animation can lead you to believe that the rising of magma in the centre is the cause of the separation of plates. This is not the case. Geological models actually show that the deep convection currents, situated in the mantle would be the cause of a drifting movement of plates on a large scale. The ridge, like subduction, would therefore be a consequence of continental drift.</p>\r\n
      \r\n
      <p>Note that the plate tectonic theory is a young theory, announced in 1967, and is always evolving.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3470
        #id: 929
        #title: "Mid-ocean ridge"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1558396800 {#3038
          date: 2019-05-21 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "mid-ocean-ridge"
      }
      App\Entity\vo\MediaCardLight {#3472
        #id: 426
        #title: "The 3 types of seismic waves"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#2903
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "the-3-types-of-seismic-waves"
      }
      App\Entity\vo\MediaCardLight {#3473
        #id: 729
        #title: "Geological folds"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#2971
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "geological-folds"
      }
      App\Entity\vo\MediaCardLight {#3474
        #id: 188
        #title: "Seismic waves"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2871
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "seismic-waves"
      }
      App\Entity\vo\MediaCardLight {#3475
        #id: 483
        #title: "Rift Valley"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2935
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "rift-valley"
      }
    ]
    "tags" => [
      "continental drift"
      "divergence"
      "fault"
      "ocean"
      "ocean floor"
      "oceanic crust"
      "plate"
      "ridge"
      "tectonics"
      "transformation fault"
      "wegener"
    ]
    "baseNodeName" => "Earth science"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4195
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 674
      "title" => "Mid-ocean ridge"
      "slug" => "mid-ocean-ridge"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
      ]
      "thumbnailBackground" => "#00b7ad"
      "publishedAt" => DateTimeImmutable @1431302400 {#1382
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Illustrate how the ocean floor forms.</li>\r\n
        \t<li>Define transformation fault and a diverging frontier</li>\r\n
        \t<li>Replace this animation in a more general setting of plate tectonics and continental drift</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>This animation illustrates in a&nbsp; <strong>very simplified</strong> manner, the rising of magma at the mid-oceanic ridge level and the creation of oceanic crust. A ridge is a zone of divergence where two plates separate from each other.</p>\r\n
        \r\n
        <p>Geologists distinguish two types of divergence:</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Fast&nbsp;ridges which separate more than 10 cm per year (between 12 and 17 cm per year for the Pacific Ocean ridges).</li>\r\n
        \t<li>Slow&nbsp;ridges which separate less than 5 cm per year (about 2.5 cm per year for the Atlantic ridge).</li>\r\n
        </ul>\r\n
        \r\n
        <p>The topography of the ridge strongly depends on this speed.</p>\r\n
        \r\n
        <p><em>Note:</em> The rolling carpet model presented in this animation can lead you to believe that the rising of magma in the centre is the cause of the separation of plates. This is not the case. Geological models actually show that the deep convection currents, situated in the mantle would be the cause of a drifting movement of plates on a large scale. The ridge, like subduction, would therefore be a consequence of continental drift.</p>\r\n
        \r\n
        <p>Note that the plate tectonic theory is a young theory, announced in 1967, and is always evolving.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3470
          #id: 929
          #title: "Mid-ocean ridge"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1558396800 {#3038
            date: 2019-05-21 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "mid-ocean-ridge"
        }
        App\Entity\vo\MediaCardLight {#3472
          #id: 426
          #title: "The 3 types of seismic waves"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431302400 {#2903
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "the-3-types-of-seismic-waves"
        }
        App\Entity\vo\MediaCardLight {#3473
          #id: 729
          #title: "Geological folds"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#2971
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "geological-folds"
        }
        App\Entity\vo\MediaCardLight {#3474
          #id: 188
          #title: "Seismic waves"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431302400 {#2871
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "seismic-waves"
        }
        App\Entity\vo\MediaCardLight {#3475
          #id: 483
          #title: "Rift Valley"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431302400 {#2935
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "rift-valley"
        }
      ]
      "tags" => [
        "continental drift"
        "divergence"
        "fault"
        "ocean"
        "ocean floor"
        "oceanic crust"
        "plate"
        "ridge"
        "tectonics"
        "transformation fault"
        "wegener"
      ]
      "baseNodeName" => "Earth science"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 0.26 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 {#4217
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 14.86 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4233
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 1.68 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4257
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 0.47 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4293
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4295
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4293
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 457.36 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 {#4279
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 2.27 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 {#4539
  +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.87 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4324
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 2.85 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3470
    #id: 929
    #title: "Mid-ocean ridge"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1558396800 {#3038
      date: 2019-05-21 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "mid-ocean-ridge"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4406
  -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 {#3470
    #id: 929
    #title: "Mid-ocean ridge"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1558396800 {#3038
      date: 2019-05-21 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "mid-ocean-ridge"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 14.70 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3472
    #id: 426
    #title: "The 3 types of seismic waves"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#2903
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "the-3-types-of-seismic-waves"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4619
  -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 {#3472
    #id: 426
    #title: "The 3 types of seismic waves"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#2903
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "the-3-types-of-seismic-waves"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.59 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3473
    #id: 729
    #title: "Geological folds"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#2971
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "geological-folds"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4647
  -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 {#3473
    #id: 729
    #title: "Geological folds"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#2971
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "geological-folds"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.83 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3474
    #id: 188
    #title: "Seismic waves"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2871
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "seismic-waves"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4666
  -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 {#3474
    #id: 188
    #title: "Seismic waves"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2871
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "seismic-waves"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 34.44 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3475
    #id: 483
    #title: "Rift Valley"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2935
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "rift-valley"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4685
  -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 {#3475
    #id: 483
    #title: "Rift Valley"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2935
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "rift-valley"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 38.74 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4242
  -props: []
}