info:
  type: content_page
  title: 'Tiles Paragraphs'
  path:
    alias: /documentation/tiles-paragraphs
    pathauto: 0
field_page_section:
  paragraphs:
    -
      paragraph_type: d_p_text_paged
      data:
        field_d_main_title:
          type: text
          data: 'Tiles Paragraphs'
        field_d_subtitle:
          type: text
          data: 'Droopler Documentation'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: theme-primary padding-top-default padding-bottom-default margin-top-default margin-bottom-default
          heading_type: h1
    -
      paragraph_type: d_p_text_paged
      data:
        field_d_main_title:
          type: text
          data: 'Full Gallery & Side Tiles Example'
        field_d_long_text:
          type: text_long
          data: '<p>The Tiles Paragraphs utilize Masonry to deliver an excellent gallery experience. All images get arranged to fit the screen width. You can manipulate the display by paragraph settings field. You can choose number of pictures which should be two times larger than the others. The "/" character separates the title and subtitle. Below there are four paragraphs - two Tile Galleries and two Side Tiles.</p>'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: theme-gray padding-top-default padding-bottom-default margin-top-default margin-bottom-default
    -
      paragraph_type: d_p_tiles
      data:
        field_d_media_icon:
          type: media_image
          directory: demo
          files:
            -
              path: d_demo/demo_droopler.svg
              alt: 'Droopler Logo'
        field_d_main_title:
          type: text
          data: 'Main Title'
        field_d_long_text:
          type: text_long
          data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent bibendum mi elit, id commodo ligula viverra vitae. Aliquam lorem diam, lobortis at ante et, gravida blandit enim. Ut bibendum egestas sem. Nulla porttitor lorem in erat maximus, id vulputate est auctor. Curabitur consectetur nec ante ac ornare. Nam aliquam elit ex. Nam feugiat nulla pulvinar nunc commodo, eget faucibus mauris egestas.</p>'
        field_d_media_image:
          type: media_image
          directory: demo
          files:
            -
              path: d_demo/d_demo_aircraft_tiles_1_1.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_aircraft_tiles_1_2.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_aircraft_tiles_1_3.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_aircraft_tiles_1_4.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_aircraft_tiles_1_5.jpg
              alt: 'Title / Subtitle'
        field_d_cta_link:
          type: cta
          data:
            link: 'internal:/documentation/tiles-paragraphs'
            text: 'See more'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: full-example theme-default padding-top-default padding-bottom-default margin-top-default margin-bottom-default
          featured_images: 1
    -
      paragraph_type: d_p_side_tiles
      data:
        field_d_media_icon:
          type: media_image
          directory: demo
          files:
            -
              path: d_demo/demo_droopler_white.svg
              alt: 'Droopler Logo'
        field_d_main_title:
          type: text
          data: 'Main Title'
        field_d_long_text:
          type: text_long
          data: '<p>Lorem ipsum dolor sit amet.</p>'
        field_d_cta_link:
          type: cta
          data:
            link: 'internal:/documentation/tiles-paragraphs'
            text: 'Call To Action!'
            options:
              attributes:
                class:
                  - btn
                  - btn-secondary
        field_d_media_image:
          type: media_image
          directory: demo
          files:
            -
              path: d_demo/d_demo_engine_car_5.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_engine_repair_and_overhaul_1.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_engine_boat_2.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_enginge_repair_1.jpg
              alt: 'Title / Subtitle'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: second-example theme-default padding-top-default padding-bottom-default margin-top-default margin-bottom-default
          side_tiles_layout: right
    -
      paragraph_type: d_p_side_tiles
      data:
        field_d_media_icon:
          type: media_image
          directory: demo
          files:
            -
              path: d_demo/demo_droopler_white.svg
              alt: 'Droopler Logo'
        field_d_main_title:
          type: text
          data: 'Main Title'
        field_d_long_text:
          type: text_long
          data: '<p>Curabitur consectetur nec ante ac ornare.</p>'
        field_d_cta_link:
          type: cta
          data:
            link: 'internal:/documentation/tiles-paragraphs'
            text: 'Call To Action!'
            options:
              attributes:
                class:
                  - btn
                  - btn-secondary
        field_d_media_image:
          type: media_image
          directory: demo
          files:
            -
              path: d_demo/d_demo_motor.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_tile_spaceship.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_services_car.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_regular_servicing_2.jpg
              alt: 'Title / Subtitle'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: third-example theme-default padding-top-default padding-bottom-default margin-top-default margin-bottom-default
          side_tiles_layout: left
    -
      paragraph_type: d_p_tiles
      data:
        field_d_media_image:
          type: media_image
          directory: demo
          files:
            -
              path: d_demo/d_demo_tiles_2_1.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_tiles_2_2.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_tiles_2_3.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_tiles_2_4.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_tiles_2_5.jpg
              alt: 'Title / Subtitle'
        field_d_settings:
          type: field_p_configuration_storage
          featured_images: 3
    -
      paragraph_type: d_p_side_tiles
      data:
        field_d_media_icon:
          type: media_image
          directory: demo
          files:
            -
              path: d_demo/demo_droopler.svg
              alt: 'Droopler Logo'
        field_d_main_title:
          type: text
          data: 'Main Title'
        field_d_long_text:
          type: text_long
          data: '<p>Lorem ipsum dolor sit amet.</p>'
        field_d_cta_link:
          type: cta
          data:
            link: 'internal:/documentation/tiles-paragraphs'
            text: 'Call To Action!'
            options:
              attributes:
                class:
                  - btn
                  - btn-secondary
        field_d_media_image:
          type: media_image
          directory: demo
          files:
            -
              path: d_demo/d_demo_services_boat.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_engine_airplane_1.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_flying_jetplane.jpg
              alt: 'Title / Subtitle'
            -
              path: d_demo/d_demo_car_engine_contact.jpg
              alt: 'Title / Subtitle'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: theme-secondary padding-top-default padding-bottom-default margin-top-default margin-bottom-default
          side_tiles_layout: left

field_teaser_media_image:
  type: media_image
  directory: demo
  files:
    -
      path: d_demo/demo-logo.svg
      alt: Droopler
field_teaser_text:
  type: text_long
  data: 'Discover possibilities of Droopler distribution for Drupal.'
