GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/fr/media/687-le-second-pont-de-quebec

Response
200 OK
IP
216.73.216.102
Profiled on
Token
ce36ca

Components

20 Twig Components
33 Render Count
232 ms Render Time
14.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 41.20ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 3.63ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 2.26ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 1.47ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 75.43ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 20.48ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 18.67ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 9.87ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 3.21ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 2.45ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 51.82ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 50.75ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.95ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.93ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 1.00ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 12.40ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.14ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 119.53ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 14.54ms
Social:Links 
[Anonymous]
components/Social/Links.html.twig 		1 0.81ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 1.47 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3825
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3826 …}
}
Header 
[Anonymous]
 14.0 MiB 75.43 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3856
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 20.48 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 {#3882
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 14.0 MiB 18.67 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3938
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 9.87 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3962
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 3.21 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3979
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.17 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 {#4004
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 14.0 MiB 2.45 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3996
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.02 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/687-le-second-pont-de-quebec"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/687-le-second-pont-de-quebec"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4082
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 0.92 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/fr/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/fr/subscribe/"
]
Component 
App\Twig\Components\Button {#4096
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 14.0 MiB 51.82 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3920
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1489 …}
}
Dialog 
[Anonymous]
 14.0 MiB 50.75 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 {#4133
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.36 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 {#4167
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.11 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/687-quebec-bridge-second-bridge"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/687-quebec-bridge-second-bridge"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4198
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 0.92 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/687-le-second-pont-de-quebec"
  "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/687-le-second-pont-de-quebec"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4235
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 0.87 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/687-puente-de-quebec-segundo-puente"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/687-puente-de-quebec-segundo-puente"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4254
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 32.00 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/687-quebec-bruecke-zweite-bruecke"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/687-quebec-bruecke-zweite-bruecke"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4274
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 14.0 MiB 0.95 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3873
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.93 ms
Input props 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 687
    "title" => "Le second pont de Québec"
    "slug" => "le-second-pont-de-quebec"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
    ]
    "thumbnailBackground" => "#ee1b2e"
    "publishedAt" => DateTimeImmutable @1431388800 {#1389
      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>.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Le pont de Qu&eacute;bec (Canada) a &eacute;t&eacute; construit en 18&nbsp;ans. Cette dur&eacute;e inclut les deux accidents (1907, 1916). Cette animation n&#39;illustre que la construction du second pont qui d&eacute;bute en 1911, quatre&nbsp;ans apr&egrave;s l&#39;effondrement du premier.</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Lieu&nbsp;:&nbsp;Qu&eacute;bec, sur le fleuve Saint Laurent</li>\r\n
      \t<li>Inauguration&nbsp;:&nbsp;22&nbsp;ao&ucirc;t&nbsp;1919</li>\r\n
      \t<li>Port&eacute;e&nbsp;: 549&nbsp;m (la plus longue du monde pour un pont cantilever)</li>\r\n
      \t<li>Longueur totale&nbsp;:&nbsp;987&nbsp;m</li>\r\n
      \t<li>Hauteur&nbsp;: 104&nbsp;m dont 46&nbsp;m sous la trav&eacute;e</li>\r\n
      \t<li>Poids&nbsp;: 66&nbsp;000&nbsp;tonnes (=&nbsp;1 porte avion)</li>\r\n
      \t<li>Nombre de rivets&nbsp;: 1&nbsp;066&nbsp;740</li>\r\n
      \t<li>Dur&eacute;e des travaux&nbsp;: 18&nbsp;ans</li>\r\n
      \t<li>Co&ucirc;t&nbsp;: 21,7&nbsp;M$&nbsp;CAD (Dollars Canadiens de l&#39;&eacute;poque)&nbsp;</li>\r\n
      \t<li>Bilan humain&nbsp;: 200&nbsp;morts (estimation) dont 79&nbsp;(catastrophe du 29&nbsp;ao&ucirc;t&nbsp;1907) et 13&nbsp;(catastrophe du 11&nbsp;septembre&nbsp;1916)</li>\r\n
      </ul>\r\n
      \r\n
      <p>Le pont de Qu&eacute;bec est un pont cantilever (voir animation sur les diff&eacute;rents<a href="/fr/media/635-les-ponts-forces" target="_blank"> types de ponts</a>).</p>\r\n
      \r\n
      <p>Cette technologie de pont a depuis &eacute;t&eacute; abandonn&eacute;e car trop co&ucirc;teuse et lourde en mat&eacute;riel. Il demeurera donc le pont Cantilever ayant la plus grande trav&eacute;e centrale au monde.</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;vous en dit plus sur l&#39;histoire des ponts depuis 2000 ans.</p>\r\n
      \r\n
      <p><em>Bibliographie :</em></p>\r\n
      \r\n
      <ul>\r\n
      \t<li>&laquo; Le pont de Qu&eacute;bec &raquo;- Michel L&#39;H&eacute;breux (&Eacute;dition <em>Septentrion</em>)</li>\r\n
      \t<li>&laquo; Ce sera le plus grand pont du monde &raquo;&nbsp;- Michel L&#39;H&eacute;breux (&Eacute;ditions <em>Les 400 coups</em>)</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3582
        #id: 116
        #title: "Le pont de pierre"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1433376000 {#3002
          date: 2015-06-04 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-pont-de-pierre"
      }
      App\Entity\vo\MediaCardLight {#3584
        #id: 688
        #title: "Le pont de Sydney"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431388800 {#3084
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-pont-de-sydney"
      }
      App\Entity\vo\MediaCardLight {#3585
        #id: 831
        #title: "Transmission du mouvement"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1433116800 {#3168
          date: 2015-06-01 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "transmission-du-mouvement"
      }
      App\Entity\vo\MediaCardLight {#3586
        #id: 683
        #title: "Le Golden Gate"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431388800 {#3057
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-golden-gate"
      }
      App\Entity\vo\MediaCardLight {#3587
        #id: 830
        #title: "Transformation de mouvement"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1433116800 {#3116
          date: 2015-06-01 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "transformation-de-mouvement"
      }
    ]
    "tags" => [
      "architecture"
      "cantilever"
      "construction"
      "ponts"
      "québec"
    ]
    "baseNodeName" => "Technologie"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 687
    "title" => "Le second pont de Québec"
    "slug" => "le-second-pont-de-quebec"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
    ]
    "thumbnailBackground" => "#ee1b2e"
    "publishedAt" => DateTimeImmutable @1431388800 {#1389
      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>.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Le pont de Qu&eacute;bec (Canada) a &eacute;t&eacute; construit en 18&nbsp;ans. Cette dur&eacute;e inclut les deux accidents (1907, 1916). Cette animation n&#39;illustre que la construction du second pont qui d&eacute;bute en 1911, quatre&nbsp;ans apr&egrave;s l&#39;effondrement du premier.</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Lieu&nbsp;:&nbsp;Qu&eacute;bec, sur le fleuve Saint Laurent</li>\r\n
      \t<li>Inauguration&nbsp;:&nbsp;22&nbsp;ao&ucirc;t&nbsp;1919</li>\r\n
      \t<li>Port&eacute;e&nbsp;: 549&nbsp;m (la plus longue du monde pour un pont cantilever)</li>\r\n
      \t<li>Longueur totale&nbsp;:&nbsp;987&nbsp;m</li>\r\n
      \t<li>Hauteur&nbsp;: 104&nbsp;m dont 46&nbsp;m sous la trav&eacute;e</li>\r\n
      \t<li>Poids&nbsp;: 66&nbsp;000&nbsp;tonnes (=&nbsp;1 porte avion)</li>\r\n
      \t<li>Nombre de rivets&nbsp;: 1&nbsp;066&nbsp;740</li>\r\n
      \t<li>Dur&eacute;e des travaux&nbsp;: 18&nbsp;ans</li>\r\n
      \t<li>Co&ucirc;t&nbsp;: 21,7&nbsp;M$&nbsp;CAD (Dollars Canadiens de l&#39;&eacute;poque)&nbsp;</li>\r\n
      \t<li>Bilan humain&nbsp;: 200&nbsp;morts (estimation) dont 79&nbsp;(catastrophe du 29&nbsp;ao&ucirc;t&nbsp;1907) et 13&nbsp;(catastrophe du 11&nbsp;septembre&nbsp;1916)</li>\r\n
      </ul>\r\n
      \r\n
      <p>Le pont de Qu&eacute;bec est un pont cantilever (voir animation sur les diff&eacute;rents<a href="/fr/media/635-les-ponts-forces" target="_blank"> types de ponts</a>).</p>\r\n
      \r\n
      <p>Cette technologie de pont a depuis &eacute;t&eacute; abandonn&eacute;e car trop co&ucirc;teuse et lourde en mat&eacute;riel. Il demeurera donc le pont Cantilever ayant la plus grande trav&eacute;e centrale au monde.</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;vous en dit plus sur l&#39;histoire des ponts depuis 2000 ans.</p>\r\n
      \r\n
      <p><em>Bibliographie :</em></p>\r\n
      \r\n
      <ul>\r\n
      \t<li>&laquo; Le pont de Qu&eacute;bec &raquo;- Michel L&#39;H&eacute;breux (&Eacute;dition <em>Septentrion</em>)</li>\r\n
      \t<li>&laquo; Ce sera le plus grand pont du monde &raquo;&nbsp;- Michel L&#39;H&eacute;breux (&Eacute;ditions <em>Les 400 coups</em>)</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3582
        #id: 116
        #title: "Le pont de pierre"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1433376000 {#3002
          date: 2015-06-04 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-pont-de-pierre"
      }
      App\Entity\vo\MediaCardLight {#3584
        #id: 688
        #title: "Le pont de Sydney"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431388800 {#3084
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-pont-de-sydney"
      }
      App\Entity\vo\MediaCardLight {#3585
        #id: 831
        #title: "Transmission du mouvement"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1433116800 {#3168
          date: 2015-06-01 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "transmission-du-mouvement"
      }
      App\Entity\vo\MediaCardLight {#3586
        #id: 683
        #title: "Le Golden Gate"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431388800 {#3057
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-golden-gate"
      }
      App\Entity\vo\MediaCardLight {#3587
        #id: 830
        #title: "Transformation de mouvement"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1433116800 {#3116
          date: 2015-06-01 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "transformation-de-mouvement"
      }
    ]
    "tags" => [
      "architecture"
      "cantilever"
      "construction"
      "ponts"
      "québec"
    ]
    "baseNodeName" => "Technologie"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4306
  -props: [
    "title" => "Objectifs d’apprentissage"
    "media" => [
      "id" => 687
      "title" => "Le second pont de Québec"
      "slug" => "le-second-pont-de-quebec"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      ]
      "thumbnailBackground" => "#ee1b2e"
      "publishedAt" => DateTimeImmutable @1431388800 {#1389
        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>.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Le pont de Qu&eacute;bec (Canada) a &eacute;t&eacute; construit en 18&nbsp;ans. Cette dur&eacute;e inclut les deux accidents (1907, 1916). Cette animation n&#39;illustre que la construction du second pont qui d&eacute;bute en 1911, quatre&nbsp;ans apr&egrave;s l&#39;effondrement du premier.</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Lieu&nbsp;:&nbsp;Qu&eacute;bec, sur le fleuve Saint Laurent</li>\r\n
        \t<li>Inauguration&nbsp;:&nbsp;22&nbsp;ao&ucirc;t&nbsp;1919</li>\r\n
        \t<li>Port&eacute;e&nbsp;: 549&nbsp;m (la plus longue du monde pour un pont cantilever)</li>\r\n
        \t<li>Longueur totale&nbsp;:&nbsp;987&nbsp;m</li>\r\n
        \t<li>Hauteur&nbsp;: 104&nbsp;m dont 46&nbsp;m sous la trav&eacute;e</li>\r\n
        \t<li>Poids&nbsp;: 66&nbsp;000&nbsp;tonnes (=&nbsp;1 porte avion)</li>\r\n
        \t<li>Nombre de rivets&nbsp;: 1&nbsp;066&nbsp;740</li>\r\n
        \t<li>Dur&eacute;e des travaux&nbsp;: 18&nbsp;ans</li>\r\n
        \t<li>Co&ucirc;t&nbsp;: 21,7&nbsp;M$&nbsp;CAD (Dollars Canadiens de l&#39;&eacute;poque)&nbsp;</li>\r\n
        \t<li>Bilan humain&nbsp;: 200&nbsp;morts (estimation) dont 79&nbsp;(catastrophe du 29&nbsp;ao&ucirc;t&nbsp;1907) et 13&nbsp;(catastrophe du 11&nbsp;septembre&nbsp;1916)</li>\r\n
        </ul>\r\n
        \r\n
        <p>Le pont de Qu&eacute;bec est un pont cantilever (voir animation sur les diff&eacute;rents<a href="/fr/media/635-les-ponts-forces" target="_blank"> types de ponts</a>).</p>\r\n
        \r\n
        <p>Cette technologie de pont a depuis &eacute;t&eacute; abandonn&eacute;e car trop co&ucirc;teuse et lourde en mat&eacute;riel. Il demeurera donc le pont Cantilever ayant la plus grande trav&eacute;e centrale au monde.</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;vous en dit plus sur l&#39;histoire des ponts depuis 2000 ans.</p>\r\n
        \r\n
        <p><em>Bibliographie :</em></p>\r\n
        \r\n
        <ul>\r\n
        \t<li>&laquo; Le pont de Qu&eacute;bec &raquo;- Michel L&#39;H&eacute;breux (&Eacute;dition <em>Septentrion</em>)</li>\r\n
        \t<li>&laquo; Ce sera le plus grand pont du monde &raquo;&nbsp;- Michel L&#39;H&eacute;breux (&Eacute;ditions <em>Les 400 coups</em>)</li>\r\n
        </ul>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3582
          #id: 116
          #title: "Le pont de pierre"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1433376000 {#3002
            date: 2015-06-04 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "le-pont-de-pierre"
        }
        App\Entity\vo\MediaCardLight {#3584
          #id: 688
          #title: "Le pont de Sydney"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431388800 {#3084
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "le-pont-de-sydney"
        }
        App\Entity\vo\MediaCardLight {#3585
          #id: 831
          #title: "Transmission du mouvement"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1433116800 {#3168
            date: 2015-06-01 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "transmission-du-mouvement"
        }
        App\Entity\vo\MediaCardLight {#3586
          #id: 683
          #title: "Le Golden Gate"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1431388800 {#3057
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "le-golden-gate"
        }
        App\Entity\vo\MediaCardLight {#3587
          #id: 830
          #title: "Transformation de mouvement"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1433116800 {#3116
            date: 2015-06-01 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "transformation-de-mouvement"
        }
      ]
      "tags" => [
        "architecture"
        "cantilever"
        "construction"
        "ponts"
        "québec"
      ]
      "baseNodeName" => "Technologie"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 1.00 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 {#4328
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.55 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4344
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 12.40 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4368
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 1.14 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4404
    -content: "Plus de 1000 ressources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Plus de 1000 ressources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4406
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4404
      -content: "Plus de 1000 ressources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 119.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 {#4390
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.83 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 {#4650
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 14.0 MiB 0.71 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4435
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.12 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3582
    #id: 116
    #title: "Le pont de pierre"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1433376000 {#3002
      date: 2015-06-04 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-pont-de-pierre"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4517
  -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 {#3582
    #id: 116
    #title: "Le pont de pierre"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/116-6545f2a97cae5148562074.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1433376000 {#3002
      date: 2015-06-04 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-pont-de-pierre"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.58 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3584
    #id: 688
    #title: "Le pont de Sydney"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431388800 {#3084
      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 md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4730
  -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 {#3584
    #id: 688
    #title: "Le pont de Sydney"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/688-6545f40965385430382541.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/688-6545f40965385430382541.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431388800 {#3084
      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 14.0 MiB 0.59 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3585
    #id: 831
    #title: "Transmission du mouvement"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1433116800 {#3168
      date: 2015-06-01 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "transmission-du-mouvement"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4758
  -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 {#3585
    #id: 831
    #title: "Transmission du mouvement"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/831-6545f4578f493588431368.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1433116800 {#3168
      date: 2015-06-01 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "transmission-du-mouvement"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.65 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3586
    #id: 683
    #title: "Le Golden Gate"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431388800 {#3057
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-golden-gate"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4777
  -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 {#3586
    #id: 683
    #title: "Le Golden Gate"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431388800 {#3057
      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 14.0 MiB 0.67 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3587
    #id: 830
    #title: "Transformation de mouvement"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1433116800 {#3116
      date: 2015-06-01 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "transformation-de-mouvement"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4796
  -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 {#3587
    #id: 830
    #title: "Transformation de mouvement"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/830-6545f456d8771806072970.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1433116800 {#3116
      date: 2015-06-01 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "transformation-de-mouvement"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 14.54 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4353
  -props: []
}
Social:Links 
[Anonymous]
 14.0 MiB 0.81 ms
Input props 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Attributes 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4844
  -props: [
    "color" => "black"
    "class" => "mb-2"
    "size" => "24"
  ]
}