GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/en/media/535-quiz-geographic-coordinates

Components

19 Twig Components
32 Render Count
140 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.34ms
MediaCard
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig
5 3.74ms
Heading:Large
[Anonymous]
components/Heading/Large.html.twig
2 1.51ms
Store:User
"App\Twig\Components\Store\User"
components/Store/User.html.twig
1 1.01ms
Header
[Anonymous]
components/Header/index.html.twig
1 43.65ms
Layout:Stack
[Anonymous]
components/Layout/Stack.html.twig
1 22.62ms
Header:Anonymous
[Anonymous]
components/Header/Anonymous.html.twig
1 21.64ms
Header:Logo
[Anonymous]
components/Header/Logo.html.twig
1 0.50ms
Header:LocalePicker
[Anonymous]
components/Header/LocalePicker.html.twig
1 17.68ms
LoginLink
[Anonymous]
components/LoginLink.html.twig
1 1.35ms
Dialog:LocalePicker
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig
1 19.22ms
Dialog
[Anonymous]
components/Dialog/index.html.twig
1 18.64ms
Banner:UserBanners
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig
1 0.80ms
MediaField
[Anonymous]
components/MediaField.html.twig
1 0.47ms
Demo:Video
[Anonymous]
components/Demo/Video.html.twig
1 2.44ms
Showcase:RevealPill
[Anonymous]
components/Showcase/RevealPill.html.twig
1 1.10ms
Showcase:Reveal
[Anonymous]
components/Showcase/Reveal.html.twig
1 0.36ms
DemoForm
[Anonymous]
components/DemoForm.html.twig
1 72.30ms
Footer
[Anonymous]
components/Footer/index.html.twig
1 13.06ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 1.01 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Store\User {#3903
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3904 …}
}
Header
[Anonymous]
14.0 MiB 43.65 ms
Input props
[
  "notSticky" => false
]
Attributes
[
  "notSticky" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3934
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack
[Anonymous]
14.0 MiB 22.62 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 {#3960
  -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.64 ms
Input props
[
  "minimal" => false
]
Attributes
[
  "minimal" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4016
  -props: [
    "minimal" => false
  ]
}
Header:Logo
[Anonymous]
14.0 MiB 0.50 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4040
  -props: []
}
Header:LocalePicker
[Anonymous]
14.0 MiB 17.68 ms
Input props
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4057
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.39 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 {#4082
  +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.35 ms
Input props
[
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "class" => "grow"
  "size" => "small"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4074
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 0.51 ms
Input props
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/535-quiz-geographic-coordinates"
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/535-quiz-geographic-coordinates"
  "class" => "grow"
]
Component
App\Twig\Components\Button {#4160
  +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.44 ms
Input props
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component
App\Twig\Components\Button {#4174
  +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 19.22 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Dialog\LocalePicker {#3998
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog
[Anonymous]
14.0 MiB 18.64 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 {#4211
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.24 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 {#4245
  +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 1.02 ms
Input props
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/535-quiz-geographic-coordinates"
  "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/535-quiz-geographic-coordinates"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component
App\Twig\Components\Button {#4276
  +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.64 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/535-quiz-se-reperer-sur-terre"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/535-quiz-se-reperer-sur-terre"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component
App\Twig\Components\Button {#4313
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.19 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/535-test-coordenadas-geograficas"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/535-test-coordenadas-geograficas"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component
App\Twig\Components\Button {#4332
  +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.85 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/535-quiz-sich-auf-der-erde-orientieren"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/535-quiz-sich-auf-der-erde-orientieren"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component
App\Twig\Components\Button {#4352
  +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.80 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Banner\UserBanners {#3951
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField
[Anonymous]
14.0 MiB 0.47 ms
Input props
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 535
    "title" => "Quiz Geographic coordinates"
    "slug" => "quiz-geographic-coordinates"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
    ]
    "thumbnailBackground" => "#462f92"
    "publishedAt" => DateTimeImmutable @1431302400 {#1390
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Understand the coordinate system that allows a person to locate a point on the surface of the Earth.</li>\r\n
      \t<li>Define the geographical terms</li>\r\n
      \t<li>Review its geography</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Test and evaluate your knowledge on geographical coordinates.</p>\r\n
      \r\n
      <p>The final evaluation is determined by the the time taken to complete the task as well as the number of trials necessary to finalise the test. The passing level is the number of questions divided by the number of trials.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3659
        #id: 712
        #title: "Longitude - Latitude"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3181
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "longitude-latitude"
      }
      App\Entity\vo\MediaCardLight {#3661
        #id: 977
        #title: "Bridges (Video)"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1663113600 {#3218
          date: 2022-09-14 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "bridges-video"
      }
      App\Entity\vo\MediaCardLight {#3662
        #id: 381
        #title: "Steam locomotive"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3149
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "steam-locomotive"
      }
      App\Entity\vo\MediaCardLight {#3663
        #id: 309
        #title: "Interactive Earth: Countries and continents"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3093
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interactive-earth-countries-and-continents"
      }
      App\Entity\vo\MediaCardLight {#3664
        #id: 219
        #title: "Earth's surface dynamics"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#3066
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "earth-s-surface-dynamics"
      }
    ]
    "tags" => [
      "cardinal points"
      "compass rose"
      "coordinates"
      "geography"
      "latitude"
      "longitude"
      "meridians"
      "parallels"
      "quiz"
    ]
    "baseNodeName" => "Earth science and astronomy"
  ]
  "key" => "goals"
]
Attributes
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 535
    "title" => "Quiz Geographic coordinates"
    "slug" => "quiz-geographic-coordinates"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
    ]
    "thumbnailBackground" => "#462f92"
    "publishedAt" => DateTimeImmutable @1431302400 {#1390
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Understand the coordinate system that allows a person to locate a point on the surface of the Earth.</li>\r\n
      \t<li>Define the geographical terms</li>\r\n
      \t<li>Review its geography</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Test and evaluate your knowledge on geographical coordinates.</p>\r\n
      \r\n
      <p>The final evaluation is determined by the the time taken to complete the task as well as the number of trials necessary to finalise the test. The passing level is the number of questions divided by the number of trials.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3659
        #id: 712
        #title: "Longitude - Latitude"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3181
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "longitude-latitude"
      }
      App\Entity\vo\MediaCardLight {#3661
        #id: 977
        #title: "Bridges (Video)"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1663113600 {#3218
          date: 2022-09-14 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "bridges-video"
      }
      App\Entity\vo\MediaCardLight {#3662
        #id: 381
        #title: "Steam locomotive"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3149
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "steam-locomotive"
      }
      App\Entity\vo\MediaCardLight {#3663
        #id: 309
        #title: "Interactive Earth: Countries and continents"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3093
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interactive-earth-countries-and-continents"
      }
      App\Entity\vo\MediaCardLight {#3664
        #id: 219
        #title: "Earth's surface dynamics"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#3066
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "earth-s-surface-dynamics"
      }
    ]
    "tags" => [
      "cardinal points"
      "compass rose"
      "coordinates"
      "geography"
      "latitude"
      "longitude"
      "meridians"
      "parallels"
      "quiz"
    ]
    "baseNodeName" => "Earth science and astronomy"
  ]
  "key" => "goals"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4384
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 535
      "title" => "Quiz Geographic coordinates"
      "slug" => "quiz-geographic-coordinates"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
      ]
      "thumbnailBackground" => "#462f92"
      "publishedAt" => DateTimeImmutable @1431302400 {#1390
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Understand the coordinate system that allows a person to locate a point on the surface of the Earth.</li>\r\n
        \t<li>Define the geographical terms</li>\r\n
        \t<li>Review its geography</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Test and evaluate your knowledge on geographical coordinates.</p>\r\n
        \r\n
        <p>The final evaluation is determined by the the time taken to complete the task as well as the number of trials necessary to finalise the test. The passing level is the number of questions divided by the number of trials.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3659
          #id: 712
          #title: "Longitude - Latitude"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1431302400 {#3181
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "longitude-latitude"
        }
        App\Entity\vo\MediaCardLight {#3661
          #id: 977
          #title: "Bridges (Video)"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1663113600 {#3218
            date: 2022-09-14 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "bridges-video"
        }
        App\Entity\vo\MediaCardLight {#3662
          #id: 381
          #title: "Steam locomotive"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431302400 {#3149
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "steam-locomotive"
        }
        App\Entity\vo\MediaCardLight {#3663
          #id: 309
          #title: "Interactive Earth: Countries and continents"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#3093
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "interactive-earth-countries-and-continents"
        }
        App\Entity\vo\MediaCardLight {#3664
          #id: 219
          #title: "Earth's surface dynamics"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
          ]
          #thumbnailBackground: "#462f92"
          #publishedAt: DateTimeImmutable @1431302400 {#3066
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "earth-s-surface-dynamics"
        }
      ]
      "tags" => [
        "cardinal points"
        "compass rose"
        "coordinates"
        "geography"
        "latitude"
        "longitude"
        "meridians"
        "parallels"
        "quiz"
      ]
      "baseNodeName" => "Earth science and astronomy"
    ]
    "key" => "goals"
  ]
}
Demo:Video
[Anonymous]
14.0 MiB 2.44 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 {#4406
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large
[Anonymous]
14.0 MiB 0.85 ms
Input props
[
  "tag" => "h2"
]
Attributes
[
  "tag" => "h2"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4422
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill
[Anonymous]
14.0 MiB 1.10 ms
Input props
[
  "icon" => "source"
]
Attributes
[
  "icon" => "source"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4446
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal
[Anonymous]
14.0 MiB 0.36 ms
Input props
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4482
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4484
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4482
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm
[Anonymous]
14.0 MiB 72.30 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 {#4468
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.08 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 {#4728
  +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 0.66 ms
Input props
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes
[
  "class" => "text-white"
  "tag" => "h1"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4513
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.98 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3659
    #id: 712
    #title: "Longitude - Latitude"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3181
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "longitude-latitude"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes
[
  "class" => "w-1/2 "
]
Component
App\Twig\Components\MediaCard {#4595
  -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 {#3659
    #id: 712
    #title: "Longitude - Latitude"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/712-6545f41d63279301752609.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3181
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "longitude-latitude"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.80 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3661
    #id: 977
    #title: "Bridges (Video)"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1663113600 {#3218
      date: 2022-09-14 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "bridges-video"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes
[
  "class" => "w-1/2 hidden md:block"
]
Component
App\Twig\Components\MediaCard {#4808
  -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 {#3661
    #id: 977
    #title: "Bridges (Video)"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1663113600 {#3218
      date: 2022-09-14 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "bridges-video"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.71 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3662
    #id: 381
    #title: "Steam locomotive"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3149
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "steam-locomotive"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4836
  -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 {#3662
    #id: 381
    #title: "Steam locomotive"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3149
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "steam-locomotive"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.64 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3663
    #id: 309
    #title: "Interactive Earth: Countries and continents"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3093
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interactive-earth-countries-and-continents"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4856
  -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 {#3663
    #id: 309
    #title: "Interactive Earth: Countries and continents"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/309-6545f31503c3c162235482.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3093
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interactive-earth-countries-and-continents"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.61 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3664
    #id: 219
    #title: "Earth's surface dynamics"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#3066
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "earth-s-surface-dynamics"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4875
  -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 {#3664
    #id: 219
    #title: "Earth's surface dynamics"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/219-6545f2e43c1aa684523234.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#3066
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "earth-s-surface-dynamics"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer
[Anonymous]
14.0 MiB 13.06 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4431
  -props: []
}