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:
- sections
- components
templateEngineOverride: njk
layout: layouts/section.njk
layout: layouts/base.njk
hideSubPosts: true
---
......@@ -26,8 +26,20 @@ They're generated by the `vf-componenet-rollup`:
{# ## 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', {
"search_client_prompt": "Search components and documentation",
"search_client_button": true,
......@@ -35,30 +47,35 @@ They're generated by the `vf-componenet-rollup`:
"search_client_action": "/search/",
"search_client_results": false
} %}
</div>
{% markdown %}
### Patterns
{% endmarkdown %}
<ul>
{%- for post in collections.posts | sort(false, true, 'data.title') %}
{% if 'patterns' == post.data.section %}
{% set absolutePostUrl %}{{ metadata.id }}{{ post.url }}{% endset %}
<li>
<a href="{{ absolutePostUrl | url }}" class="vf-link">{{ post.data.title }}</a>
<!-- {{ post.data.subtitle }} -->
</li>
{% endif %}
{%- endfor %}
</ul>
{# vf-u-background-color--grey--lightest vf-u-fullbleed #}
<section class="vf-card-container" style="--vf-card__image--aspect-ratio: 16 / 9;">
<div class="vf-card-container__inner">
<div class="vf-section-header"><h3 class="vf-section-header__heading">Patterns</h3>
{# <p class="vf-section-header__text">To promote molecular biology across Europe</p> #}
</div>
{%- for post in collections.posts | sort(false, true, 'data.title') %}
{% if 'patterns' == post.data.section %}
{% set absolutePostUrl %}{{ metadata.id }}{{ post.url }}{% endset %}
{% set context = {
"card_heading": post.data.title,
"card_href": absolutePostUrl | url,
"card_text": post.data.subtitle,
"variant": "bordered",
"newTheme": "primary"
} %}
{% include "vf-core-components/vf-card/vf-card.njk" %}
{% endif %}
{%- endfor %}
</div>
</section>
{% set types = ['container', 'block', 'element', 'layout', 'form', 'utility'] %}
<div class="vf-content">
{%- for type in types %}
{% markdown %}
### {{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