From 29dc5ff49bac8ad3d5b1e57d527cdb6438fc9951 Mon Sep 17 00:00:00 2001 From: mamesaye Date: Sun, 15 Apr 2018 01:44:52 -0400 Subject: [PATCH 1/3] 573: Create view displaying testimonial items for homepage --- .../sync/block.block.posse_theme_content.yml | 2 +- .../block.block.posse_theme_page_title.yml | 2 +- ...lock.views_block__testimonials_block_1.yml | 24 ++ config/sync/views.view.testimonials.yml | 356 ++++++++++++++++++ web/themes/custom/posse_theme/css/style.css | 44 +++ .../custom/posse_theme/scss/_posse_misc.scss | 51 +++ ...iews-block--testimonials-block-1.html.twig | 27 ++ 7 files changed, 504 insertions(+), 2 deletions(-) create mode 100644 config/sync/block.block.views_block__testimonials_block_1.yml create mode 100644 config/sync/views.view.testimonials.yml create mode 100644 web/themes/custom/posse_theme/templates/block--views-block--testimonials-block-1.html.twig diff --git a/config/sync/block.block.posse_theme_content.yml b/config/sync/block.block.posse_theme_content.yml index 4ecbab6a..37d16963 100644 --- a/config/sync/block.block.posse_theme_content.yml +++ b/config/sync/block.block.posse_theme_content.yml @@ -11,7 +11,7 @@ _core: id: posse_theme_content theme: posse_theme region: content -weight: -1 +weight: 0 provider: null plugin: system_main_block settings: diff --git a/config/sync/block.block.posse_theme_page_title.yml b/config/sync/block.block.posse_theme_page_title.yml index 1c250b32..9acfc220 100644 --- a/config/sync/block.block.posse_theme_page_title.yml +++ b/config/sync/block.block.posse_theme_page_title.yml @@ -9,7 +9,7 @@ _core: id: posse_theme_page_title theme: posse_theme region: content -weight: -2 +weight: -1 provider: null plugin: page_title_block settings: diff --git a/config/sync/block.block.views_block__testimonials_block_1.yml b/config/sync/block.block.views_block__testimonials_block_1.yml new file mode 100644 index 00000000..d04278ec --- /dev/null +++ b/config/sync/block.block.views_block__testimonials_block_1.yml @@ -0,0 +1,24 @@ +uuid: 406037b4-9917-44c6-aa03-b56f24338a10 +langcode: en +status: true +dependencies: + config: + - views.view.testimonials + module: + - views + theme: + - posse_theme +id: views_block__testimonials_block_1 +theme: posse_theme +region: content +weight: -4 +provider: null +plugin: 'views_block:testimonials-block_1' +settings: + id: 'views_block:testimonials-block_1' + label: '' + provider: views + label_display: '0' + views_label: '' + items_per_page: none +visibility: { } diff --git a/config/sync/views.view.testimonials.yml b/config/sync/views.view.testimonials.yml new file mode 100644 index 00000000..94df6d53 --- /dev/null +++ b/config/sync/views.view.testimonials.yml @@ -0,0 +1,356 @@ +uuid: 1ae4c4f2-8534-4aba-92de-b7ce1f2aebfa +langcode: en +status: true +dependencies: + config: + - field.storage.node.body + - field.storage.node.field_image + - field.storage.node.field_name + - node.type.testimonial + module: + - image + - node + - text + - user +id: testimonials +label: Testimonials +module: views +description: '' +tag: '' +base_table: node_field_data +base_field: nid +core: 8.x +display: + default: + display_plugin: default + id: default + display_title: Master + position: 0 + display_options: + access: + type: perm + options: + perm: 'access content' + cache: + type: tag + options: { } + query: + type: views_query + options: + disable_sql_rewrite: false + distinct: false + replica: false + query_comment: '' + query_tags: { } + exposed_form: + type: basic + options: + submit_button: Apply + reset_button: false + reset_button_label: Reset + exposed_sorts_label: 'Sort by' + expose_sort_order: true + sort_asc_label: Asc + sort_desc_label: Desc + pager: + type: some + options: + items_per_page: 2 + offset: 0 + style: + type: default + options: + row_class: '' + default_row_class: true + uses_fields: true + row: + type: fields + options: + default_field_elements: true + inline: + body: body + field_name: field_name + field_image: field_image + separator: '' + hide_empty: false + fields: + body: + id: body + table: node__body + field: body + relationship: none + group_type: group + admin_label: '' + label: '' + exclude: false + alter: + alter_text: false + text: '' + 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: '' + 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: text_default + settings: { } + 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_name: + id: field_name + table: node__field_name + field: field_name + relationship: none + group_type: group + admin_label: '' + label: '' + exclude: false + alter: + alter_text: false + text: '' + 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: '' + 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_image: + id: field_image + table: node__field_image + field: field_image + relationship: none + group_type: group + admin_label: '' + label: '' + exclude: false + alter: + alter_text: false + text: "
\n
{{ body }}
{{ field_name }}
\n
{{ field_image }}
\n
\n" + 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: '' + 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: target_id + type: image + settings: + image_style: '' + image_link: '' + 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 + 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: + testimonial: testimonial + entity_type: node + entity_field: type + plugin_id: bundle + group: 1 + sorts: + created: + id: created + table: node_field_data + field: created + order: DESC + entity_type: node + entity_field: created + plugin_id: date + relationship: none + group_type: group + admin_label: '' + exposed: false + expose: + label: '' + granularity: second + title: Testimonials + header: + area: + id: area + table: views + field: area + relationship: none + group_type: group + admin_label: '' + empty: true + tokenize: false + content: + value: "[view:title]\n

