page_summits.html

---
layout: page
title: Workflows Community Summits
permalink: /summits
---

<section class="summit-index-hero">
    <div class="container" data-aos="fade-up">
        <div class="summit-index-hero-card">
            <div class="summit-index-eyebrow">Workflows Community Summits</div>
            <h1>Pioneering the Workflow Summit series</h1>
            <p>Bringing together diverse experts across workflow ecosystems to collaborate, innovate, and address the most pressing challenges facing our community.</p>
        </div>
    </div>
</section>

<section class="summit-index-section">
    <div class="container" data-aos="fade-up">
        <div class="summit-index-header">
            <h2>Summit editions</h2>
            <p>Explore recent and past summits.</p>
        </div>
        <div class="summit-index-grid">
            {% assign summits = site.summits | sort: 'order' | reverse %}
            {% for summit in summits %}
            <a class="summit-index-card" href="{{ summit.url }}">
                <div class="summit-index-media">
                    <img src="{{ summit.image }}" alt="{{ summit.title }}" />
                </div>
                <div class="summit-index-body">
                    <span class="summit-index-date">{{ summit.event_date | date: "%b %d, %Y" }}</span>
                    <h3>{{ summit.title }}</h3>
                    <p>{{ summit.subtitle }}</p>
                    <div class="summit-index-meta">
                        {% if summit.report_link %}
                        <span class="summit-index-badge">
                            <img src="{{ summit.report_badge }}" alt="DOI" />
                        </span>
                        {% endif %}
                        <span class="summit-index-link">View details</span>
                    </div>
                </div>
            </a>
            {% endfor %}
        </div>
    </div>
</section>