GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/en/media/915-gears-sketch

Response
200 OK
IP
216.73.216.102
Profiled on
Token
2650ec

Components

19 Twig Components
32 Render Count
1005 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 42.36ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 120.78ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 19.10ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.15ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 123.53ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 76.28ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 54.99ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 14.55ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 18.69ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 3.38ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 42.98ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 41.44ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.89ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.86ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.74ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 17.14ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.57ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 698.42ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 21.09ms

Render calls

Store:User App\Twig\Components\Store\User 10.0 MiB 2.15 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3818
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3819 …}
}
Header 
[Anonymous]
 10.0 MiB 123.53 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3849
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 10.0 MiB 76.28 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 {#3875
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 10.0 MiB 54.99 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3931
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 10.0 MiB 14.55 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3955
  -props: []
}
Header:LocalePicker 
[Anonymous]
 10.0 MiB 18.69 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3972
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 15.16 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 {#3997
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 10.0 MiB 3.38 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3989
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.56 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/915-gears-sketch"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/915-gears-sketch"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4075
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 1.23 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component 
App\Twig\Components\Button {#4089
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 10.0 MiB 42.98 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3913
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1478 …}
}
Dialog 
[Anonymous]
 10.0 MiB 41.44 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 {#4126
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.94 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 {#4160
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 1.84 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/915-gears-sketch"
  "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/915-gears-sketch"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4191
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 1.30 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/915-constructeur-d-engrenages"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/915-constructeur-d-engrenages"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4228
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 1.32 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/915-bosquejo-de-engranajes"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/915-bosquejo-de-engranajes"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4247
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 1.32 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/915-entwurf-eines-zahnradgetriebes"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/915-entwurf-eines-zahnradgetriebes"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4267
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 10.0 MiB 0.89 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3866
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 10.0 MiB 0.86 ms
Input props 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 915
    "title" => "Gears sketch"
    "slug" => "gears-sketch"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
    ]
    "thumbnailBackground" => "#f6951d"
    "publishedAt" => DateTimeImmutable @1540857600 {#1377
      date: 2018-10-30 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To make a gear train and identify the drive wheel and the driven wheel(s).</li>\r\n
      \t<li>To illustrate how to convey a movement through a chain.</li>\r\n
      \t<li>To calculate a transmission ratio.</li>\r\n
      \t<li>To explain how the bike works and the ability to change gears.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>A gear train is formed when at least two toothed wheels are interconnected. Only a toothed wheel is driving. The others are just trained (or &quot;led&quot;). A smaller driven wheel than the driver wheel will rotate faster and conversely a larger driven wheel will rotate more slowly.</p>\r\n
      \r\n
      <p>It is on this principle that the mechanisms of changes of speed are based. The gear ratio is also called the &quot;transmission ratio&quot;. The gear system + chain transmission of the bike is a very good illustration of the transmission of a rotational movement between two wheels. The rotation speed of the rear gears depends on the transmission ratio between the platform (front wheel) and the pinion (rear wheel).</p>\r\n
      \r\n
      <p>To find the transmission ratio of a gear train is to compare the numbers of teeth and thus the radii.</p>\r\n
      \r\n
      <p><strong>Draw</strong> a circle in the screen to create a wheel. The size of the wheels is constrained to illustrate simple ratios: 10, 15, 20, 30, 40, 50, 60 teeth.</p>\r\n
      \r\n
      <p>The driving wheel is grayed out. All driving wheels rotate at the same speed.</p>\r\n
      \r\n
      <p><strong>Surround</strong> two wheels to create a transmission chain.</p>\r\n
      \r\n
      <p><strong>Click</strong> on a wheel to select or drag it.</p>\r\n
      \r\n
      <p><strong>Strike </strong>through&nbsp;an item to remove it.</p>\r\n
      \r\n
      <p>Credit: Frank Leenaars&nbsp;&amp;&nbsp;eduMedia</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3575
        #id: 391
        #title: "Gears"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3028
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "gears"
      }
      App\Entity\vo\MediaCardLight {#3577
        #id: 724
        #title: "Gears and chain transmission"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431388800 {#3107
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "gears-and-chain-transmission"
      }
      App\Entity\vo\MediaCardLight {#3578
        #id: 681
        #title: "Corkscrew"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3079
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "corkscrew"
      }
      App\Entity\vo\MediaCardLight {#3579
        #id: 430
        #title: "Unusual gears"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#3056
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "unusual-gears"
      }
      App\Entity\vo\MediaCardLight {#3580
        #id: 833
        #title: "Video: The inclined plane"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1438560000 {#3141
          date: 2015-08-03 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-the-inclined-plane"
      }
    ]
    "tags" => [
      "bike"
      "chain"
      "gear ratio"
      "gears"
      "ratio"
      "simple machine"
      "transmission"
      "transmission ratio"
    ]
    "baseNodeName" => "Technology"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 915
    "title" => "Gears sketch"
    "slug" => "gears-sketch"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
    ]
    "thumbnailBackground" => "#f6951d"
    "publishedAt" => DateTimeImmutable @1540857600 {#1377
      date: 2018-10-30 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To make a gear train and identify the drive wheel and the driven wheel(s).</li>\r\n
      \t<li>To illustrate how to convey a movement through a chain.</li>\r\n
      \t<li>To calculate a transmission ratio.</li>\r\n
      \t<li>To explain how the bike works and the ability to change gears.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>A gear train is formed when at least two toothed wheels are interconnected. Only a toothed wheel is driving. The others are just trained (or &quot;led&quot;). A smaller driven wheel than the driver wheel will rotate faster and conversely a larger driven wheel will rotate more slowly.</p>\r\n
      \r\n
      <p>It is on this principle that the mechanisms of changes of speed are based. The gear ratio is also called the &quot;transmission ratio&quot;. The gear system + chain transmission of the bike is a very good illustration of the transmission of a rotational movement between two wheels. The rotation speed of the rear gears depends on the transmission ratio between the platform (front wheel) and the pinion (rear wheel).</p>\r\n
      \r\n
      <p>To find the transmission ratio of a gear train is to compare the numbers of teeth and thus the radii.</p>\r\n
      \r\n
      <p><strong>Draw</strong> a circle in the screen to create a wheel. The size of the wheels is constrained to illustrate simple ratios: 10, 15, 20, 30, 40, 50, 60 teeth.</p>\r\n
      \r\n
      <p>The driving wheel is grayed out. All driving wheels rotate at the same speed.</p>\r\n
      \r\n
      <p><strong>Surround</strong> two wheels to create a transmission chain.</p>\r\n
      \r\n
      <p><strong>Click</strong> on a wheel to select or drag it.</p>\r\n
      \r\n
      <p><strong>Strike </strong>through&nbsp;an item to remove it.</p>\r\n
      \r\n
      <p>Credit: Frank Leenaars&nbsp;&amp;&nbsp;eduMedia</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3575
        #id: 391
        #title: "Gears"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3028
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "gears"
      }
      App\Entity\vo\MediaCardLight {#3577
        #id: 724
        #title: "Gears and chain transmission"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431388800 {#3107
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "gears-and-chain-transmission"
      }
      App\Entity\vo\MediaCardLight {#3578
        #id: 681
        #title: "Corkscrew"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3079
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "corkscrew"
      }
      App\Entity\vo\MediaCardLight {#3579
        #id: 430
        #title: "Unusual gears"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#3056
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "unusual-gears"
      }
      App\Entity\vo\MediaCardLight {#3580
        #id: 833
        #title: "Video: The inclined plane"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1438560000 {#3141
          date: 2015-08-03 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-the-inclined-plane"
      }
    ]
    "tags" => [
      "bike"
      "chain"
      "gear ratio"
      "gears"
      "ratio"
      "simple machine"
      "transmission"
      "transmission ratio"
    ]
    "baseNodeName" => "Technology"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4299
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 915
      "title" => "Gears sketch"
      "slug" => "gears-sketch"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      ]
      "thumbnailBackground" => "#f6951d"
      "publishedAt" => DateTimeImmutable @1540857600 {#1377
        date: 2018-10-30 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>To make a gear train and identify the drive wheel and the driven wheel(s).</li>\r\n
        \t<li>To illustrate how to convey a movement through a chain.</li>\r\n
        \t<li>To calculate a transmission ratio.</li>\r\n
        \t<li>To explain how the bike works and the ability to change gears.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>A gear train is formed when at least two toothed wheels are interconnected. Only a toothed wheel is driving. The others are just trained (or &quot;led&quot;). A smaller driven wheel than the driver wheel will rotate faster and conversely a larger driven wheel will rotate more slowly.</p>\r\n
        \r\n
        <p>It is on this principle that the mechanisms of changes of speed are based. The gear ratio is also called the &quot;transmission ratio&quot;. The gear system + chain transmission of the bike is a very good illustration of the transmission of a rotational movement between two wheels. The rotation speed of the rear gears depends on the transmission ratio between the platform (front wheel) and the pinion (rear wheel).</p>\r\n
        \r\n
        <p>To find the transmission ratio of a gear train is to compare the numbers of teeth and thus the radii.</p>\r\n
        \r\n
        <p><strong>Draw</strong> a circle in the screen to create a wheel. The size of the wheels is constrained to illustrate simple ratios: 10, 15, 20, 30, 40, 50, 60 teeth.</p>\r\n
        \r\n
        <p>The driving wheel is grayed out. All driving wheels rotate at the same speed.</p>\r\n
        \r\n
        <p><strong>Surround</strong> two wheels to create a transmission chain.</p>\r\n
        \r\n
        <p><strong>Click</strong> on a wheel to select or drag it.</p>\r\n
        \r\n
        <p><strong>Strike </strong>through&nbsp;an item to remove it.</p>\r\n
        \r\n
        <p>Credit: Frank Leenaars&nbsp;&amp;&nbsp;eduMedia</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3575
          #id: 391
          #title: "Gears"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#3028
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "gears"
        }
        App\Entity\vo\MediaCardLight {#3577
          #id: 724
          #title: "Gears and chain transmission"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431388800 {#3107
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "gears-and-chain-transmission"
        }
        App\Entity\vo\MediaCardLight {#3578
          #id: 681
          #title: "Corkscrew"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#3079
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "corkscrew"
        }
        App\Entity\vo\MediaCardLight {#3579
          #id: 430
          #title: "Unusual gears"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431302400 {#3056
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "unusual-gears"
        }
        App\Entity\vo\MediaCardLight {#3580
          #id: 833
          #title: "Video: The inclined plane"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1438560000 {#3141
            date: 2015-08-03 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-the-inclined-plane"
        }
      ]
      "tags" => [
        "bike"
        "chain"
        "gear ratio"
        "gears"
        "ratio"
        "simple machine"
        "transmission"
        "transmission ratio"
      ]
      "baseNodeName" => "Technology"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 10.0 MiB 0.74 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 {#4321
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 10.0 MiB 1.38 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4337
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 10.0 MiB 17.14 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4361
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 10.0 MiB 1.57 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4397
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4399
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4397
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 10.0 MiB 698.42 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 {#4383
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 16.69 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 {#4643
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 10.0 MiB 17.72 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4428
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 2.14 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3575
    #id: 391
    #title: "Gears"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3028
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "gears"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4510
  -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 {#3575
    #id: 391
    #title: "Gears"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/391-6545f347288ed204809204.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3028
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "gears"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 1.29 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3577
    #id: 724
    #title: "Gears and chain transmission"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431388800 {#3107
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "gears-and-chain-transmission"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4723
  -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 {#3577
    #id: 724
    #title: "Gears and chain transmission"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431388800 {#3107
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "gears-and-chain-transmission"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 21.15 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3578
    #id: 681
    #title: "Corkscrew"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3079
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "corkscrew"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4751
  -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 {#3578
    #id: 681
    #title: "Corkscrew"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3079
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "corkscrew"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 2.26 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3579
    #id: 430
    #title: "Unusual gears"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#3056
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "unusual-gears"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4770
  -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 {#3579
    #id: 430
    #title: "Unusual gears"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#3056
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "unusual-gears"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 93.94 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3580
    #id: 833
    #title: "Video: The inclined plane"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1438560000 {#3141
      date: 2015-08-03 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-the-inclined-plane"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4789
  -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: 833
    #title: "Video: The inclined plane"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/833-6545f458ce04f622471538.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1438560000 {#3141
      date: 2015-08-03 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-the-inclined-plane"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 10.0 MiB 21.09 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4346
  -props: []
}