Changed 'A Comunidade' on Inicio block to content type w/ view

sites/sync/field.storage.node.field_placement.yml

@@ -23,6 +23,9 @@ settings:
     -
       value: '4'
       label: 'Comunidade - Bem vindo'
+    -
+      value: '5'
+      label: 'Inicio - Comunidade'
   allowed_values_function: ''
 module: options
 locked: false

sites/sync/views.view.featured.yml

@@ -717,6 +717,304 @@ display:
         - 'config:field.storage.node.field_link'
         - 'config:field.storage.node.field_media_image'
         - 'config:field.storage.node.field_title'
+  featured_inicio_community:
+    display_plugin: block
+    id: featured_inicio_community
+    display_title: 'Inicio - A Comunidade Portuguesa'
+    position: 1
+    display_options:
+      display_extenders:
+        metatag_display_extender: {  }
+      display_description: ''
+      filters:
+        status:
+          value: '1'
+          table: node_field_data
+          field: status
+          plugin_id: boolean
+          entity_type: node
+          entity_field: status
+          id: status
+          expose:
+            operator: ''
+          group: 1
+        type:
+          id: type
+          table: node_field_data
+          field: type
+          value:
+            featured: featured
+          entity_type: node
+          entity_field: type
+          plugin_id: bundle
+        field_placement_value:
+          id: field_placement_value
+          table: node__field_placement
+          field: field_placement_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          operator: or
+          value:
+            5: '5'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+          reduce_duplicates: false
+          plugin_id: list_field
+      defaults:
+        filters: false
+        filter_groups: false
+        fields: false
+        header: false
+      filter_groups:
+        operator: AND
+        groups:
+          1: AND
+      fields:
+        field_title:
+          id: field_title
+          table: node__field_title
+          field: field_title
+          relationship: none
+          group_type: group
+          admin_label: ''
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: true
+            path: '{{ field_link }}'
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: h4
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: false
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+          plugin_id: field
+        field_media_image:
+          id: field_media_image
+          table: node__field_media_image
+          field: field_media_image
+          relationship: none
+          group_type: group
+          admin_label: ''
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: true
+            path: '{{ field_link }}'
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ripple
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: div
+          element_wrapper_class: img-with-border
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: media_thumbnail
+          settings:
+            image_style: featured_1016x464
+            image_link: ''
+          group_column: target_id
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+          plugin_id: field
+        field_link:
+          id: field_link
+          table: node__field_link
+          field: field_link
+          relationship: none
+          group_type: group
+          admin_label: ''
+          label: ''
+          exclude: false
+          alter:
+            alter_text: true
+            text: '<a href="{{ field_link__uri }}" class="visit-link ripple">Visitar</a>'
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: visit-cta
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: uri
+          type: link
+          settings:
+            trim_length: 80
+            url_only: true
+            url_plain: false
+            rel: '0'
+            target: '0'
+          group_column: ''
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+          plugin_id: field
+      header:
+        area:
+          id: area
+          table: views
+          field: area
+          relationship: none
+          group_type: group
+          admin_label: ''
+          empty: false
+          tokenize: false
+          content:
+            value: "<div class=\"view-header-titles col-md-12 col-lg-6\">\r\n    <h2>A Comunidade Portuguesa</h2>\r\n</div>\r\n<p class=\"view-header-text col-md-12 col-lg-6\">Em Portugal, há cada vez mais entusiastas e utilizadores de Drupal.</p>"
+            format: raw_html
+          plugin_id: text
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_link'
+        - 'config:field.storage.node.field_media_image'
+        - 'config:field.storage.node.field_title'
   featured_resources_contribute:
     display_plugin: block
     id: featured_resources_contribute

themes/custom/drupalpt/css/style.css

@@ -8914,7 +8914,7 @@ nav.tabs {
 --- --- --- MIXINS & PLACEHOLDERS --- --- ---
 *
 */
-.page-node-682 #main #block-drupalpt-content .home-community .img-with-border .visit-link, .path-user .block-system-main-block .js-form-submit, #header, .content-text h3 {
+.page-node-682 #main #block-drupalpt-content .home-community .views-row .views-field-field-link .visit-link, .path-user .block-system-main-block .js-form-submit, #header, .content-text h3 {
   background-image: linear-gradient(-28deg, #22C1C3, #0678BE); }
 
 .landing, .page-node-682 #main #block-drupalpt-content .home-benefits, .page-node-683 #main #block-drupalpt-content .resources-contribute-intro, .page-node-713 #main #block-drupalpt-content .community-adp, .page-node-714 #main #block-drupalpt-content .contact-top {
@@ -8941,7 +8941,7 @@ nav.tabs {
   border: 2px solid #00F0F3;
   margin-top: 95px; }
 
-.page-node-682 #main #block-drupalpt-content .home-community .img-with-border .visit-link, .path-user .block-system-main-block .js-form-submit {
+.page-node-682 #main #block-drupalpt-content .home-community .views-row .views-field-field-link .visit-link, .path-user .block-system-main-block .js-form-submit {
   padding: 14px 42px;
   font: 600 18px/21px 'Inter', sans-serif;
   letter-spacing: -0.5px;
@@ -8951,7 +8951,7 @@ nav.tabs {
   white-space: nowrap;
   text-transform: uppercase;
   text-align: center; }
-  .page-node-682 #main #block-drupalpt-content .home-community .img-with-border .visit-link:hover, .path-user .block-system-main-block .js-form-submit:hover {
+  .page-node-682 #main #block-drupalpt-content .home-community .views-row .views-field-field-link .visit-link:hover, .path-user .block-system-main-block .js-form-submit:hover {
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); }
 
 .page-node-713 #main #block-drupalpt-content .community-adp .block-webform #webform-submission-subscription-adp-node-713-add-form .webform-actions button, .page-node-714 #main #block-drupalpt-content .contact-top .block-webform #webform-submission-contact-node-714-add-form .webform-actions button {
