workflowscommunity.github.io/page_working_groups.html at main · workflowscommunity/workflowscommunity.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
---
layout: page
title: Working Groups
permalink: /groups
---

<section class="wg-index-hero">
    <div class="container" data-aos="fade-up">
        <div class="wg-index-hero-card">
            <div class="wg-index-eyebrow">Working Groups</div>
            <h1>Collaborative initiatives in workflow research</h1>
            <p>Discover the ongoing projects and achievements of specialized working groups and task forces advancing workflow research, development, and real-world applications.</p>
        </div>
    </div>
</section>

<section class="wg-index-section">
    <div class="container" data-aos="fade-up">
        <div class="wg-index-header">
            <h2>Workflow Community Working Groups</h2>
            <p>Groups hosted by the Workflows Community Initiative.</p>
        </div>
        <div class="wg-index-grid">
            {% assign groups = site.working_groups | where:"layout","working_groups" | sort: "title" %}
            {% for group in groups %}
            {% assign status_color = "#8B949E" %}
            {% if group.status == "Establishing" %}
            {% assign status_color = "#8A8F1A" %}
            {% elsif group.status == "Active" %}
            {% assign status_color = "#78c315" %}
            {% endif %}
            <a class="wg-index-card" href="{{ group.url }}" style="--status-color: {{ status_color }};">
                <div class="wg-index-card-top">
                    <div class="wg-index-title">
                        <img src="/favicon.ico" alt="WCI" />
                        <span>{{ group.title }}</span>
                    </div>
                    <span class="wg-index-pill">
                        <span class="wg-index-pill-dot"></span>
                        {{ group.status }}
                    </span>
                </div>
                <p>{{ group.description }}</p>
                <div class="wg-index-meta">
                    <span><i class="fas fa-users"></i> {{ group.members | size }} members</span>
                    <span class="wg-index-link">Explore</span>
                </div>
            </a>
            {% endfor %}
        </div>
    </div>
</section>

<section class="wg-index-section wg-index-section-alt">
    <div class="container" data-aos="fade-up">
        <div class="wg-index-header">
            <h2>External Working Groups</h2>
            <p>Related efforts from other communities.</p>
        </div>
        <div class="wg-index-grid">
            {% assign groups = site.data.working_groups | sort: "name" %}
            {% for group in groups %}
            {% assign status_color = "#8B949E" %}
            {% if group.status == "Establishing" %}
            {% assign status_color = "#8A8F1A" %}
            {% elsif group.status == "Active" %}
            {% assign status_color = "#78c315" %}
            {% endif %}
            <a class="wg-index-card" href="{{ group.link }}" target="_blank" rel="noopener" style="--status-color: {{ status_color }};">
                <div class="wg-index-card-top">
                    <div class="wg-index-title">
                        <span>{{ group.name }}</span>
                    </div>
                    <span class="wg-index-pill">
                        <span class="wg-index-pill-dot"></span>
                        {{ group.status }}
                    </span>
                </div>
                <p>{{ group.description }}</p>
                <div class="wg-index-meta">
                    <span>External group</span>
                    <span class="wg-index-link">Visit</span>
                </div>
            </a>
            {% endfor %}
        </div>
    </div>
</section>