-
Notifications
You must be signed in to change notification settings - Fork 921
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Part of #4012: Create variables for value props subtemplate.
- Loading branch information
Showing
2 changed files
with
29 additions
and
20 deletions.
There are no files selected for viewing
18 changes: 17 additions & 1 deletion
18
src/components/layouts/sign-in-partials/value-props.config.yml
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 |
|---|---|---|
| @@ -1,3 +1,19 @@ | ||
| label: Login | ||
| handle: layout--value-props | ||
| hidden: true | ||
| hidden: true | ||
|
|
||
| context: | ||
| value_props: | ||
| tagline: A tagline that explains the benefit of creating an account. | ||
| description: |- | ||
| Here’s space for a longer description to introduce 3-5 easily scannable bullet points. Note that on mobile, this text block will bump below the Create Account form. | ||
| values: | ||
| - img: circle-gray-20.svg | ||
| description: |- | ||
| <strong>Value proposition 1:</strong> Vivamus nec velit sed leo scelerisque laoreet vestibulum. | ||
| - img: circle-gray-20.svg | ||
| description: |- | ||
| <strong>Value proposition 1:</strong> Vivamus nec velit sed leo scelerisque laoreet vestibulum. | ||
| - img: circle-gray-20.svg | ||
| description: |- | ||
| <strong>Value proposition 3:</strong> Vivamus nec velit sed leo scelerisque laoreet vestibulum. |
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 |
|---|---|---|
| @@ -1,28 +1,21 @@ | ||
|
|
||
| <h2 class="display-none desktop:display-block">A tagline that explains the benefit of creating an account.</h2> | ||
| <h2 class="display-none desktop:display-block">{{ value_props.tagline }}</h2> | ||
| <div class="usa-prose"> | ||
| <p>Here’s space for a longer description to introduce 3-5 easily scannable bullet points. Note that on mobile, this text block will bump below the Create Account form.</p> | ||
| <p>{{ value_props.description }}</p> | ||
| <section class="usa-graphic-list"> | ||
| <div class="usa-graphic-list__row"> | ||
| <div class="usa-media-block margin-y-2"> | ||
| <img class="usa-media-block__img height-7 width-7" src="{{ uswds.path }}/img/circle-gray-20.svg" alt="Alt text"> | ||
| <div class="usa-media-block__body"> | ||
| <p><strong>Value proposition 1:</strong> Vivamus nec velit sed leo scelerisque laoreet vestibulum.</p> | ||
| </div> | ||
| </div> | ||
| <div class="usa-media-block margin-y-2"> | ||
| <img class="usa-media-block__img height-7 width-7" src="{{ uswds.path }}/img/circle-gray-20.svg" alt="Alt text"> | ||
| <div class="usa-media-block__body"> | ||
| <p><strong>Value proposition 2:</strong> Ut ac dictum elit. Vivamus nec velit sed leo laoreet vestibulum.</p> | ||
| </div> | ||
| </div> | ||
| <div class="usa-graphic-list__row"> | ||
| {% for value in value_props.values %} | ||
| <div class="usa-media-block margin-y-2"> | ||
| <img class="usa-media-block__img height-7 width-7" src="{{ uswds.path }}/img/circle-gray-20.svg" alt="Alt text"> | ||
| <img | ||
| class="usa-media-block__img height-7 width-7" | ||
| src="{{ uswds.path }}/img/{{ value.img }}" | ||
| alt="Alt text" | ||
| > | ||
| <div class="usa-media-block__body"> | ||
| <p><strong>Value proposition 3:</strong> Vivamus nec velit sed leo scelerisque laoreet vestibulum.</p> | ||
| <p>{{ value.description | safe }}</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| {% endfor %} | ||
| </div> | ||
| </section> | ||
| </div> | ||
|
|