GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/en/media/687-quebec-bridge-second-bridge

Response
200 OK
IP
216.73.216.102
Profiled on
Token
e990e8

Components

19 Twig Components
32 Render Count
1718 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 362.74ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 26.55ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 80.55ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.22ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 1,141.37ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 478.26ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 456.58ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.86ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 196.20ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 116.49ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 522.44ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 442.19ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.88ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 15.39ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 38.75ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 3.16ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.21ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 373.90ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 35.15ms

Render calls

Store:User App\Twig\Components\Store\User 8.0 MiB 2.22 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3824
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3825 …}
}
Header 
[Anonymous]
 8.0 MiB 1,141.37 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3855
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 8.0 MiB 478.26 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 {#3881
  -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]
 8.0 MiB 456.58 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3937
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 8.0 MiB 0.86 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3961
  -props: []
}
Header:LocalePicker 
[Anonymous]
 8.0 MiB 196.20 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3978
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 41.79 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 {#4003
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 8.0 MiB 116.49 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3995
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 79.97 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/687-quebec-bridge-second-bridge"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/687-quebec-bridge-second-bridge"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4081
  +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 8.0 MiB 80.00 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component 
App\Twig\Components\Button {#4095
  +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 8.0 MiB 522.44 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3919
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1489 …}
}
Dialog 
[Anonymous]
 8.0 MiB 442.19 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 {#4132
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 79.87 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 {#4166
  +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 8.0 MiB 1.54 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/687-quebec-bridge-second-bridge"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => "done"
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/687-quebec-bridge-second-bridge"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4197
  +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 8.0 MiB 1.13 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/687-le-second-pont-de-quebec"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/687-le-second-pont-de-quebec"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4234
  +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 8.0 MiB 59.85 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 {#4253
  +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 8.0 MiB 1.45 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 {#4273
  +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 8.0 MiB 0.88 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3872
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 8.0 MiB 15.39 ms
Input props 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 687
    "title" => "Quebec Bridge (second bridge)"
    "slug" => "quebec-bridge-second-bridge"
    "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 {#1381
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Summarize and simplify the main steps when creating a work of art.</li>\r\n
      \t<li>Discover an exceptional industrial heritage.</li>\r\n
      \t<li>Promote careers in civil engineering.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>The Quebec Bridge (Canada) was built in 18 years. During this time, there were two accidents (1907, 1916). This animation only illustrates the construction of the second bridge that started in 1911, 4 years after the collapse of the first bridge.</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Where: Quebec, on the Saint Lawrence River</li>\r\n
      \t<li>Opening ceremony: August 22, 1919</li>\r\n
      \t<li>Central span:&nbsp;549&nbsp;m (the longest in the world for a cantilever bridge)</li>\r\n
      \t<li>Total length:&nbsp;987&nbsp;m</li>\r\n
      \t<li>Height: 104&nbsp;m of which 46&nbsp;m under the central span</li>\r\n
      \t<li>Weight: 66,000&nbsp;tons (= 1&nbsp;aircraft carrier)</li>\r\n
      \t<li>Number of rivets: 1,066,740</li>\r\n
      \t<li>Length of work: 18&nbsp;years</li>\r\n
      \t<li>Cost: 21.7&nbsp;M$CAD (Canadian Dollars)</li>\r\n
      \t<li>Human toll: 200&nbsp;deaths (estimated) of which 79 (collapse of August 29, 1907) and 13 (collapse of September 11, 1916)</li>\r\n
      </ul>\r\n
      \r\n
      <p>The Quebec Bridge is a cantilever bridge (see also the simulation on the different <a href="/en/media/635-bridges-forces" target="_blank"><strong>types of bridges</strong></a>)</p>\r\n
      \r\n
      <p>This technology for bridges has since been abandoned due to its high costs and heavy materials. Henceforth, the Quebec Bridge remains the cantilever bridge with the largest central span in the world.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3580
        #id: 116
        #title: "The "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 @1440806400 {#2989
          date: 2015-08-29 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "the-pont-de-pierre"
      }
      App\Entity\vo\MediaCardLight {#3582
        #id: 688
        #title: "Sydney Harbour Bridge"
        #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 {#3094
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "sydney-harbour-bridge"
      }
      App\Entity\vo\MediaCardLight {#3583
        #id: 831
        #title: "Motion Transmission Systems"
        #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 @1443571200 {#3158
          date: 2015-09-30 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "motion-transmission-systems"
      }
      App\Entity\vo\MediaCardLight {#3584
        #id: 683
        #title: "Golden Gate Bridge"
        #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 {#3047
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "golden-gate-bridge"
      }
      App\Entity\vo\MediaCardLight {#3585
        #id: 830
        #title: "Motion Transformation Systems"
        #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 @1440460800 {#3106
          date: 2015-08-25 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "motion-transformation-systems"
      }
    ]
    "tags" => [
      "architecture"
      "bridges"
      "cantilever"
      "construction"
      "quebec"
    ]
    "baseNodeName" => "Technology"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 687
    "title" => "Quebec Bridge (second bridge)"
    "slug" => "quebec-bridge-second-bridge"
    "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 {#1381
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Summarize and simplify the main steps when creating a work of art.</li>\r\n
      \t<li>Discover an exceptional industrial heritage.</li>\r\n
      \t<li>Promote careers in civil engineering.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>The Quebec Bridge (Canada) was built in 18 years. During this time, there were two accidents (1907, 1916). This animation only illustrates the construction of the second bridge that started in 1911, 4 years after the collapse of the first bridge.</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Where: Quebec, on the Saint Lawrence River</li>\r\n
      \t<li>Opening ceremony: August 22, 1919</li>\r\n
      \t<li>Central span:&nbsp;549&nbsp;m (the longest in the world for a cantilever bridge)</li>\r\n
      \t<li>Total length:&nbsp;987&nbsp;m</li>\r\n
      \t<li>Height: 104&nbsp;m of which 46&nbsp;m under the central span</li>\r\n
      \t<li>Weight: 66,000&nbsp;tons (= 1&nbsp;aircraft carrier)</li>\r\n
      \t<li>Number of rivets: 1,066,740</li>\r\n
      \t<li>Length of work: 18&nbsp;years</li>\r\n
      \t<li>Cost: 21.7&nbsp;M$CAD (Canadian Dollars)</li>\r\n
      \t<li>Human toll: 200&nbsp;deaths (estimated) of which 79 (collapse of August 29, 1907) and 13 (collapse of September 11, 1916)</li>\r\n
      </ul>\r\n
      \r\n
      <p>The Quebec Bridge is a cantilever bridge (see also the simulation on the different <a href="/en/media/635-bridges-forces" target="_blank"><strong>types of bridges</strong></a>)</p>\r\n
      \r\n
      <p>This technology for bridges has since been abandoned due to its high costs and heavy materials. Henceforth, the Quebec Bridge remains the cantilever bridge with the largest central span in the world.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3580
        #id: 116
        #title: "The "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 @1440806400 {#2989
          date: 2015-08-29 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "the-pont-de-pierre"
      }
      App\Entity\vo\MediaCardLight {#3582
        #id: 688
        #title: "Sydney Harbour Bridge"
        #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 {#3094
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "sydney-harbour-bridge"
      }
      App\Entity\vo\MediaCardLight {#3583
        #id: 831
        #title: "Motion Transmission Systems"
        #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 @1443571200 {#3158
          date: 2015-09-30 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "motion-transmission-systems"
      }
      App\Entity\vo\MediaCardLight {#3584
        #id: 683
        #title: "Golden Gate Bridge"
        #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 {#3047
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "golden-gate-bridge"
      }
      App\Entity\vo\MediaCardLight {#3585
        #id: 830
        #title: "Motion Transformation Systems"
        #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 @1440460800 {#3106
          date: 2015-08-25 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "motion-transformation-systems"
      }
    ]
    "tags" => [
      "architecture"
      "bridges"
      "cantilever"
      "construction"
      "quebec"
    ]
    "baseNodeName" => "Technology"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4305
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 687
      "title" => "Quebec Bridge (second bridge)"
      "slug" => "quebec-bridge-second-bridge"
      "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 {#1381
        date: 2015-05-12 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Summarize and simplify the main steps when creating a work of art.</li>\r\n
        \t<li>Discover an exceptional industrial heritage.</li>\r\n
        \t<li>Promote careers in civil engineering.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>The Quebec Bridge (Canada) was built in 18 years. During this time, there were two accidents (1907, 1916). This animation only illustrates the construction of the second bridge that started in 1911, 4 years after the collapse of the first bridge.</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Where: Quebec, on the Saint Lawrence River</li>\r\n
        \t<li>Opening ceremony: August 22, 1919</li>\r\n
        \t<li>Central span:&nbsp;549&nbsp;m (the longest in the world for a cantilever bridge)</li>\r\n
        \t<li>Total length:&nbsp;987&nbsp;m</li>\r\n
        \t<li>Height: 104&nbsp;m of which 46&nbsp;m under the central span</li>\r\n
        \t<li>Weight: 66,000&nbsp;tons (= 1&nbsp;aircraft carrier)</li>\r\n
        \t<li>Number of rivets: 1,066,740</li>\r\n
        \t<li>Length of work: 18&nbsp;years</li>\r\n
        \t<li>Cost: 21.7&nbsp;M$CAD (Canadian Dollars)</li>\r\n
        \t<li>Human toll: 200&nbsp;deaths (estimated) of which 79 (collapse of August 29, 1907) and 13 (collapse of September 11, 1916)</li>\r\n
        </ul>\r\n
        \r\n
        <p>The Quebec Bridge is a cantilever bridge (see also the simulation on the different <a href="/en/media/635-bridges-forces" target="_blank"><strong>types of bridges</strong></a>)</p>\r\n
        \r\n
        <p>This technology for bridges has since been abandoned due to its high costs and heavy materials. Henceforth, the Quebec Bridge remains the cantilever bridge with the largest central span in the world.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3580
          #id: 116
          #title: "The "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 @1440806400 {#2989
            date: 2015-08-29 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "the-pont-de-pierre"
        }
        App\Entity\vo\MediaCardLight {#3582
          #id: 688
          #title: "Sydney Harbour Bridge"
          #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 {#3094
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "sydney-harbour-bridge"
        }
        App\Entity\vo\MediaCardLight {#3583
          #id: 831
          #title: "Motion Transmission Systems"
          #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 @1443571200 {#3158
            date: 2015-09-30 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "motion-transmission-systems"
        }
        App\Entity\vo\MediaCardLight {#3584
          #id: 683
          #title: "Golden Gate Bridge"
          #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 {#3047
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "golden-gate-bridge"
        }
        App\Entity\vo\MediaCardLight {#3585
          #id: 830
          #title: "Motion Transformation Systems"
          #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 @1440460800 {#3106
            date: 2015-08-25 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "motion-transformation-systems"
        }
      ]
      "tags" => [
        "architecture"
        "bridges"
        "cantilever"
        "construction"
        "quebec"
      ]
      "baseNodeName" => "Technology"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 8.0 MiB 38.75 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 {#4327
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 8.0 MiB 20.59 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4343
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 8.0 MiB 3.16 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4367
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 8.0 MiB 1.21 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4403
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4405
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4403
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 8.0 MiB 373.90 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 {#4389
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 17.14 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 {#4649
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 8.0 MiB 59.97 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4434
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 2.18 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3580
    #id: 116
    #title: "The "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 @1440806400 {#2989
      date: 2015-08-29 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "the-pont-de-pierre"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4516
  -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 {#3580
    #id: 116
    #title: "The "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 @1440806400 {#2989
      date: 2015-08-29 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "the-pont-de-pierre"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 1.21 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3582
    #id: 688
    #title: "Sydney Harbour Bridge"
    #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 {#3094
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "sydney-harbour-bridge"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4729
  -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: 688
    #title: "Sydney Harbour Bridge"
    #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 {#3094
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "sydney-harbour-bridge"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 20.12 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3583
    #id: 831
    #title: "Motion Transmission Systems"
    #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 @1443571200 {#3158
      date: 2015-09-30 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "motion-transmission-systems"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4757
  -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 {#3583
    #id: 831
    #title: "Motion Transmission Systems"
    #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 @1443571200 {#3158
      date: 2015-09-30 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "motion-transmission-systems"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 1.65 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3584
    #id: 683
    #title: "Golden Gate Bridge"
    #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 {#3047
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "golden-gate-bridge"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4776
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3584
    #id: 683
    #title: "Golden Gate Bridge"
    #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 {#3047
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "golden-gate-bridge"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 1.38 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3585
    #id: 830
    #title: "Motion Transformation Systems"
    #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 @1440460800 {#3106
      date: 2015-08-25 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "motion-transformation-systems"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4795
  -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: 830
    #title: "Motion Transformation Systems"
    #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 @1440460800 {#3106
      date: 2015-08-25 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "motion-transformation-systems"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 10.0 MiB 35.15 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4352
  -props: []
}