workflowscommunity.github.io/page_systems.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
---
layout: page
title: Workflow Systems
permalink: /systems
---

{% assign n_systems = site.systems | size %}
{% assign wci_systems = site.systems | where: "wci_metadata", "true" | size %}
{% assign systems_wci = site.systems | where: "wci_metadata", "true" | sort: "date_sort" | reverse %}
{% assign systems = site.systems | where: "wci_metadata", "false" | sort: "date_sort" | reverse %}

<section class="systems-hero">
    <div class="container" data-aos="fade-up">
        <div class="systems-hero-content">
            <div>
                <!-- <p class="systems-eyebrow">Workflow Systems</p> -->
                <h1>Find the right system for your workflows</h1>
                <p class="systems-lead">
                    Explore the open source landscape and discover systems with rich community metadata.
                </p>
                <div class="systems-hero-actions">
                    <a href="/systems/contribute" class="btn btn-primary systems-cta-btn" style="vertical-align: auto;">Contribute a system</a>
                    <a href="/contact" class="btn btn-outer">Talk with us</a>
                </div>
            </div>
            <div class="systems-hero-stats">
                <div class="systems-stat">
                    <div class="systems-stat-value">{{ n_systems }}</div>
                    <div class="systems-stat-label">Open source systems</div>
                </div>
                <div class="systems-stat">
                    <div class="systems-stat-value">{{ wci_systems }}</div>
                    <div class="systems-stat-label">Provide WCI metadata</div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="systems-section">
    <div class="container" data-aos="fade-up">
        <div class="systems-section-header">
            <div>
                <h2>Systems with WCI metadata</h2>
                <p>These projects provide structured metadata for richer discovery.</p>
            </div>
        </div>
        <div class="systems-grid">
            {% for system in systems_wci %}
            <article class="systems-card">
                <a class="systems-card-link" href="{{system.url}}" aria-label="{{system.title}}"></a>
                <div class="systems-card-header">
                    <div class="systems-card-top">
                        <img src="{{system.avatar}}" class="systems-card-logo" alt="{{system.title}} logo">
                        <div class="systems-card-title">
                            <h3>{{system.title}}</h3>
                            <p class="systems-card-headline">{{system.headline}}</p>
                        </div>
                    </div>
                    <span class="systems-badge">
                        <img src="/favicon.ico" alt="WCI" />
                        WCI metadata
                    </span>
                </div>
                <div class="systems-card-meta">
                    <span><i class="fas fa-code"></i> {{system.language}}</span>
                    {% if system.release_name != "" %}
                    <span><i class="fas fa-box-open"></i> {{system.release_name}}</span>
                    {% endif %}
                    <span><i class="far fa-clock"></i> {{system.last_update}}</span>
                </div>
            </article>
            {% endfor %}
        </div>
    </div>
</section>

<section class="systems-section">
    <div class="container" data-aos="fade-up">
        <div class="systems-section-header">
            <div>
                <h2>More workflow systems</h2>
                <p>A growing list of open source systems shared by the community.</p>
            </div>
        </div>
        <div class="systems-grid">
            {% for system in systems %}
            <article class="systems-card">
                <a class="systems-card-link" href="{{system.url}}" aria-label="{{system.title}}"></a>
                <div class="systems-card-header">
                    <div class="systems-card-top">
                        <img src="{{system.avatar}}" class="systems-card-logo" alt="{{system.title}} logo">
                        <div class="systems-card-title">
                            <h3>{{system.title}}</h3>
                            <p class="systems-card-headline">{{system.headline}}</p>
                        </div>
                    </div>
                </div>
                <div class="systems-card-meta">
                    <span><i class="fas fa-code"></i> {{system.language}}</span>
                    {% if system.release_name != "" %}
                    <span><i class="fas fa-box-open"></i> {{system.release_name}}</span>
                    {% endif %}
                    <span><i class="far fa-clock"></i> {{system.last_update}}</span>
                </div>
            </article>
            {% endfor %}
        </div>
    </div>
</section>

<section class="systems-footnote">
    <div class="container" data-aos="fade-up">
        <p>For a comprehensive list of workflow systems, see <a
                href="https://s.apache.org/existing-workflow-systems" target="_blank">Computational Data Analysis Workflow
                Systems</a> maintained by the CWL community.</p>
    </div>
</section>