Commit 50514bdb authored by Ken Hawkins's avatar Ken Hawkins
Browse files

enhancement: revised-component-list

WIP
parent f71a603c
Pipeline #148468 passed with stage
in 6 minutes and 8 seconds
...@@ -11,7 +11,7 @@ tags: ...@@ -11,7 +11,7 @@ tags:
- sections - sections
- components - components
templateEngineOverride: njk templateEngineOverride: njk
layout: layouts/section.njk layout: layouts/base.njk
hideSubPosts: true hideSubPosts: true
--- ---
...@@ -26,8 +26,20 @@ They're generated by the `vf-componenet-rollup`: ...@@ -26,8 +26,20 @@ They're generated by the `vf-componenet-rollup`:
{# ## All components #} {# ## All components #}
<div class="vf-content">
{# Use this template for main sections of a site. #}
{% render '@vf-intro', {
"vf_intro_heading": title,
"vf_intro_lede": subtitle,
"vf_intro_text": [
intro
],
"vf_intro_subheading": subheading,
"vf_intro_badge": false
} %}
<div class="embl-grid embl-grid--has-sidebar">
<div></div>
{% render '@vf-search-client-side--default', { {% render '@vf-search-client-side--default', {
"search_client_prompt": "Search components and documentation", "search_client_prompt": "Search components and documentation",
"search_client_button": true, "search_client_button": true,
...@@ -35,30 +47,35 @@ They're generated by the `vf-componenet-rollup`: ...@@ -35,30 +47,35 @@ They're generated by the `vf-componenet-rollup`:
"search_client_action": "/search/", "search_client_action": "/search/",
"search_client_results": false "search_client_results": false
} %} } %}
</div>
{% markdown %} {# vf-u-background-color--grey--lightest vf-u-fullbleed #}
<section class="vf-card-container" style="--vf-card__image--aspect-ratio: 16 / 9;">
### Patterns <div class="vf-card-container__inner">
<div class="vf-section-header"><h3 class="vf-section-header__heading">Patterns</h3>
{% endmarkdown %} {# <p class="vf-section-header__text">To promote molecular biology across Europe</p> #}
</div>
<ul>
{%- for post in collections.posts | sort(false, true, 'data.title') %} {%- for post in collections.posts | sort(false, true, 'data.title') %}
{% if 'patterns' == post.data.section %} {% if 'patterns' == post.data.section %}
{% set absolutePostUrl %}{{ metadata.id }}{{ post.url }}{% endset %} {% set absolutePostUrl %}{{ metadata.id }}{{ post.url }}{% endset %}
{% set context = {
<li> "card_heading": post.data.title,
<a href="{{ absolutePostUrl | url }}" class="vf-link">{{ post.data.title }}</a> "card_href": absolutePostUrl | url,
<!-- {{ post.data.subtitle }} --> "card_text": post.data.subtitle,
</li> "variant": "bordered",
"newTheme": "primary"
{% endif %} } %}
{%- endfor %} {% include "vf-core-components/vf-card/vf-card.njk" %}
</ul> {% endif %}
{%- endfor %}
</div>
</section>
{% set types = ['container', 'block', 'element', 'layout', 'form', 'utility'] %} {% set types = ['container', 'block', 'element', 'layout', 'form', 'utility'] %}
<div class="vf-content">
{%- for type in types %} {%- for type in types %}
{% markdown %} {% markdown %}
### {{type | title }} components ### {{type | title }} components
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment