GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/en/media/910-geological-clock

Components

18 Twig Components
27 Render Count
525 ms Render Time
12.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button
"App\Twig\Components\Button"
components/Button.html.twig
9 31.59ms
Heading:Large
[Anonymous]
components/Heading/Large.html.twig
2 1.69ms
Store:User
"App\Twig\Components\Store\User"
components/Store/User.html.twig
1 2.90ms
Header
[Anonymous]
components/Header/index.html.twig
1 144.95ms
Layout:Stack
[Anonymous]
components/Layout/Stack.html.twig
1 119.15ms
Header:Anonymous
[Anonymous]
components/Header/Anonymous.html.twig
1 101.00ms
Header:Logo
[Anonymous]
components/Header/Logo.html.twig
1 0.81ms
Header:LocalePicker
[Anonymous]
components/Header/LocalePicker.html.twig
1 39.38ms
LoginLink
[Anonymous]
components/LoginLink.html.twig
1 32.89ms
Dialog:LocalePicker
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig
1 22.03ms
Dialog
[Anonymous]
components/Dialog/index.html.twig
1 21.20ms
Banner:UserBanners
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig
1 0.82ms
MediaField
[Anonymous]
components/MediaField.html.twig
1 0.46ms
Demo:Video
[Anonymous]
components/Demo/Video.html.twig
1 17.76ms
Showcase:RevealPill
[Anonymous]
components/Showcase/RevealPill.html.twig
1 1.82ms
Showcase:Reveal
[Anonymous]
components/Showcase/Reveal.html.twig
1 0.77ms
DemoForm
[Anonymous]
components/DemoForm.html.twig
1 336.88ms
Footer
[Anonymous]
components/Footer/index.html.twig
1 17.82ms

Render calls

