GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/en/media/974-vaults

Response
200 OK
IP
216.73.217.99
Profiled on
Token
1e0c46

Components

19 Twig Components
32 Render Count
514 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 27.59ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 37.09ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 19.84ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 15.93ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 121.92ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 58.24ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 56.01ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.83ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 5.95ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 16.98ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 42.76ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 41.11ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.91ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.99ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.77ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 16.97ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.26ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 278.15ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 21.30ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 15.93 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3804
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3805 …}
}
Header 
[Anonymous]
 14.0 MiB 121.92 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3835
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 58.24 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 {#3861
  -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 56.01 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3917
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 0.83 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3941
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 5.95 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3958
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 2.02 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 {#3983
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 14.0 MiB 16.98 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3975
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.52 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/974-vaults"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/974-vaults"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4061
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.30 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component 
App\Twig\Components\Button {#4075
  +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 42.76 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3899
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1479 …}
}
Dialog 
[Anonymous]
 14.0 MiB 41.11 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 {#4112
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.57 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 {#4146
  +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.91 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/974-vaults"
  "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/974-vaults"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4177
  +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.18 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/974-voutes"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/974-voutes"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4214
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 14.92 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/974-bovedas"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/974-bovedas"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4233
  +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.38 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/974-asd-lkjalskdj"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/974-asd-lkjalskdj"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4253
  +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.91 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3852
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.99 ms
Input props 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 974
    "title" => "Vaults"
    "slug" => "vaults"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
    ]
    "thumbnailBackground" => "#ec008d"
    "publishedAt" => DateTimeImmutable @1649635200 {#1387
      date: 2022-04-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To play with gravity.</li>\r\n
      \t<li>To understand a historical construction process.</li>\r\n
      \t<li>To discover different types of arches.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>We are in the year 10 (CE), under the reign of Emperor Augustus. You are an architect in a prosperous city and the council has just hired you.&nbsp;The wooden bridge that spanned the river was washed away during the last flood. The city is rich and the job that the council gives you is to rebuild a stone bridge.<br />\r\n
      <br />\r\n
      Building a large stone structure is constraining. A large stone slab is heavy and it would break under its own weight. You have thought about multiplying the columns between each slab, but it would be as many obstacles to navigation. It is these same constraints that forces the use of multiple columns for the stability of temples such as the Parthenon of Athens or the temple of Apollo of Pompeii.</p>\r\n
      \r\n
      <p>Why not consider an arch structure?&nbsp;The &AElig;milius Bridge in Rome built in 179 BC. is an engineering feat that celebrates in its own way the glory of Rome. All major projects now include vaults: Whether for a palace, an aqueduct, an arena, a basilica, a bridge or thermal baths, all the cities of the empire must integrate arches and domes, especially to mark the entrances to the city and impress visitors. Huge triumphal arches will even be built to honor great victories.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3560
        #id: 915
        #title: "Gears sketch"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1540857600 {#3113
          date: 2018-10-30 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "gears-sketch"
      }
      App\Entity\vo\MediaCardLight {#3562
        #id: 687
        #title: "Quebec Bridge (second bridge)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431388800 {#3054
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quebec-bridge-second-bridge"
      }
      App\Entity\vo\MediaCardLight {#3563
        #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 {#3129
          date: 2022-09-14 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "bridges-video"
      }
      App\Entity\vo\MediaCardLight {#3564
        #id: 430
        #title: "Unusual gears"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2992
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "unusual-gears"
      }
      App\Entity\vo\MediaCardLight {#3565
        #id: 535
        #title: "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 {#3027
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-geographic-coordinates"
      }
    ]
    "tags" => [
      "arches"
      "architecture"
      "bridges"
      "gothic"
      "keystone"
      "roman"
      "vaults"
    ]
    "baseNodeName" => "Technology"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 974
    "title" => "Vaults"
    "slug" => "vaults"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
    ]
    "thumbnailBackground" => "#ec008d"
    "publishedAt" => DateTimeImmutable @1649635200 {#1387
      date: 2022-04-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To play with gravity.</li>\r\n
      \t<li>To understand a historical construction process.</li>\r\n
      \t<li>To discover different types of arches.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>We are in the year 10 (CE), under the reign of Emperor Augustus. You are an architect in a prosperous city and the council has just hired you.&nbsp;The wooden bridge that spanned the river was washed away during the last flood. The city is rich and the job that the council gives you is to rebuild a stone bridge.<br />\r\n
      <br />\r\n
      Building a large stone structure is constraining. A large stone slab is heavy and it would break under its own weight. You have thought about multiplying the columns between each slab, but it would be as many obstacles to navigation. It is these same constraints that forces the use of multiple columns for the stability of temples such as the Parthenon of Athens or the temple of Apollo of Pompeii.</p>\r\n
      \r\n
      <p>Why not consider an arch structure?&nbsp;The &AElig;milius Bridge in Rome built in 179 BC. is an engineering feat that celebrates in its own way the glory of Rome. All major projects now include vaults: Whether for a palace, an aqueduct, an arena, a basilica, a bridge or thermal baths, all the cities of the empire must integrate arches and domes, especially to mark the entrances to the city and impress visitors. Huge triumphal arches will even be built to honor great victories.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3560
        #id: 915
        #title: "Gears sketch"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1540857600 {#3113
          date: 2018-10-30 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "gears-sketch"
      }
      App\Entity\vo\MediaCardLight {#3562
        #id: 687
        #title: "Quebec Bridge (second bridge)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431388800 {#3054
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quebec-bridge-second-bridge"
      }
      App\Entity\vo\MediaCardLight {#3563
        #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 {#3129
          date: 2022-09-14 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "bridges-video"
      }
      App\Entity\vo\MediaCardLight {#3564
        #id: 430
        #title: "Unusual gears"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2992
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "unusual-gears"
      }
      App\Entity\vo\MediaCardLight {#3565
        #id: 535
        #title: "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 {#3027
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-geographic-coordinates"
      }
    ]
    "tags" => [
      "arches"
      "architecture"
      "bridges"
      "gothic"
      "keystone"
      "roman"
      "vaults"
    ]
    "baseNodeName" => "Technology"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4285
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 974
      "title" => "Vaults"
      "slug" => "vaults"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      ]
      "thumbnailBackground" => "#ec008d"
      "publishedAt" => DateTimeImmutable @1649635200 {#1387
        date: 2022-04-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>To play with gravity.</li>\r\n
        \t<li>To understand a historical construction process.</li>\r\n
        \t<li>To discover different types of arches.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>We are in the year 10 (CE), under the reign of Emperor Augustus. You are an architect in a prosperous city and the council has just hired you.&nbsp;The wooden bridge that spanned the river was washed away during the last flood. The city is rich and the job that the council gives you is to rebuild a stone bridge.<br />\r\n
        <br />\r\n
        Building a large stone structure is constraining. A large stone slab is heavy and it would break under its own weight. You have thought about multiplying the columns between each slab, but it would be as many obstacles to navigation. It is these same constraints that forces the use of multiple columns for the stability of temples such as the Parthenon of Athens or the temple of Apollo of Pompeii.</p>\r\n
        \r\n
        <p>Why not consider an arch structure?&nbsp;The &AElig;milius Bridge in Rome built in 179 BC. is an engineering feat that celebrates in its own way the glory of Rome. All major projects now include vaults: Whether for a palace, an aqueduct, an arena, a basilica, a bridge or thermal baths, all the cities of the empire must integrate arches and domes, especially to mark the entrances to the city and impress visitors. Huge triumphal arches will even be built to honor great victories.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3560
          #id: 915
          #title: "Gears sketch"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1540857600 {#3113
            date: 2018-10-30 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "gears-sketch"
        }
        App\Entity\vo\MediaCardLight {#3562
          #id: 687
          #title: "Quebec Bridge (second bridge)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1431388800 {#3054
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quebec-bridge-second-bridge"
        }
        App\Entity\vo\MediaCardLight {#3563
          #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 {#3129
            date: 2022-09-14 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "bridges-video"
        }
        App\Entity\vo\MediaCardLight {#3564
          #id: 430
          #title: "Unusual gears"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431302400 {#2992
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "unusual-gears"
        }
        App\Entity\vo\MediaCardLight {#3565
          #id: 535
          #title: "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 {#3027
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quiz-geographic-coordinates"
        }
      ]
      "tags" => [
        "arches"
        "architecture"
        "bridges"
        "gothic"
        "keystone"
        "roman"
        "vaults"
      ]
      "baseNodeName" => "Technology"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 0.77 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 {#4307
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.60 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4323
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 16.97 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4347
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 1.26 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4383
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4385
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4383
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 278.15 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 {#4369
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.79 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 {#4629
  +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 18.24 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4414
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.94 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3560
    #id: 915
    #title: "Gears sketch"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1540857600 {#3113
      date: 2018-10-30 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "gears-sketch"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4496
  -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 {#3560
    #id: 915
    #title: "Gears sketch"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1540857600 {#3113
      date: 2018-10-30 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "gears-sketch"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 15.94 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3562
    #id: 687
    #title: "Quebec Bridge (second bridge)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431388800 {#3054
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quebec-bridge-second-bridge"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4709
  -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 {#3562
    #id: 687
    #title: "Quebec Bridge (second bridge)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431388800 {#3054
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quebec-bridge-second-bridge"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.68 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3563
    #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 {#3129
      date: 2022-09-14 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "bridges-video"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4737
  -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 {#3563
    #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 {#3129
      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.52 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3564
    #id: 430
    #title: "Unusual gears"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2992
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "unusual-gears"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4756
  -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 {#3564
    #id: 430
    #title: "Unusual gears"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2992
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "unusual-gears"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 18.01 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3565
    #id: 535
    #title: "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 {#3027
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-geographic-coordinates"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4776
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3565
    #id: 535
    #title: "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 {#3027
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-geographic-coordinates"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 21.30 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4332
  -props: []
}