-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
TWE-13 - BE - Key points with icons (Service area page) (#336)
* Add IconKeyPointsBlock * Add IconKeyPointsBlock to service area page in pattern library * Add a note about potentially using icon.html instead * Add icons to sprites.html * TWE-13 | FE | Icon Keypoints (#347) * Icon keypoints FE draft * Icon keypoints FE * Remove unnecessary class --------- Co-authored-by: Sherry <[email protected]>
- Loading branch information
1 parent
1ab0914
commit 0954671
Showing
10 changed files
with
234 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
1 change: 1 addition & 0 deletions
1
...de/templates/patterns/_pattern_library_only/streamfield/service_area_story_container.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
25 changes: 25 additions & 0 deletions
25
...ject_styleguide/templates/patterns/molecules/streamfield/blocks/icon_keypoints_block.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| {% load wagtailcore_tags wagtailimages_tags %} | ||
| <div class="grid__keypoints keypoints"> | ||
| {% if value.title %} | ||
| <h2 class="heading heading--two">{{ value.title }}</h2> | ||
| {% endif %} | ||
| {% if value.intro %} | ||
| <div class="text text--five">{{ value.intro|richtext }}</div> | ||
| {% endif %} | ||
|
|
||
| <ul class="keypoints__list"> | ||
| {% for key_point in value.key_points %} | ||
| <li class="keypoints__item"> | ||
| <div class="keypoints__wrapper"> | ||
| <p class="keypoints__label">{{ key_point.icon_label }}</p> | ||
| {% include "patterns/atoms/icons/icon.html" with name=key_point.icon classname="keypoints__icon" %} | ||
| </div> | ||
| {# header title is optional, so heading here may be h2 #} | ||
| <{% if value.title %}h3{% else %}h2{% endif %} class="keypoints__heading"> | ||
| {{ key_point.heading }} | ||
| {% if value.title %}</h3>{% else %}</h2>{% endif %} | ||
| <div class="keypoints__description">{{ key_point.description|richtext }}</div> | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| </div> |
37 changes: 37 additions & 0 deletions
37
...ject_styleguide/templates/patterns/molecules/streamfield/blocks/icon_keypoints_block.yaml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| context: | ||
| value: | ||
| title: Optional section title (Key Points with Icons) | ||
| intro: '<p>Optional section intro</p>' | ||
| key_points: | ||
| - icon: 'key-lightbulb' | ||
| icon_label: Grow sustainable income | ||
| heading: Future-proof your funding streams. | ||
| description: '<p>We help develop reliable income streams through giving, legacy and events, while creating innovative digital products that engage new audiences.</p>' | ||
| - icon: 'key-bullseye' | ||
| icon_label: Drive digital growth | ||
| heading: Expand your reach. | ||
| description: '<p>We'll help you improve search visibility to connect with supporters when they need you most, ensuring you stand out in an increasingly competitive landscape.</p>' | ||
| - icon: 'key-conversation' | ||
| icon_label: Create high-impact campaigns | ||
| heading: Turn audiences into advocates. | ||
| description: '<p>We create eye-catching, data-driven campaigns across digital channels to deliver exceptional results, from emergency appeals to regular giving.</p>' | ||
| - icon: 'key-people' | ||
| icon_label: Deepen supporter relationships | ||
| heading: Transform one-off donors into champions. | ||
| description: '<p>We'll help you create meaningful supporter journeys that show the difference they make, inspiring deeper connection to your cause.</p>' | ||
| - icon: 'key-up-arrow' | ||
| icon_label: Increase online giving | ||
| heading: Turn interest into action. | ||
| description: '<p>We'll help you create frictionless donation experiences across all channels, from compelling web journeys to seamless payment flows that drive regular giving.</p>' | ||
| - icon: 'key-calendar' | ||
| icon_label: Unlock your supporter network | ||
| heading: Multiply your reach through trusted voices. | ||
| description: '<p>We'll help you tap into friends and family networks - where donation rates are highest - to make it easy for supporters to advocate for your cause.</p>' | ||
| - icon: 'key-megaphone' | ||
| icon_label: Maximise your CRM investment | ||
| heading: Make systems work harder. | ||
| description: '<p>We help you choose and optimise tools for supporter management and stewardship, ensuring your CRM delivers ROI whilst making teams more efficient.</p>' | ||
| - icon: 'key-mail' | ||
| icon_label: Transform data into action | ||
| heading: Make every penny count. | ||
| description: '<p>We turn your data into insights to improve fundraising and engagement, helping you understand supporter behaviour and enhance performance across all channels.</p>' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.