GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/fr/media/977-video-les-ponts

Response
200 OK
IP
216.73.217.99
Profiled on
Token
f50f46

Components

20 Twig Components
33 Render Count
625 ms Render Time
12.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 87.22ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 26.27ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 17.82ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.32ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 243.22ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 176.31ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 99.68ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 17.96ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 59.43ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 3.39ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 61.87ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 60.32ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.99ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 14.72ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.89ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 34.69ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.63ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 223.07ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 60.66ms
Social:Links 
[Anonymous]
components/Social/Links.html.twig 		1 17.88ms

Render calls

Store:User App\Twig\Components\Store\User 12.0 MiB 2.32 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3807
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3808 …}
}
Header 
[Anonymous]
 12.0 MiB 243.22 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3838
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 12.0 MiB 176.31 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 {#3864
  -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]
 12.0 MiB 99.68 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3920
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 12.0 MiB 17.96 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3944
  -props: []
}
Header:LocalePicker 
[Anonymous]
 12.0 MiB 59.43 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3961
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 19.33 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 {#3986
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 12.0 MiB 3.39 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3978
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 1.53 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/977-video-les-ponts"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/977-video-les-ponts"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4064
  +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 12.0 MiB 14.81 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/fr/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/fr/subscribe/"
]
Component 
App\Twig\Components\Button {#4078
  +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 12.0 MiB 61.87 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3902
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1478 …}
}
Dialog 
[Anonymous]
 12.0 MiB 60.32 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 {#4115
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 16.28 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 {#4149
  +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 12.0 MiB 1.74 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/977-bridges-video"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/977-bridges-video"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4189
  +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 12.0 MiB 15.05 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/977-video-les-ponts"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => "done"
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/977-video-les-ponts"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4217
  +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 12.0 MiB 1.39 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/977-media"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/977-media"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4236
  +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 12.0 MiB 1.89 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/977-media"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/977-media"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4256
  +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 12.0 MiB 0.99 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3855
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 12.0 MiB 14.72 ms
Input props 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 977
    "title" => "Vidéo : Les ponts"
    "slug" => "video-les-ponts"
    "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 @1646956800 {#1390
      date: 2022-03-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 309
    "description" => """
      <p>Les romains et les chinois l&rsquo;avaient bien compris. Pour contr&ocirc;ler leur vaste empire et le d&eacute;fendre, il faut des <strong>routes</strong>, pour pouvoir se d&eacute;placer rapidement, et des <strong>ponts</strong>, pour franchir les obstacles.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Une simple dalle de pierre permet d&rsquo;enjamber une courte distance, mais le poids de la roche impose d&rsquo;importantes forces de <strong>compression</strong> et de <strong>tension</strong> (&hellip;)</p>\r\n
      \r\n
      <p>Pour une port&eacute;e de plus de 2m, les architectes de l&rsquo;antiquit&eacute; r&eacute;alisent des ponts en arc.</p>\r\n
      \r\n
      <p>Leur forme caract&eacute;ristique permet de distribuer le poids du centre (&hellip;) vers les rives, o&ugrave; se trouvent les cul&eacute;es.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Pour construire un tel pont, une structure provisoire en bois, appel&eacute; &laquo;&nbsp;cintre&nbsp;&raquo;, est positionn&eacute;e &agrave; l&rsquo;emplacement exact de la vo&ucirc;te. Des blocs de pierre parfaitement taill&eacute;s sont mont&eacute;s les uns sur les autres. La <strong>cl&eacute; de vo&ucirc;te</strong> est plac&eacute;e en derni&egrave;re pour assurer la coh&eacute;sion de l&rsquo;ensemble et le cintre peut &ecirc;tre retir&eacute;.</p>\r\n
      \r\n
      <p>Les ponts en arc sont tr&egrave;s solides car la pierre r&eacute;siste bien aux forces de compression. Il faut cependant que l&rsquo;espace autour de la vo&ucirc;te soit rempli.</p>\r\n
      \r\n
      <p>Beaucoup de ces anciens ouvrages sont encore en service de nos jours.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Pour traverser de grandes distances, Il est possible de multiplier les arcs, mais les nombreuses piles du pont constituent alors une entrave &agrave; la navigation.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Il faut attendre l&rsquo;invention et la ma&icirc;trise de nouveaux mat&eacute;riaux pour envisager de nouvelles structures de ponts.</p>\r\n
      \r\n
      <p>Au moment de la r&eacute;volution industrielle, des ponts en fer et en fonte appara&icirc;ssent.</p>\r\n
      \r\n
      <p>Mais ce sont des mat&eacute;riaux trop co&ucirc;teux.</p>\r\n
      \r\n
      <p>Avec l&rsquo;acier et le b&eacute;ton, les ing&eacute;nieurs en g&eacute;nie-civil du 19e et du 20e si&egrave;cle r&eacute;alisent des avanc&eacute;es majeures&nbsp;:</p>\r\n
      \r\n
      <p>Des piles en b&eacute;ton r&eacute;sistent tr&egrave;s bien &agrave; la compression. (&hellip;)</p>\r\n
      \r\n
      <p>Les c&acirc;bles en acier r&eacute;sistent &agrave; la tension. (..)</p>\r\n
      \r\n
      <p>Il est d&rsquo;ailleurs possible de combiner les avantages de ces deux mat&eacute;riaux en r&eacute;alisant du b&eacute;ton arm&eacute;. (&hellip;)</p>\r\n
      \r\n
      <p>Avec des structures m&eacute;talliques en treillis il est maintenant possible de faire plus l&eacute;ger et plus robuste.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Toutes ces &eacute;volutions associ&eacute;es &agrave; la puissance de calcul de l&rsquo;outil informatique permettent de simuler puis construire de v&eacute;ritables prouesses technologiques.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3564
        #id: 687
        #title: "Le second pont de Québec"
        #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 {#3071
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-second-pont-de-quebec"
      }
      App\Entity\vo\MediaCardLight {#3566
        #id: 535
        #title: "Quiz se repérer sur Terre"
        #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 {#3044
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-se-reperer-sur-terre"
      }
      App\Entity\vo\MediaCardLight {#3567
        #id: 688
        #title: "Le pont de Sydney"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431388800 {#3094
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-pont-de-sydney"
      }
      App\Entity\vo\MediaCardLight {#3568
        #id: 974
        #title: "Voûtes"
        #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 @1649116800 {#3138
          date: 2022-04-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "voutes"
      }
      App\Entity\vo\MediaCardLight {#3569
        #id: 915
        #title: "Constructeur d'engrenages"
        #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 @1526601600 {#3130
          date: 2018-05-18 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "constructeur-d-engrenages"
      }
    ]
    "tags" => [
      "acier"
      "béton"
      "ponts"
      "romains"
      "révolution industrielle"
    ]
    "baseNodeName" => "Technologies"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 977
    "title" => "Vidéo : Les ponts"
    "slug" => "video-les-ponts"
    "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 @1646956800 {#1390
      date: 2022-03-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 309
    "description" => """
      <p>Les romains et les chinois l&rsquo;avaient bien compris. Pour contr&ocirc;ler leur vaste empire et le d&eacute;fendre, il faut des <strong>routes</strong>, pour pouvoir se d&eacute;placer rapidement, et des <strong>ponts</strong>, pour franchir les obstacles.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Une simple dalle de pierre permet d&rsquo;enjamber une courte distance, mais le poids de la roche impose d&rsquo;importantes forces de <strong>compression</strong> et de <strong>tension</strong> (&hellip;)</p>\r\n
      \r\n
      <p>Pour une port&eacute;e de plus de 2m, les architectes de l&rsquo;antiquit&eacute; r&eacute;alisent des ponts en arc.</p>\r\n
      \r\n
      <p>Leur forme caract&eacute;ristique permet de distribuer le poids du centre (&hellip;) vers les rives, o&ugrave; se trouvent les cul&eacute;es.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Pour construire un tel pont, une structure provisoire en bois, appel&eacute; &laquo;&nbsp;cintre&nbsp;&raquo;, est positionn&eacute;e &agrave; l&rsquo;emplacement exact de la vo&ucirc;te. Des blocs de pierre parfaitement taill&eacute;s sont mont&eacute;s les uns sur les autres. La <strong>cl&eacute; de vo&ucirc;te</strong> est plac&eacute;e en derni&egrave;re pour assurer la coh&eacute;sion de l&rsquo;ensemble et le cintre peut &ecirc;tre retir&eacute;.</p>\r\n
      \r\n
      <p>Les ponts en arc sont tr&egrave;s solides car la pierre r&eacute;siste bien aux forces de compression. Il faut cependant que l&rsquo;espace autour de la vo&ucirc;te soit rempli.</p>\r\n
      \r\n
      <p>Beaucoup de ces anciens ouvrages sont encore en service de nos jours.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Pour traverser de grandes distances, Il est possible de multiplier les arcs, mais les nombreuses piles du pont constituent alors une entrave &agrave; la navigation.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Il faut attendre l&rsquo;invention et la ma&icirc;trise de nouveaux mat&eacute;riaux pour envisager de nouvelles structures de ponts.</p>\r\n
      \r\n
      <p>Au moment de la r&eacute;volution industrielle, des ponts en fer et en fonte appara&icirc;ssent.</p>\r\n
      \r\n
      <p>Mais ce sont des mat&eacute;riaux trop co&ucirc;teux.</p>\r\n
      \r\n
      <p>Avec l&rsquo;acier et le b&eacute;ton, les ing&eacute;nieurs en g&eacute;nie-civil du 19e et du 20e si&egrave;cle r&eacute;alisent des avanc&eacute;es majeures&nbsp;:</p>\r\n
      \r\n
      <p>Des piles en b&eacute;ton r&eacute;sistent tr&egrave;s bien &agrave; la compression. (&hellip;)</p>\r\n
      \r\n
      <p>Les c&acirc;bles en acier r&eacute;sistent &agrave; la tension. (..)</p>\r\n
      \r\n
      <p>Il est d&rsquo;ailleurs possible de combiner les avantages de ces deux mat&eacute;riaux en r&eacute;alisant du b&eacute;ton arm&eacute;. (&hellip;)</p>\r\n
      \r\n
      <p>Avec des structures m&eacute;talliques en treillis il est maintenant possible de faire plus l&eacute;ger et plus robuste.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Toutes ces &eacute;volutions associ&eacute;es &agrave; la puissance de calcul de l&rsquo;outil informatique permettent de simuler puis construire de v&eacute;ritables prouesses technologiques.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3564
        #id: 687
        #title: "Le second pont de Québec"
        #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 {#3071
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-second-pont-de-quebec"
      }
      App\Entity\vo\MediaCardLight {#3566
        #id: 535
        #title: "Quiz se repérer sur Terre"
        #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 {#3044
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-se-reperer-sur-terre"
      }
      App\Entity\vo\MediaCardLight {#3567
        #id: 688
        #title: "Le pont de Sydney"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431388800 {#3094
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-pont-de-sydney"
      }
      App\Entity\vo\MediaCardLight {#3568
        #id: 974
        #title: "Voûtes"
        #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 @1649116800 {#3138
          date: 2022-04-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "voutes"
      }
      App\Entity\vo\MediaCardLight {#3569
        #id: 915
        #title: "Constructeur d'engrenages"
        #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 @1526601600 {#3130
          date: 2018-05-18 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "constructeur-d-engrenages"
      }
    ]
    "tags" => [
      "acier"
      "béton"
      "ponts"
      "romains"
      "révolution industrielle"
    ]
    "baseNodeName" => "Technologies"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4288
  -props: [
    "title" => "Objectifs d’apprentissage"
    "media" => [
      "id" => 977
      "title" => "Vidéo : Les ponts"
      "slug" => "video-les-ponts"
      "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 @1646956800 {#1390
        date: 2022-03-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => null
      "width" => 550
      "height" => 309
      "description" => """
        <p>Les romains et les chinois l&rsquo;avaient bien compris. Pour contr&ocirc;ler leur vaste empire et le d&eacute;fendre, il faut des <strong>routes</strong>, pour pouvoir se d&eacute;placer rapidement, et des <strong>ponts</strong>, pour franchir les obstacles.</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>Une simple dalle de pierre permet d&rsquo;enjamber une courte distance, mais le poids de la roche impose d&rsquo;importantes forces de <strong>compression</strong> et de <strong>tension</strong> (&hellip;)</p>\r\n
        \r\n
        <p>Pour une port&eacute;e de plus de 2m, les architectes de l&rsquo;antiquit&eacute; r&eacute;alisent des ponts en arc.</p>\r\n
        \r\n
        <p>Leur forme caract&eacute;ristique permet de distribuer le poids du centre (&hellip;) vers les rives, o&ugrave; se trouvent les cul&eacute;es.</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>Pour construire un tel pont, une structure provisoire en bois, appel&eacute; &laquo;&nbsp;cintre&nbsp;&raquo;, est positionn&eacute;e &agrave; l&rsquo;emplacement exact de la vo&ucirc;te. Des blocs de pierre parfaitement taill&eacute;s sont mont&eacute;s les uns sur les autres. La <strong>cl&eacute; de vo&ucirc;te</strong> est plac&eacute;e en derni&egrave;re pour assurer la coh&eacute;sion de l&rsquo;ensemble et le cintre peut &ecirc;tre retir&eacute;.</p>\r\n
        \r\n
        <p>Les ponts en arc sont tr&egrave;s solides car la pierre r&eacute;siste bien aux forces de compression. Il faut cependant que l&rsquo;espace autour de la vo&ucirc;te soit rempli.</p>\r\n
        \r\n
        <p>Beaucoup de ces anciens ouvrages sont encore en service de nos jours.</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>Pour traverser de grandes distances, Il est possible de multiplier les arcs, mais les nombreuses piles du pont constituent alors une entrave &agrave; la navigation.</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>Il faut attendre l&rsquo;invention et la ma&icirc;trise de nouveaux mat&eacute;riaux pour envisager de nouvelles structures de ponts.</p>\r\n
        \r\n
        <p>Au moment de la r&eacute;volution industrielle, des ponts en fer et en fonte appara&icirc;ssent.</p>\r\n
        \r\n
        <p>Mais ce sont des mat&eacute;riaux trop co&ucirc;teux.</p>\r\n
        \r\n
        <p>Avec l&rsquo;acier et le b&eacute;ton, les ing&eacute;nieurs en g&eacute;nie-civil du 19e et du 20e si&egrave;cle r&eacute;alisent des avanc&eacute;es majeures&nbsp;:</p>\r\n
        \r\n
        <p>Des piles en b&eacute;ton r&eacute;sistent tr&egrave;s bien &agrave; la compression. (&hellip;)</p>\r\n
        \r\n
        <p>Les c&acirc;bles en acier r&eacute;sistent &agrave; la tension. (..)</p>\r\n
        \r\n
        <p>Il est d&rsquo;ailleurs possible de combiner les avantages de ces deux mat&eacute;riaux en r&eacute;alisant du b&eacute;ton arm&eacute;. (&hellip;)</p>\r\n
        \r\n
        <p>Avec des structures m&eacute;talliques en treillis il est maintenant possible de faire plus l&eacute;ger et plus robuste.</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>Toutes ces &eacute;volutions associ&eacute;es &agrave; la puissance de calcul de l&rsquo;outil informatique permettent de simuler puis construire de v&eacute;ritables prouesses technologiques.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3564
          #id: 687
          #title: "Le second pont de Québec"
          #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 {#3071
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "le-second-pont-de-quebec"
        }
        App\Entity\vo\MediaCardLight {#3566
          #id: 535
          #title: "Quiz se repérer sur Terre"
          #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 {#3044
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quiz-se-reperer-sur-terre"
        }
        App\Entity\vo\MediaCardLight {#3567
          #id: 688
          #title: "Le pont de Sydney"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431388800 {#3094
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "le-pont-de-sydney"
        }
        App\Entity\vo\MediaCardLight {#3568
          #id: 974
          #title: "Voûtes"
          #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 @1649116800 {#3138
            date: 2022-04-05 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "voutes"
        }
        App\Entity\vo\MediaCardLight {#3569
          #id: 915
          #title: "Constructeur d'engrenages"
          #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 @1526601600 {#3130
            date: 2018-05-18 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "constructeur-d-engrenages"
        }
      ]
      "tags" => [
        "acier"
        "béton"
        "ponts"
        "romains"
        "révolution industrielle"
      ]
      "baseNodeName" => "Technologies"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 12.0 MiB 0.89 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 {#4310
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 12.0 MiB 2.25 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4326
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 12.0 MiB 34.69 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4350
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 12.0 MiB 1.63 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4386
    -content: "Plus de 1000 ressources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Plus de 1000 ressources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4388
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4386
      -content: "Plus de 1000 ressources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 12.0 MiB 223.07 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 {#4372
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 15.18 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 {#4632
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 12.0 MiB 15.57 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4417
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 2.22 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3564
    #id: 687
    #title: "Le second pont de Québec"
    #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 {#3071
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-second-pont-de-quebec"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4499
  -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: 687
    #title: "Le second pont de Québec"
    #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 {#3071
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-second-pont-de-quebec"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.90 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3566
    #id: 535
    #title: "Quiz se repérer sur Terre"
    #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 {#3044
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-se-reperer-sur-terre"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4712
  -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 {#3566
    #id: 535
    #title: "Quiz se repérer sur Terre"
    #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 {#3044
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-se-reperer-sur-terre"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.31 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3567
    #id: 688
    #title: "Le pont de Sydney"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431388800 {#3094
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-pont-de-sydney"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4740
  -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 {#3567
    #id: 688
    #title: "Le pont de Sydney"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431388800 {#3094
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-pont-de-sydney"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 18.05 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3568
    #id: 974
    #title: "Voûtes"
    #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 @1649116800 {#3138
      date: 2022-04-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "voutes"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4759
  -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 {#3568
    #id: 974
    #title: "Voûtes"
    #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 @1649116800 {#3138
      date: 2022-04-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "voutes"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 2.79 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3569
    #id: 915
    #title: "Constructeur d'engrenages"
    #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 @1526601600 {#3130
      date: 2018-05-18 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "constructeur-d-engrenages"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4778
  -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 {#3569
    #id: 915
    #title: "Constructeur d'engrenages"
    #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 @1526601600 {#3130
      date: 2018-05-18 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "constructeur-d-engrenages"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 12.0 MiB 60.66 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4335
  -props: []
}
Social:Links 
[Anonymous]
 12.0 MiB 17.88 ms
Input props 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Attributes 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4826
  -props: [
    "color" => "black"
    "class" => "mb-2"
    "size" => "24"
  ]
}