what are people saying ?

" + format: basic_html + plugin_id: text + footer: { } + empty: { } + relationships: { } + arguments: { } + display_extenders: { } + filter_groups: + operator: AND + groups: + 1: AND + cache_metadata: + max-age: -1 + contexts: + - 'languages:language_content' + - 'languages:language_interface' + - 'user.node_grants:view' + - user.permissions + tags: + - 'config:field.storage.node.body' + - 'config:field.storage.node.field_image' + - 'config:field.storage.node.field_name' + block_1: + display_plugin: block + id: block_1 + display_title: Block + position: 1 + display_options: + display_extenders: { } + cache_metadata: + max-age: -1 + contexts: + - 'languages:language_content' + - 'languages:language_interface' + - 'user.node_grants:view' + - user.permissions + tags: + - 'config:field.storage.node.body' + - 'config:field.storage.node.field_image' + - 'config:field.storage.node.field_name' diff --git a/web/themes/custom/posse_theme/css/style.css b/web/themes/custom/posse_theme/css/style.css index d6aef379..5e3a73ac 100644 --- a/web/themes/custom/posse_theme/css/style.css +++ b/web/themes/custom/posse_theme/css/style.css @@ -6470,6 +6470,50 @@ p:last-child, float: left; width: 33.3333333333%; } } +/*** testimonials **/ +#block-views-block-testimonials-block-1 { + text-align: center; + background-color: #F4F3F1; + padding: 25px; } + +.view-content { + width: 90%; + display: inline-flex; } + +.view-header { + text-transform: uppercase; + color: #5890A5; + font-weight: bold; } + .view-header h2 { + color: #5B6E7B; + padding-bottom: 25px; } + +.views-row:nth-child(odd) { + color: #5B6E7B; + background-color: #F7F6F5; + padding: 50px; + text-align: center; } + +.views-row:nth-child(even) { + color: #5B6E7B; + background-color: #E5E3DF; + padding: 50px; + text-align: center; } + +.views-field-field-name { + padding-top: 50px; + padding-bottom: 25px; + font-weight: bolder; } + +img { + width: 60px; + height: 60px; + border-radius: 50%; + overflow: hidden; + margin-left: auto; + margin-right: auto; + padding: 10px; } + #block-meetthedevblock { background-color: #F4F3F1; } #block-meetthedevblock h2 { diff --git a/web/themes/custom/posse_theme/scss/_posse_misc.scss b/web/themes/custom/posse_theme/scss/_posse_misc.scss index 7f380905..7fe44894 100644 --- a/web/themes/custom/posse_theme/scss/_posse_misc.scss +++ b/web/themes/custom/posse_theme/scss/_posse_misc.scss @@ -99,3 +99,54 @@ @include make-md-column(4); } } + + +/*** testimonials **/ + +#block-views-block-testimonials-block-1 { + text-align: center; + background-color: #F4F3F1; + padding: 25px; +} + +.view-content{ + width: 90%; + display: inline-flex; +} +.view-header { + text-transform: uppercase; + color: #5890A5; + font-weight: bold; + h2 { + color: #5B6E7B; + padding-bottom: 25px; + } +} +.views-row:nth-child(odd) { + color: #5B6E7B; + background-color: #F7F6F5; + padding: 50px; + text-align: center; +} +.views-row:nth-child(even) { + color: #5B6E7B; + background-color: #E5E3DF; + padding: 50px; + text-align: center; +} + +.views-field-field-name { + padding-top: 50px; + padding-bottom: 25px; + font-weight: bolder; +} + +img { + width:60px; + height:60px; + border-radius:50%; + overflow:hidden; + margin-left: auto; + margin-right: auto; + padding: 10px; +} \ No newline at end of file diff --git a/web/themes/custom/posse_theme/templates/block--views-block--testimonials-block-1.html.twig b/web/themes/custom/posse_theme/templates/block--views-block--testimonials-block-1.html.twig new file mode 100644 index 00000000..d868789d --- /dev/null +++ b/web/themes/custom/posse_theme/templates/block--views-block--testimonials-block-1.html.twig @@ -0,0 +1,27 @@ +{# +/** + * @file + * Theme override to display a region. + * + * Available variables: + * - content: The content for this region, typically blocks. + * - attributes: HTML attributes for the region div. + * - region: The name of the region variable as defined in the theme's + * .info.yml file. + * + * @ingroup templates + * + * @see template_preprocess_region() + */ +#} +{% + set classes = [ + 'region', + 'region-' ~ region|clean_class, + ] +%} +{% if content %} + + {{ content }} + +{% endif %} From 9d20776b6e636bd9d37fd21ffa0e92b0c57e5b39 Mon Sep 17 00:00:00 2001 From: mamesaye Date: Sun, 15 Apr 2018 02:24:08 -0400 Subject: [PATCH 2/3] 723: Create 'Template programmed by...' block --- config/sync/block.block.meetthedevblock.yml | 2 +- config/sync/block.block.services.yml | 2 +- .../sync/block.block.templateprogrammedby.yml | 20 ++++++++++++++ ...tudentsofthecareerchangingdebugacademy.yml | 21 --------------- .../src/Plugin/Block/Templateprogrammedby.php | 27 +++++++++++++++++++ 5 files changed, 49 insertions(+), 23 deletions(-) create mode 100644 config/sync/block.block.templateprogrammedby.yml delete mode 100644 config/sync/block.block.templateprogrammedbystudentsofthecareerchangingdebugacademy.yml create mode 100644 web/modules/custom/posse_dc/src/Plugin/Block/Templateprogrammedby.php diff --git a/config/sync/block.block.meetthedevblock.yml b/config/sync/block.block.meetthedevblock.yml index f68a8a5d..f79be0e0 100644 --- a/config/sync/block.block.meetthedevblock.yml +++ b/config/sync/block.block.meetthedevblock.yml @@ -9,7 +9,7 @@ dependencies: id: meetthedevblock theme: posse_theme region: content -weight: -3 +weight: -2 provider: null plugin: meet_the_dev_block settings: diff --git a/config/sync/block.block.services.yml b/config/sync/block.block.services.yml index aece6c82..e2f6f6be 100644 --- a/config/sync/block.block.services.yml +++ b/config/sync/block.block.services.yml @@ -9,7 +9,7 @@ dependencies: id: services theme: posse_theme region: content -weight: -4 +weight: -3 provider: null plugin: services settings: diff --git a/config/sync/block.block.templateprogrammedby.yml b/config/sync/block.block.templateprogrammedby.yml new file mode 100644 index 00000000..c649f13a --- /dev/null +++ b/config/sync/block.block.templateprogrammedby.yml @@ -0,0 +1,20 @@ +uuid: 6a251419-e54e-4df9-ae26-0aea693ce04d +langcode: en +status: true +dependencies: + module: + - posse_dc + theme: + - posse_theme +id: templateprogrammedby +theme: posse_theme +region: footer +weight: 0 +provider: null +plugin: templateprogrammedby +settings: + id: templateprogrammedby + label: Templateprogrammedby + provider: posse_dc + label_display: '0' +visibility: { } diff --git a/config/sync/block.block.templateprogrammedbystudentsofthecareerchangingdebugacademy.yml b/config/sync/block.block.templateprogrammedbystudentsofthecareerchangingdebugacademy.yml deleted file mode 100644 index ac1788ee..00000000 --- a/config/sync/block.block.templateprogrammedbystudentsofthecareerchangingdebugacademy.yml +++ /dev/null @@ -1,21 +0,0 @@ -uuid: b5addb6f-9cf3-420f-a63d-de898784dd14 -langcode: en -status: true -dependencies: - theme: - - posse_theme -id: templateprogrammedbystudentsofthecareerchangingdebugacademy -theme: posse_theme -region: footer -weight: 0 -provider: null -plugin: 'block_content:1fb0c563-e164-4357-8c90-7f2d987cd276' -settings: - id: 'block_content:1fb0c563-e164-4357-8c90-7f2d987cd276' - label: 'Template programmed by students of the career-changing Debug Academy' - provider: block_content - label_display: '0' - status: true - info: '' - view_mode: full -visibility: { } diff --git a/web/modules/custom/posse_dc/src/Plugin/Block/Templateprogrammedby.php b/web/modules/custom/posse_dc/src/Plugin/Block/Templateprogrammedby.php new file mode 100644 index 00000000..2d393b6b --- /dev/null +++ b/web/modules/custom/posse_dc/src/Plugin/Block/Templateprogrammedby.php @@ -0,0 +1,27 @@ + Date: Mon, 16 Apr 2018 00:22:04 -0400 Subject: [PATCH 3/3] 723: style 'Template programmed by...' block --- web/themes/custom/posse_theme/css/style.css | 75 +++++++++---------- .../custom/posse_theme/scss/_posse_misc.scss | 31 +++++--- 2 files changed, 56 insertions(+), 50 deletions(-) diff --git a/web/themes/custom/posse_theme/css/style.css b/web/themes/custom/posse_theme/css/style.css index 5e3a73ac..325a0060 100644 --- a/web/themes/custom/posse_theme/css/style.css +++ b/web/themes/custom/posse_theme/css/style.css @@ -6474,45 +6474,44 @@ p:last-child, #block-views-block-testimonials-block-1 { text-align: center; background-color: #F4F3F1; - padding: 25px; } - -.view-content { - width: 90%; - display: inline-flex; } - -.view-header { - text-transform: uppercase; - color: #5890A5; - font-weight: bold; } - .view-header h2 { + padding-bottom: 75px; } + #block-views-block-testimonials-block-1 p { + padding-bottom: 20px; } + #block-views-block-testimonials-block-1 .view-content { + width: 90%; + display: inline-flex; } + #block-views-block-testimonials-block-1 .view-header { + text-transform: uppercase; + color: #5890A5; + font-weight: bold; } + #block-views-block-testimonials-block-1 .view-header h2 { + color: #5B6E7B; + padding-bottom: 25px; } + #block-views-block-testimonials-block-1 .views-row:nth-child(odd) { color: #5B6E7B; - padding-bottom: 25px; } - -.views-row:nth-child(odd) { - color: #5B6E7B; - background-color: #F7F6F5; - padding: 50px; - text-align: center; } - -.views-row:nth-child(even) { - color: #5B6E7B; - background-color: #E5E3DF; - padding: 50px; - text-align: center; } - -.views-field-field-name { - padding-top: 50px; - padding-bottom: 25px; - font-weight: bolder; } - -img { - width: 60px; - height: 60px; - border-radius: 50%; - overflow: hidden; - margin-left: auto; - margin-right: auto; - padding: 10px; } + background-color: #F7F6F5; + padding-bottom: 50px; + padding-top: 50px; + padding-left: 40px; + padding-right: 40px; } + #block-views-block-testimonials-block-1 .views-row:nth-child(even) { + color: #5B6E7B; + background-color: #E5E3DF; + padding-bottom: 50px; + padding-top: 50px; + padding-left: 40px; + padding-right: 40px; } + #block-views-block-testimonials-block-1 .views-field-field-name { + font-weight: bolder; } + #block-views-block-testimonials-block-1 img { + width: 80px; + height: 80px; + border-radius: 50%; + overflow: hidden; + padding: 10px; + margin-bottom: -85px; + margin-top: 25px; + display: inline-flex; } #block-meetthedevblock { background-color: #F4F3F1; } diff --git a/web/themes/custom/posse_theme/scss/_posse_misc.scss b/web/themes/custom/posse_theme/scss/_posse_misc.scss index 7fe44894..1fa903bd 100644 --- a/web/themes/custom/posse_theme/scss/_posse_misc.scss +++ b/web/themes/custom/posse_theme/scss/_posse_misc.scss @@ -106,9 +106,11 @@ #block-views-block-testimonials-block-1 { text-align: center; background-color: #F4F3F1; - padding: 25px; -} + padding-bottom: 75px; +p { + padding-bottom: 20px; +} .view-content{ width: 90%; display: inline-flex; @@ -125,28 +127,33 @@ .views-row:nth-child(odd) { color: #5B6E7B; background-color: #F7F6F5; - padding: 50px; - text-align: center; + padding-bottom: 50px; + padding-top: 50px; + padding-left: 40px; + padding-right: 40px; } .views-row:nth-child(even) { color: #5B6E7B; background-color: #E5E3DF; - padding: 50px; - text-align: center; + padding-bottom: 50px; + padding-top: 50px; + padding-left: 40px; + padding-right: 40px; } .views-field-field-name { - padding-top: 50px; - padding-bottom: 25px; font-weight: bolder; } img { - width:60px; - height:60px; + width:80px; + height:80px; border-radius:50%; overflow:hidden; - margin-left: auto; - margin-right: auto; padding: 10px; + margin-bottom: -85px; + margin-top: 25px; + display: inline-flex; +} + } \ No newline at end of file