@@ -9545,24 +9545,32 @@ ul.list-of-text {
         font: 300 18px/28px 'Inter', sans-serif; }
 .page-node-682 #main #block-drupalpt-content .home-community {
   padding-bottom: 0; }
-  .page-node-682 #main #block-drupalpt-content .home-community .img-with-border span {
-    font: 200 32px/34px 'Inter', sans-serif;
-    text-align: center;
-    padding: 0px 40px;
-    background: #FFF;
-    position: absolute;
-    top: -3px;
-    left: 50%;
-    transform: translate(-50%, -50%); }
-  .page-node-682 #main #block-drupalpt-content .home-community .img-with-border .visit-cta {
-    text-align: center;
-    padding: 0px 75px;
-    display: inline-block;
-    position: absolute;
-    bottom: -50px;
-    background: #FFF;
-    left: 50%;
-    transform: translate(-50%, -50%); }
+  .page-node-682 #main #block-drupalpt-content .home-community .views-row {
+    /*
+    .views-field-field-media-image {
+    }*/ }
+    .page-node-682 #main #block-drupalpt-content .home-community .views-row .views-field-field-title h4 {
+      font: 200 32px/34px 'Inter', sans-serif;
+      text-align: center;
+      padding: 0px 40px;
+      background: #FFF;
+      z-index: 9;
+      position: absolute;
+      top: 0;
+      left: 50%;
+      transform: translate(-50%, -50%); }
+    .page-node-682 #main #block-drupalpt-content .home-community .views-row .img-with-border {
+      margin-top: 0; }
+    .page-node-682 #main #block-drupalpt-content .home-community .views-row .views-field-field-link {
+      position: relative; }
+      .page-node-682 #main #block-drupalpt-content .home-community .views-row .views-field-field-link .visit-cta {
+        text-align: center;
+        padding: 0px 75px;
+        display: inline-block;
+        position: absolute;
+        background: #FFF;
+        left: 50%;
+        transform: translate(-50%, -50%); }
 
 /*
 *

themes/custom/drupalpt/scss/theme-styles/pages/inicio.scss

@@ -296,34 +296,49 @@
 
             .home-community {
                 padding-bottom: 0;
-                
-                .img-with-border {
-
-                    span {
-                        font: 200 32px/34px 'Inter', sans-serif;
-                        text-align: center;
-                        padding: 0px 40px;
-                        background: #FFF;
-                        position: absolute;
-                        top: -3px;
-                        left: 50%;
-                        transform: translate(-50%, -50%);
+
+                .views-row {
+                    
+                    .views-field-field-title {
+                        h4 {
+                            font: 200 32px/34px 'Inter', sans-serif;
+                            text-align: center;
+                            padding: 0px 40px;
+                            background: #FFF;
+                            z-index: 9;
+                            position: absolute;
+                            top: 0;
+                            left: 50%;
+                            transform: translate(-50%, -50%);
+                        }
                     }
 
-                    .visit-cta {
-                        text-align: center;
-                        padding: 0px 75px;
-                        display: inline-block;
-                        position: absolute;
-                        bottom: -50px;
-                        background: #FFF;
-                        left: 50%;
-                        transform: translate(-50%, -50%);
+                    .img-with-border {
+                        margin-top: 0;
                     }
 
-                    .visit-link {
-                        @extend %main-link-styles;
+                    /*
+                    .views-field-field-media-image {
+                    }*/
+
+                    .views-field-field-link {
+                        position: relative;
+                        .visit-cta {
+                            text-align: center;
+                            padding: 0px 75px;
+                            display: inline-block;
+                            position: absolute;
+                            //bottom: -50px;
+                            background: #FFF;
+                            left: 50%;
+                            transform: translate(-50%, -50%);
+                        }
+    
+                        .visit-link {
+                            @extend %main-link-styles;
+                        }
                     }
+
                 }
             }
         }

themes/custom/drupalpt/templates/views/views-view-unformatted--featured_inicio_community.html.twig

+{#
+/**
+ * @file
+ * Theme override to display a view of unformatted rows.
+ *
+ * Available variables:
+ * - title: The title of this group of rows. May be empty.
+ * - rows: A list of the view's row items.
+ *   - attributes: The row's HTML attributes.
+ *   - content: The row's content.
+ * - view: The view object.
+ * - default_row_class: A flag indicating whether default classes should be
+ *   used on rows.
+ *
+ * @see template_preprocess_views_view_unformatted()
+ */
+#}
+{% if title %}
+  <h3>{{ title }}</h3>
+{% endif %}
+{% for row in rows %}
+  {%
+    set row_classes = [
+      default_row_class ? 'views-row col-12',
+    ]
+  %}
+  <div{{ row.attributes.addClass(row_classes) }}>
+    {{ row.content }}
+  </div>
+{% endfor %}