Components
18
Twig Components
27
Render Count
947
ms
Render Time
10.0
MiB
Memory Usage
Components
Render calls
| Store:User | App\Twig\Components\Store\User | 10.0 MiB | 18.54 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Store\User {#3308 -securityService: App\Service\SecurityService {#115 …} -geoService: App\Service\GeoService {#170 …} -institutionUtilsService: App\Service\InstitutionUtilsService {#3309 …} } |
|||
| Header |
[Anonymous]
|
10.0 MiB | 680.25 ms | |
|---|---|---|---|---|
| Input props | [ "notSticky" => false ] |
|||
| Attributes | [ "notSticky" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3339 -props: [ "notSticky" => false ] } |
|||
| Layout:Stack |
[Anonymous]
|
10.0 MiB | 380.73 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 {#3365 -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 | 280.93 ms | |
|---|---|---|---|---|
| Input props | [ "minimal" => false ] |
|||
| Attributes | [ "minimal" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3421 -props: [ "minimal" => false ] } |
|||
| Header:Logo |
[Anonymous]
|
10.0 MiB | 40.28 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3445 -props: [] } |
|||
| Header:LocalePicker |
[Anonymous]
|
10.0 MiB | 78.79 ms | |
|---|---|---|---|---|
| Input props | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Attributes | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3462 -props: [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] } |
|||
| Button | App\Twig\Components\Button | 10.0 MiB | 20.12 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 {#3487 +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 | 5.56 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "class" => "grow" "size" => "small" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3479 -props: [ "class" => "grow" "size" => "small" ] } |
|||
| Button | App\Twig\Components\Button | 10.0 MiB | 2.69 ms | |
|---|---|---|---|---|
| Input props | [ "data-compo" => "LoginLink" "href" => "/en/login?next=/en/media/970-iceberg" "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "data-compo" => "LoginLink" "href" => "/en/login?next=/en/media/970-iceberg" "class" => "grow" ] |
|||
| Component | App\Twig\Components\Button {#3565 +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 | 40.22 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" "darkColor" => "domain" "href" => "/en/subscribe/" ] |
|||
| Attributes | [ "class" => "grow" "href" => "/en/subscribe/" ] |
|||
| Component | App\Twig\Components\Button {#3579 +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 | 82.19 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Dialog\LocalePicker {#3403 -localeSwitcherService: App\Service\LocaleSwitcherService {#1480 …} } |
|||
| Dialog |
[Anonymous]
|
10.0 MiB | 80.60 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 {#3616 -props: [ "data-compo" => "Dialog/LocalePicker" "id" => "language-picker-dialog" ] } |
|||
| Button | App\Twig\Components\Button | 10.0 MiB | 15.61 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 {#3650 +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 | 2.11 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/en/media/970-iceberg" "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/970-iceberg" "beforeIcon" => "done" "data-locale-picker-target" => "en" ] |
|||
| Component | App\Twig\Components\Button {#3681 +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 | 22.65 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/fr/media/970-iceberg" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "fr" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/fr/media/970-iceberg" "beforeIcon" => null "data-locale-picker-target" => "fr" ] |
|||
| Component | App\Twig\Components\Button {#3718 +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.68 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/es/media/970-iceberg" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "es" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/es/media/970-iceberg" "beforeIcon" => null "data-locale-picker-target" => "es" ] |
|||
| Component | App\Twig\Components\Button {#3737 +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 | 2.85 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/de/media/970-eisberg" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "de" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/de/media/970-eisberg" "beforeIcon" => null "data-locale-picker-target" => "de" ] |
|||
| Component | App\Twig\Components\Button {#3757 +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 | 20.48 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Banner\UserBanners {#3356 -purchaseRepository: App\Repository\PurchaseRepository {#118 …} -securityService: App\Service\SecurityService {#115 …} } |
|||
| MediaField |
[Anonymous]
|
10.0 MiB | 0.46 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Learning objectives" "media" => [ "id" => 970 "title" => "Iceberg" "slug" => "iceberg" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/970-6545f49099ef1313326972.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/970-6545f49099ef1313326972.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/970-6545f49099ef1313326972.webp" ] "thumbnailBackground" => "#00b7ad" "publishedAt" => DateTimeImmutable @1644192000 {#1377 : 2022-02-07 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>To understand why icebergs float.</li>\r\n \t<li>To play with the center of mass of a solid.</li>\r\n \t<li>To introduce the notion of force couple.</li>\r\n \t<li>To define the conditions for a stable equilibrium.</li>\r\n </ul> """ "width" => 550 "height" => 350 "description" => """ <p>An iceberg ("ice mountain") is a block of ice that has detached from a glacier or po-lar cap in a process called calving.</p>\r\n \r\n <p>An iceberg weighs several million tons and yet it floats. Recall that fresh water has a slightly lower density than ocean salt water, but the main reason is as follows.</p>\r\n \r\n <p>All liquids have the property of reducing their volume when they solidify into ice. All except water. By turning into ice, water gains volume and as a result, water ice is less dense than liquid water. This is a remarkable property that explains why the Archimedes' force (also called buyant force) of a totally submerged ice cube exceeds the force of its weight, so the ice cube rises to the surface.</p>\r\n \r\n <p>The flotation of an iceberg is a beautiful illustration of Archimedes' principle and this animation makes it possible to play with shapes and observe how the two forces interact. Since the density of the ice is just a little lower than that of the sur-rounding water, about 10% of the iceberg's volume emerges as buoyant force F<sub>B</sub> and weight F<sub>g</sub> balance out.</p>\r\n \r\n <p><em>sources:</em></p>\r\n \r\n <ul>\r\n \t<li>https://scipython.com/blog/iceberg-dynamics/</li>\r\n \t<li>https://joshdata.me/iceberger.html from Joshua Tauberer</li>\r\n </ul> """ "suggestions" => [] "tags" => [ "archimedes" "balance" "center of mass" "equilibrium" "iceberg" ] "baseNodeName" => null ] "key" => "goals" ] |
|||
| Attributes | [ "title" => "Learning objectives" "media" => [ "id" => 970 "title" => "Iceberg" "slug" => "iceberg" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/970-6545f49099ef1313326972.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/970-6545f49099ef1313326972.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/970-6545f49099ef1313326972.webp" ] "thumbnailBackground" => "#00b7ad" "publishedAt" => DateTimeImmutable @1644192000 {#1377 : 2022-02-07 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>To understand why icebergs float.</li>\r\n \t<li>To play with the center of mass of a solid.</li>\r\n \t<li>To introduce the notion of force couple.</li>\r\n \t<li>To define the conditions for a stable equilibrium.</li>\r\n </ul> """ "width" => 550 "height" => 350 "description" => """ <p>An iceberg ("ice mountain") is a block of ice that has detached from a glacier or po-lar cap in a process called calving.</p>\r\n \r\n <p>An iceberg weighs several million tons and yet it floats. Recall that fresh water has a slightly lower density than ocean salt water, but the main reason is as follows.</p>\r\n \r\n <p>All liquids have the property of reducing their volume when they solidify into ice. All except water. By turning into ice, water gains volume and as a result, water ice is less dense than liquid water. This is a remarkable property that explains why the Archimedes' force (also called buyant force) of a totally submerged ice cube exceeds the force of its weight, so the ice cube rises to the surface.</p>\r\n \r\n <p>The flotation of an iceberg is a beautiful illustration of Archimedes' principle and this animation makes it possible to play with shapes and observe how the two forces interact. Since the density of the ice is just a little lower than that of the sur-rounding water, about 10% of the iceberg's volume emerges as buoyant force F<sub>B</sub> and weight F<sub>g</sub> balance out.</p>\r\n \r\n <p><em>sources:</em></p>\r\n \r\n <ul>\r\n \t<li>https://scipython.com/blog/iceberg-dynamics/</li>\r\n \t<li>https://joshdata.me/iceberger.html from Joshua Tauberer</li>\r\n </ul> """ "suggestions" => [] "tags" => [ "archimedes" "balance" "center of mass" "equilibrium" "iceberg" ] "baseNodeName" => null ] "key" => "goals" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3789 -props: [ "title" => "Learning objectives" "media" => [ "id" => 970 "title" => "Iceberg" "slug" => "iceberg" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/970-6545f49099ef1313326972.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/970-6545f49099ef1313326972.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/970-6545f49099ef1313326972.webp" ] "thumbnailBackground" => "#00b7ad" "publishedAt" => DateTimeImmutable @1644192000 {#1377 : 2022-02-07 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>To understand why icebergs float.</li>\r\n \t<li>To play with the center of mass of a solid.</li>\r\n \t<li>To introduce the notion of force couple.</li>\r\n \t<li>To define the conditions for a stable equilibrium.</li>\r\n </ul> """ "width" => 550 "height" => 350 "description" => """ <p>An iceberg ("ice mountain") is a block of ice that has detached from a glacier or po-lar cap in a process called calving.</p>\r\n \r\n <p>An iceberg weighs several million tons and yet it floats. Recall that fresh water has a slightly lower density than ocean salt water, but the main reason is as follows.</p>\r\n \r\n <p>All liquids have the property of reducing their volume when they solidify into ice. All except water. By turning into ice, water gains volume and as a result, water ice is less dense than liquid water. This is a remarkable property that explains why the Archimedes' force (also called buyant force) of a totally submerged ice cube exceeds the force of its weight, so the ice cube rises to the surface.</p>\r\n \r\n <p>The flotation of an iceberg is a beautiful illustration of Archimedes' principle and this animation makes it possible to play with shapes and observe how the two forces interact. Since the density of the ice is just a little lower than that of the sur-rounding water, about 10% of the iceberg's volume emerges as buoyant force F<sub>B</sub> and weight F<sub>g</sub> balance out.</p>\r\n \r\n <p><em>sources:</em></p>\r\n \r\n <ul>\r\n \t<li>https://scipython.com/blog/iceberg-dynamics/</li>\r\n \t<li>https://joshdata.me/iceberger.html from Joshua Tauberer</li>\r\n </ul> """ "suggestions" => [] "tags" => [ "archimedes" "balance" "center of mass" "equilibrium" "iceberg" ] "baseNodeName" => null ] "key" => "goals" ] } |
|||
| Demo:Video |
[Anonymous]
|
10.0 MiB | 0.47 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 {#3811 -props: [ "width" => "600" "height" => "596" "class" => "max-w-none absolute" ] } |
|||
| Heading:Large |
[Anonymous]
|
10.0 MiB | 0.81 ms | |
|---|---|---|---|---|
| Input props | [ "tag" => "h2" ] |
|||
| Attributes | [ "tag" => "h2" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3827 -props: [ "tag" => "h2" ] } |
|||
| Showcase:RevealPill |
[Anonymous]
|
10.0 MiB | 55.60 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "source" ] |
|||
| Attributes | [ "icon" => "source" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3851 -props: [ "icon" => "source" ] } |
|||
| Showcase:Reveal |
[Anonymous]
|
10.0 MiB | 34.93 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "-mt-1" "text" => Twig\Markup {#3887 -content: "Over 1,000 resources" -charset: "UTF-8" } ] |
|||
| Attributes | [ "class" => "-mt-1" "text" => "Over 1,000 resources" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3889 -props: [ "class" => "-mt-1" "text" => Twig\Markup {#3887 -content: "Over 1,000 resources" -charset: "UTF-8" } ] } |
|||
| DemoForm |
[Anonymous]
|
10.0 MiB | 165.01 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 {#3873 -props: [ "isDemoPage" => false "class" => "max-w-prose mx-auto" ] } |
|||
| Button | App\Twig\Components\Button | 10.0 MiB | 17.08 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 {#4133 +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 | 0.75 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Attributes | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3918 -props: [ "class" => "text-white" "tag" => "h1" ] } |
|||
| Footer |
[Anonymous]
|
10.0 MiB | 4.26 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3836 -props: [] } |
|||