Store:User App\Twig\Components\Store\User 12.0 MiB 2.90 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Store\User {#3300
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3301 …}
}
Header
[Anonymous]
12.0 MiB 144.95 ms
Input props
[
  "notSticky" => false
]
Attributes
[
  "notSticky" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3331
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack
[Anonymous]
12.0 MiB 119.15 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 {#3357
  -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]
12.0 MiB 101.00 ms
Input props
[
  "minimal" => false
]
Attributes
[
  "minimal" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3413
  -props: [
    "minimal" => false
  ]
}
Header:Logo
[Anonymous]
12.0 MiB 0.81 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3437
  -props: []
}
Header:LocalePicker
[Anonymous]
12.0 MiB 39.38 ms
Input props
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3454
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 2.70 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 {#3479
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink
[Anonymous]
12.0 MiB 32.89 ms
Input props
[
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "class" => "grow"
  "size" => "small"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3471
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 7.72 ms
Input props
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/910-geological-clock"
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/910-geological-clock"
  "class" => "grow"
]
Component
App\Twig\Components\Button {#3557
  +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 12.0 MiB 6.49 ms
Input props
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component
App\Twig\Components\Button {#3571
  +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 12.0 MiB 22.03 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Dialog\LocalePicker {#3395
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1486 …}
}
Dialog
[Anonymous]
12.0 MiB 21.20 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 {#3608
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 0.86 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 {#3642
  +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 12.0 MiB 1.01 ms
Input props
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/910-geological-clock"
  "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/910-geological-clock"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component
App\Twig\Components\Button {#3673
  +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 12.0 MiB 0.67 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/910-horloge-geologique"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/910-horloge-geologique"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component
App\Twig\Components\Button {#3710
  +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 12.0 MiB 0.69 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/910-reloj-geologico"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/910-reloj-geologico"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component
App\Twig\Components\Button {#3729
  +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 12.0 MiB 0.67 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/910-geologische-uhr"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/910-geologische-uhr"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component
App\Twig\Components\Button {#3749
  +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 12.0 MiB 0.82 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Banner\UserBanners {#3348
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField
[Anonymous]
12.0 MiB 0.46 ms
Input props
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 910
    "title" => "Geological clock"
    "slug" => "geological-clock"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/910-6545f4740435d360021626.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/910-6545f4740435d360021626.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/910-6545f4740435d360021626.webp"
    ]
    "thumbnailBackground" => "#462f92"
    "publishedAt" => DateTimeImmutable @1525910400 {#1382
      date: 2018-05-10 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To define the terms &quot;Aeon&quot; (or &quot;Eon&quot;), &quot;Era&quot;, &quot;Period&quot; and their interweaving.</li>\r\n
      \t<li>To teach the orders of magnitude of durations.</li>\r\n
      \t<li>To put the history of humanity in context.</li>\r\n
      \t<li>To create a timeline.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>The Earth was formed almost 4.54 billion years ago. This figure is to be placed in comparison with other figures such as:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>13.6 billion years: estimated age of the universe.</li>\r\n
      \t<li>4.57 billion years: Sun&#39;s age (which is half of his entire life).</li>\r\n
      </ul>\r\n
      \r\n
      <p>The history of the Earth is divided as follows:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>4 &quot;aeons&quot; or &quot;eons&quot; that last between 540 Myr (Myr = million years) and 2 Byr (Byr = billion years).</li>\r\n
      \t<li>Each aeon is subdivided into three or four &quot;eras&quot; of a few hundred million years (&gt; 100 Myr).</li>\r\n
      \t<li>An era divides three or four &quot;periods&quot; of a few tens of millions of years (&gt; 10 Myr)</li>\r\n
      \t<li>The periods are divided into &quot;epochs&quot; whose unit of time is the million years (&gt; 1 Myr).</li>\r\n
      </ul>\r\n
      \r\n
      <p>The animation does not illustrate the epochs and only the periods of the last aeon (Phanerozoic) are represented.</p>\r\n
      \r\n
      <p>The main educational objective of this animation is to represent the history of the Earth in the form of a geological clock to reveal the order of magnitude of the durations and the proportions. Indeed, our usual perception of time does not allow us to correctly grasp the gigantic geological durations at work here. Thus, a mass extinction that appears punctually in the illustration spreads in reality over thousands or even millions of years. Such an event remains however very brutal on a geological time scale.</p>\r\n
      \r\n
      <p>If the age of the Earth is reduced to a 12&nbsp;hour clock, then the first three aeons (called Precambrian) occupy more than 10 hours, the Phanerozoic is only the last 90&nbsp;minutes and the appearance of hominids the last 30 seconds. Homo sapiens only appears in the last two seconds, at 11:59:58!</p>\r\n
      \r\n
      <p>The International Commission on Stratigraphy (ICS) has in its missions the establishment of a geological time scale. This scale is available at http://www.stratigraphy.org/. It is updated according to the discoveries of paleontologists.</p>
      """
    "suggestions" => []
    "tags" => [
      "chronology"
      "dinosaurs"
      "earth"
      "eons"
      "eras"
      "extinctions"
      "glaciation"
      "life"
      "men"
      "periods"
      "prehistoric"
      "ratio"
      "stratigraphic scale"
      "timeline"
    ]
    "baseNodeName" => null
  ]
  "key" => "goals"
]
Attributes
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 910
    "title" => "Geological clock"
    "slug" => "geological-clock"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/910-6545f4740435d360021626.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/910-6545f4740435d360021626.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/910-6545f4740435d360021626.webp"
    ]
    "thumbnailBackground" => "#462f92"
    "publishedAt" => DateTimeImmutable @1525910400 {#1382
      date: 2018-05-10 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To define the terms &quot;Aeon&quot; (or &quot;Eon&quot;), &quot;Era&quot;, &quot;Period&quot; and their interweaving.</li>\r\n
      \t<li>To teach the orders of magnitude of durations.</li>\r\n
      \t<li>To put the history of humanity in context.</li>\r\n
      \t<li>To create a timeline.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>The Earth was formed almost 4.54 billion years ago. This figure is to be placed in comparison with other figures such as:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>13.6 billion years: estimated age of the universe.</li>\r\n
      \t<li>4.57 billion years: Sun&#39;s age (which is half of his entire life).</li>\r\n
      </ul>\r\n
      \r\n
      <p>The history of the Earth is divided as follows:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>4 &quot;aeons&quot; or &quot;eons&quot; that last between 540 Myr (Myr = million years) and 2 Byr (Byr = billion years).</li>\r\n
      \t<li>Each aeon is subdivided into three or four &quot;eras&quot; of a few hundred million years (&gt; 100 Myr).</li>\r\n
      \t<li>An era divides three or four &quot;periods&quot; of a few tens of millions of years (&gt; 10 Myr)</li>\r\n
      \t<li>The periods are divided into &quot;epochs&quot; whose unit of time is the million years (&gt; 1 Myr).</li>\r\n
      </ul>\r\n
      \r\n
      <p>The animation does not illustrate the epochs and only the periods of the last aeon (Phanerozoic) are represented.</p>\r\n
      \r\n
      <p>The main educational objective of this animation is to represent the history of the Earth in the form of a geological clock to reveal the order of magnitude of the durations and the proportions. Indeed, our usual perception of time does not allow us to correctly grasp the gigantic geological durations at work here. Thus, a mass extinction that appears punctually in the illustration spreads in reality over thousands or even millions of years. Such an event remains however very brutal on a geological time scale.</p>\r\n
      \r\n
      <p>If the age of the Earth is reduced to a 12&nbsp;hour clock, then the first three aeons (called Precambrian) occupy more than 10 hours, the Phanerozoic is only the last 90&nbsp;minutes and the appearance of hominids the last 30 seconds. Homo sapiens only appears in the last two seconds, at 11:59:58!</p>\r\n
      \r\n
      <p>The International Commission on Stratigraphy (ICS) has in its missions the establishment of a geological time scale. This scale is available at http://www.stratigraphy.org/. It is updated according to the discoveries of paleontologists.</p>
      """
    "suggestions" => []
    "tags" => [
      "chronology"
      "dinosaurs"
      "earth"
      "eons"
      "eras"
      "extinctions"
      "glaciation"
      "life"
      "men"
      "periods"
      "prehistoric"
      "ratio"
      "stratigraphic scale"
      "timeline"
    ]
    "baseNodeName" => null
  ]
  "key" => "goals"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3781
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 910
      "title" => "Geological clock"
      "slug" => "geological-clock"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/910-6545f4740435d360021626.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/910-6545f4740435d360021626.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/910-6545f4740435d360021626.webp"
      ]
      "thumbnailBackground" => "#462f92"
      "publishedAt" => DateTimeImmutable @1525910400 {#1382
        date: 2018-05-10 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>To define the terms &quot;Aeon&quot; (or &quot;Eon&quot;), &quot;Era&quot;, &quot;Period&quot; and their interweaving.</li>\r\n
        \t<li>To teach the orders of magnitude of durations.</li>\r\n
        \t<li>To put the history of humanity in context.</li>\r\n
        \t<li>To create a timeline.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>The Earth was formed almost 4.54 billion years ago. This figure is to be placed in comparison with other figures such as:</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>13.6 billion years: estimated age of the universe.</li>\r\n
        \t<li>4.57 billion years: Sun&#39;s age (which is half of his entire life).</li>\r\n
        </ul>\r\n
        \r\n
        <p>The history of the Earth is divided as follows:</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>4 &quot;aeons&quot; or &quot;eons&quot; that last between 540 Myr (Myr = million years) and 2 Byr (Byr = billion years).</li>\r\n
        \t<li>Each aeon is subdivided into three or four &quot;eras&quot; of a few hundred million years (&gt; 100 Myr).</li>\r\n
        \t<li>An era divides three or four &quot;periods&quot; of a few tens of millions of years (&gt; 10 Myr)</li>\r\n
        \t<li>The periods are divided into &quot;epochs&quot; whose unit of time is the million years (&gt; 1 Myr).</li>\r\n
        </ul>\r\n
        \r\n
        <p>The animation does not illustrate the epochs and only the periods of the last aeon (Phanerozoic) are represented.</p>\r\n
        \r\n
        <p>The main educational objective of this animation is to represent the history of the Earth in the form of a geological clock to reveal the order of magnitude of the durations and the proportions. Indeed, our usual perception of time does not allow us to correctly grasp the gigantic geological durations at work here. Thus, a mass extinction that appears punctually in the illustration spreads in reality over thousands or even millions of years. Such an event remains however very brutal on a geological time scale.</p>\r\n
        \r\n
        <p>If the age of the Earth is reduced to a 12&nbsp;hour clock, then the first three aeons (called Precambrian) occupy more than 10 hours, the Phanerozoic is only the last 90&nbsp;minutes and the appearance of hominids the last 30 seconds. Homo sapiens only appears in the last two seconds, at 11:59:58!</p>\r\n
        \r\n
        <p>The International Commission on Stratigraphy (ICS) has in its missions the establishment of a geological time scale. This scale is available at http://www.stratigraphy.org/. It is updated according to the discoveries of paleontologists.</p>
        """
      "suggestions" => []
      "tags" => [
        "chronology"
        "dinosaurs"
        "earth"
        "eons"
        "eras"
        "extinctions"
        "glaciation"
        "life"
        "men"
        "periods"
        "prehistoric"
        "ratio"
        "stratigraphic scale"
        "timeline"
      ]
      "baseNodeName" => null
    ]
    "key" => "goals"
  ]
}
Demo:Video
[Anonymous]
12.0 MiB 17.76 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 {#3803
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large
[Anonymous]
12.0 MiB 0.95 ms
Input props
[
  "tag" => "h2"
]
Attributes
[
  "tag" => "h2"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3819
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill
[Anonymous]
12.0 MiB 1.82 ms
Input props
[
  "icon" => "source"
]
Attributes
[
  "icon" => "source"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3843
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal
[Anonymous]
12.0 MiB 0.77 ms
Input props
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#3879
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3881
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#3879
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm
[Anonymous]
12.0 MiB 336.88 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 {#3865
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 10.79 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 {#4125
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large
[Anonymous]
12.0 MiB 0.74 ms
Input props
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes
[
  "class" => "text-white"
  "tag" => "h1"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3910
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
Footer
[Anonymous]
12.0 MiB 17.82 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3828
  -props: []
}