GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/fr/media/688-le-pont-de-sydney

Response
200 OK
IP
216.73.216.102
Profiled on
Token
79a456

Components

20 Twig Components
33 Render Count
495 ms Render Time
10.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 44.99ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 20.77ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 2.60ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.14ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 114.23ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 40.37ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 37.95ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 1.15ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 14.77ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 2.25ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 57.25ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 41.12ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.96ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.70ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 14.26ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 2.83ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.02ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 314.53ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 22.33ms
Social:Links 
[Anonymous]
components/Social/Links.html.twig 		1 1.33ms

Render calls

Store:User App\Twig\Components\Store\User 10.0 MiB 2.14 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3729
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3730 …}
}
Header 
[Anonymous]
 10.0 MiB 114.23 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3760
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 10.0 MiB 40.37 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 {#3786
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 10.0 MiB 37.95 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3842
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 10.0 MiB 1.15 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3866
  -props: []
}
Header:LocalePicker 
[Anonymous]
 10.0 MiB 14.77 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3883
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.35 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 {#3908
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 10.0 MiB 2.25 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3900
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 0.99 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/688-le-pont-de-sydney"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/688-le-pont-de-sydney"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3986
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 1.81 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/fr/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/fr/subscribe/"
]
Component 
App\Twig\Components\Button {#4000
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 10.0 MiB 57.25 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3824
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1489 …}
}
Dialog 
[Anonymous]
 10.0 MiB 41.12 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 {#4037
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 10.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 {#4071
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 1.53 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/688-sydney-harbour-bridge"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/688-sydney-harbour-bridge"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4102
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 1.21 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/688-le-pont-de-sydney"
  "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/688-le-pont-de-sydney"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4139
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 1.15 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/688-puente-de-la-bahia-de-sidney"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/688-puente-de-la-bahia-de-sidney"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4158
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 14.79 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/688-sydney-harbour-bridge"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/688-sydney-harbour-bridge"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4178
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 10.0 MiB 0.96 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3777
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 10.0 MiB 0.70 ms
Input props 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 688
    "title" => "Le pont de Sydney"
    "slug" => "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 {#1381
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>R&eacute;sumer et simplifier les principales &eacute;tapes qui m&egrave;nent &agrave; la construction d&#39;un ouvrage d&#39;art.</li>\r\n
      \t<li>D&eacute;couvrir un patrimoine industriel exceptionnel.</li>\r\n
      \t<li>Promouvoir les m&eacute;tiers du g&eacute;nie civil.</li>\r\n
      \t<li>Consulter le dossier p&eacute;dagogique&nbsp;<a href="https://www.edumedia-sciences.com/docs/ponts/" target="_blank">Les ponts</a>&nbsp;d&#39;EduMedia.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Le pont de Sydney a &eacute;t&eacute; construit en 8 ans.</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Lieu&nbsp;: Sydney (Australie)</li>\r\n
      \t<li>Inauguration&nbsp;: 19 mars 1932</li>\r\n
      \t<li>Port&eacute;e&nbsp;: 503&nbsp;m</li>\r\n
      \t<li>Longueur totale&nbsp;: 1149&nbsp;m</li>\r\n
      \t<li>Hauteur&nbsp;: 49&nbsp;m sous la trav&eacute;e</li>\r\n
      \t<li>Poids de l&#39;arche&nbsp;: 39&nbsp;000 tonnes (=&nbsp;100 Boeing&nbsp;747)</li>\r\n
      \t<li>Nombre de rivets&nbsp;: 6&nbsp;000&nbsp;000</li>\r\n
      \t<li>Dur&eacute;e des travaux&nbsp;:&nbsp;18&nbsp;ans</li>\r\n
      \t<li>Co&ucirc;t&nbsp;: 6.25&nbsp;M&pound;&nbsp;(livres australiennes de l&#39;&eacute;poque)&nbsp;</li>\r\n
      \t<li>Bilan humain&nbsp;: 16&nbsp;morts</li>\r\n
      </ul>\r\n
      \r\n
      <p>Le pont de Sydney est un pont en arc m&eacute;tallique (voir animation EduMedia sur les diff&eacute;rents<a href="/fr/media/635-les-ponts-forces" target="_blank">&nbsp;types de ponts</a>).</p>\r\n
      \r\n
      <p>La structure m&eacute;tallique au complet ne repose que sur quatre&nbsp;charni&egrave;res. Durant la construction, chaque demie-arche &eacute;tait retenue par une centaine de c&acirc;bles d&#39;acier. Ces c&acirc;bles ont &eacute;t&eacute; retir&eacute;s d&egrave;s que l&#39;arc fut compl&eacute;t&eacute; en 1930.</p>\r\n
      \r\n
      <p>Le dossier p&eacute;dagogique&nbsp;<a href="https://www.edumedia-sciences.com/docs/ponts/" target="_blank">Les ponts</a>&nbsp;d&#39;eduMedia&nbsp;vous en dit davantage&nbsp;sur l&#39;histoire des ponts depuis 2&nbsp;000 ans.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3486
        #id: 683
        #title: "Le Golden Gate"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431388800 {#2982
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-golden-gate"
      }
      App\Entity\vo\MediaCardLight {#3488
        #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 {#3017
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-second-pont-de-quebec"
      }
      App\Entity\vo\MediaCardLight {#3489
        #id: 467
        #title: "Quiz Ponts"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2914
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-ponts"
      }
      App\Entity\vo\MediaCardLight {#3490
        #id: 977
        #title: "Vidéo : 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 {#3070
          date: 2022-03-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-les-ponts"
      }
      App\Entity\vo\MediaCardLight {#3491
        #id: 633
        #title: "Les ponts"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#2963
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "les-ponts"
      }
    ]
    "tags" => [
      "arc"
      "architecture"
      "construction"
      "harbour bridge"
      "ponts"
      "sydney"
      "treillis"
    ]
    "baseNodeName" => "Technologies"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 688
    "title" => "Le pont de Sydney"
    "slug" => "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 {#1381
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>R&eacute;sumer et simplifier les principales &eacute;tapes qui m&egrave;nent &agrave; la construction d&#39;un ouvrage d&#39;art.</li>\r\n
      \t<li>D&eacute;couvrir un patrimoine industriel exceptionnel.</li>\r\n
      \t<li>Promouvoir les m&eacute;tiers du g&eacute;nie civil.</li>\r\n
      \t<li>Consulter le dossier p&eacute;dagogique&nbsp;<a href="https://www.edumedia-sciences.com/docs/ponts/" target="_blank">Les ponts</a>&nbsp;d&#39;EduMedia.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Le pont de Sydney a &eacute;t&eacute; construit en 8 ans.</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Lieu&nbsp;: Sydney (Australie)</li>\r\n
      \t<li>Inauguration&nbsp;: 19 mars 1932</li>\r\n
      \t<li>Port&eacute;e&nbsp;: 503&nbsp;m</li>\r\n
      \t<li>Longueur totale&nbsp;: 1149&nbsp;m</li>\r\n
      \t<li>Hauteur&nbsp;: 49&nbsp;m sous la trav&eacute;e</li>\r\n
      \t<li>Poids de l&#39;arche&nbsp;: 39&nbsp;000 tonnes (=&nbsp;100 Boeing&nbsp;747)</li>\r\n
      \t<li>Nombre de rivets&nbsp;: 6&nbsp;000&nbsp;000</li>\r\n
      \t<li>Dur&eacute;e des travaux&nbsp;:&nbsp;18&nbsp;ans</li>\r\n
      \t<li>Co&ucirc;t&nbsp;: 6.25&nbsp;M&pound;&nbsp;(livres australiennes de l&#39;&eacute;poque)&nbsp;</li>\r\n
      \t<li>Bilan humain&nbsp;: 16&nbsp;morts</li>\r\n
      </ul>\r\n
      \r\n
      <p>Le pont de Sydney est un pont en arc m&eacute;tallique (voir animation EduMedia sur les diff&eacute;rents<a href="/fr/media/635-les-ponts-forces" target="_blank">&nbsp;types de ponts</a>).</p>\r\n
      \r\n
      <p>La structure m&eacute;tallique au complet ne repose que sur quatre&nbsp;charni&egrave;res. Durant la construction, chaque demie-arche &eacute;tait retenue par une centaine de c&acirc;bles d&#39;acier. Ces c&acirc;bles ont &eacute;t&eacute; retir&eacute;s d&egrave;s que l&#39;arc fut compl&eacute;t&eacute; en 1930.</p>\r\n
      \r\n
      <p>Le dossier p&eacute;dagogique&nbsp;<a href="https://www.edumedia-sciences.com/docs/ponts/" target="_blank">Les ponts</a>&nbsp;d&#39;eduMedia&nbsp;vous en dit davantage&nbsp;sur l&#39;histoire des ponts depuis 2&nbsp;000 ans.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3486
        #id: 683
        #title: "Le Golden Gate"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431388800 {#2982
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-golden-gate"
      }
      App\Entity\vo\MediaCardLight {#3488
        #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 {#3017
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-second-pont-de-quebec"
      }
      App\Entity\vo\MediaCardLight {#3489
        #id: 467
        #title: "Quiz Ponts"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2914
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-ponts"
      }
      App\Entity\vo\MediaCardLight {#3490
        #id: 977
        #title: "Vidéo : 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 {#3070
          date: 2022-03-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-les-ponts"
      }
      App\Entity\vo\MediaCardLight {#3491
        #id: 633
        #title: "Les ponts"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#2963
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "les-ponts"
      }
    ]
    "tags" => [
      "arc"
      "architecture"
      "construction"
      "harbour bridge"
      "ponts"
      "sydney"
      "treillis"
    ]
    "baseNodeName" => "Technologies"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4210
  -props: [
    "title" => "Objectifs d’apprentissage"
    "media" => [
      "id" => 688
      "title" => "Le pont de Sydney"
      "slug" => "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 {#1381
        date: 2015-05-12 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>R&eacute;sumer et simplifier les principales &eacute;tapes qui m&egrave;nent &agrave; la construction d&#39;un ouvrage d&#39;art.</li>\r\n
        \t<li>D&eacute;couvrir un patrimoine industriel exceptionnel.</li>\r\n
        \t<li>Promouvoir les m&eacute;tiers du g&eacute;nie civil.</li>\r\n
        \t<li>Consulter le dossier p&eacute;dagogique&nbsp;<a href="https://www.edumedia-sciences.com/docs/ponts/" target="_blank">Les ponts</a>&nbsp;d&#39;EduMedia.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Le pont de Sydney a &eacute;t&eacute; construit en 8 ans.</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Lieu&nbsp;: Sydney (Australie)</li>\r\n
        \t<li>Inauguration&nbsp;: 19 mars 1932</li>\r\n
        \t<li>Port&eacute;e&nbsp;: 503&nbsp;m</li>\r\n
        \t<li>Longueur totale&nbsp;: 1149&nbsp;m</li>\r\n
        \t<li>Hauteur&nbsp;: 49&nbsp;m sous la trav&eacute;e</li>\r\n
        \t<li>Poids de l&#39;arche&nbsp;: 39&nbsp;000 tonnes (=&nbsp;100 Boeing&nbsp;747)</li>\r\n
        \t<li>Nombre de rivets&nbsp;: 6&nbsp;000&nbsp;000</li>\r\n
        \t<li>Dur&eacute;e des travaux&nbsp;:&nbsp;18&nbsp;ans</li>\r\n
        \t<li>Co&ucirc;t&nbsp;: 6.25&nbsp;M&pound;&nbsp;(livres australiennes de l&#39;&eacute;poque)&nbsp;</li>\r\n
        \t<li>Bilan humain&nbsp;: 16&nbsp;morts</li>\r\n
        </ul>\r\n
        \r\n
        <p>Le pont de Sydney est un pont en arc m&eacute;tallique (voir animation EduMedia sur les diff&eacute;rents<a href="/fr/media/635-les-ponts-forces" target="_blank">&nbsp;types de ponts</a>).</p>\r\n
        \r\n
        <p>La structure m&eacute;tallique au complet ne repose que sur quatre&nbsp;charni&egrave;res. Durant la construction, chaque demie-arche &eacute;tait retenue par une centaine de c&acirc;bles d&#39;acier. Ces c&acirc;bles ont &eacute;t&eacute; retir&eacute;s d&egrave;s que l&#39;arc fut compl&eacute;t&eacute; en 1930.</p>\r\n
        \r\n
        <p>Le dossier p&eacute;dagogique&nbsp;<a href="https://www.edumedia-sciences.com/docs/ponts/" target="_blank">Les ponts</a>&nbsp;d&#39;eduMedia&nbsp;vous en dit davantage&nbsp;sur l&#39;histoire des ponts depuis 2&nbsp;000 ans.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3486
          #id: 683
          #title: "Le Golden Gate"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1431388800 {#2982
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "le-golden-gate"
        }
        App\Entity\vo\MediaCardLight {#3488
          #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 {#3017
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "le-second-pont-de-quebec"
        }
        App\Entity\vo\MediaCardLight {#3489
          #id: 467
          #title: "Quiz Ponts"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#2914
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quiz-ponts"
        }
        App\Entity\vo\MediaCardLight {#3490
          #id: 977
          #title: "Vidéo : 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 {#3070
            date: 2022-03-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-les-ponts"
        }
        App\Entity\vo\MediaCardLight {#3491
          #id: 633
          #title: "Les ponts"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431302400 {#2963
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "les-ponts"
        }
      ]
      "tags" => [
        "arc"
        "architecture"
        "construction"
        "harbour bridge"
        "ponts"
        "sydney"
        "treillis"
      ]
      "baseNodeName" => "Technologies"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 10.0 MiB 14.26 ms
Input props 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Attributes 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4232
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 10.0 MiB 1.36 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4248
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 10.0 MiB 2.83 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4272
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 10.0 MiB 1.02 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4308
    -content: "Plus de 1000 ressources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Plus de 1000 ressources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4310
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4308
      -content: "Plus de 1000 ressources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 10.0 MiB 314.53 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 {#4294
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 20.59 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 {#4554
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 10.0 MiB 1.24 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4339
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 1.90 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3486
    #id: 683
    #title: "Le Golden Gate"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431388800 {#2982
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-golden-gate"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4421
  -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 {#3486
    #id: 683
    #title: "Le Golden Gate"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431388800 {#2982
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-golden-gate"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 1.47 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3488
    #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 {#3017
      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 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4634
  -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 {#3488
    #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 {#3017
      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 10.0 MiB 1.17 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3489
    #id: 467
    #title: "Quiz Ponts"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2914
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-ponts"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4662
  -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 {#3489
    #id: 467
    #title: "Quiz Ponts"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2914
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-ponts"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 1.30 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3490
    #id: 977
    #title: "Vidéo : 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 {#3070
      date: 2022-03-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-les-ponts"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4681
  -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 {#3490
    #id: 977
    #title: "Vidéo : 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 {#3070
      date: 2022-03-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-les-ponts"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 14.94 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3491
    #id: 633
    #title: "Les ponts"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#2963
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "les-ponts"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4700
  -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 {#3491
    #id: 633
    #title: "Les ponts"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#2963
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "les-ponts"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 10.0 MiB 22.33 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4257
  -props: []
}
Social:Links 
[Anonymous]
 10.0 MiB 1.33 ms
Input props 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Attributes 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4749
  -props: [
    "color" => "black"
    "class" => "mb-2"
    "size" => "24"
  ]
}