page_workshop.html

---
layout: page
title: Workshops
permalink: /workshops
---

<section class="workshop-index-hero">
    <div class="container" data-aos="fade-up">
        <div class="workshop-index-hero-card">
            <div class="workshop-index-eyebrow">Workshops</div>
            <h1>Gatherings that move workflows forward</h1>
            <p>Workshop events are associated with a major conference or meeting where researchers, developers, and users from distinct workflow systems share state-of-the-art research and practice.</p>
        </div>
    </div>
</section>

<section class="workshop-index-section">
    <div class="container" data-aos="fade-up">
        <div class="workshop-index-header">
            <h2>Upcoming and past workshops</h2>
            <p>Explore the latest gatherings across the workflows community.</p>
        </div>
        <div class="workshop-index-grid">
            {% assign workshops = site.workshops | sort: 'event_date' | reverse %}
            {% for w in workshops %}
            <a class="workshop-index-card" href="{{ w.url }}">
                <div class="workshop-index-date">
                    <span>{{ w.event_date | date: "%b" }}</span>
                    <strong>{{ w.event_date | date: "%d" }}</strong>
                    <em>{{ w.event_date | date: "%Y" }}</em>
                </div>
                <div class="workshop-index-body">
                    <h3>{{ w.title }}</h3>
                    {% if w.subtitle %}
                    <p class="workshop-index-subtitle">{{ w.subtitle }}</p>
                    {% endif %}
                    <div class="workshop-index-meta">
                        <span class="workshop-index-location"><i class="fas fa-map-marker-alt"></i> {{ w.location }}</span>
                        <span class="workshop-index-link">View details</span>
                    </div>
                </div>
            </a>
            {% endfor %}
        </div>
    </div>
</section>