workflowscommunity.github.io/page_about.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
---
layout: page
title: About
permalink: /about
---

{% assign leadership_names = "Rafael Ferreira da Silva|Kyle Chard|Stephen Hudson|Daniela Casol" | split: "|" %}

<section class="about-hero">
    <div class="container" data-aos="fade-up">
        <div class="about-hero-card">
            <div class="about-eyebrow">About</div>
            <h1>Uniting the workflows ecosystem</h1>
            <p>A collaborative hub championing community-driven innovations in workflow technologies, methods, and shared infrastructure.</p>
        </div>
    </div>
</section>

<section class="about-section">
    <div class="container" data-aos="fade-up">
        <div class="about-section-header">
            <span>Leadership</span>
            <h2>Executive leadership</h2>
            <p>Setting strategy and direction for the Workflows Community Initiative.</p>
        </div>
        <div class="about-grid about-grid-leadership">
            {% assign leadership = site.data.organization | where_exp: "member", "leadership_names contains member.name" %}
            {% for member in leadership %}
            <div class="about-card about-card-feature">
                <div class="about-card-top">
                    <img src="/images/about/{{ member.photo }}" alt="{{ member.name }}">
                    <div>
                        <h3><a href="{{ member.link }}" target="_blank" rel="noopener">{{ member.name }}</a></h3>
                        <p class="about-role">{{ member.role }}</p>
                    </div>
                </div>
                {% if member.institution %}
                <a class="about-institution" href="{{ member.institution.link }}" target="_blank" rel="noopener">
                    <img src="/images/institutions/{{ member.institution.image }}" alt="{{ member.institution.name }}" />
                </a>
                {% endif %}
            </div>
            {% endfor %}
        </div>
    </div>
</section>

<section class="about-section about-section-accent">
    <div class="container" data-aos="fade-up">
        <div class="about-section-header">
            <span>Technical Leadership Council</span>
            <h2>Technical leadership</h2>
            <p>Driving standards, infrastructure, and community platforms.</p>
        </div>
        <div class="about-grid">
            {% assign tl = site.data.organization | where: "category","technical" | sort: "last_name" %}
            {% for member in tl %}
            <div class="about-card">
                <div class="about-card-top">
                    <img src="/images/about/{{ member.photo }}" alt="{{ member.first_name }} {{ member.last_name }}">
                    <div>
                        <h3><a href="{{ member.link }}" target="_blank" rel="noopener">{{ member.first_name }} {{ member.last_name }}</a></h3>
                        <p class="about-role">{{ member.role }}</p>
                    </div>
                </div>
                {% if member.institution %}
                <a class="about-institution" href="{{ member.institution.link }}" target="_blank" rel="noopener">
                    <img src="/images/institutions/{{ member.institution.image }}" alt="{{ member.institution.name }}" />
                </a>
                {% endif %}
            </div>
            {% endfor %}
        </div>
    </div>
</section>

<section class="about-section">
    <div class="container" data-aos="fade-up">
        <div class="about-section-header">
            <span>Advisory Directors</span>
            <h2>Program advisors</h2>
            <p>Providing guidance and domain expertise across community priorities.</p>
        </div>
        <div class="about-grid">
            {% assign advisors = site.data.organization | where: "category","leadership" %}
            {% for member in advisors %}
            {% unless leadership_names contains member.name %}
            <div class="about-card">
                <div class="about-card-top">
                    <img src="/images/about/{{ member.photo }}" alt="{{ member.name }}">
                    <div>
                        <h3><a href="{{ member.link }}" target="_blank" rel="noopener">{{ member.name }}</a></h3>
                        <p class="about-role">{{ member.role | replace: "Chair", "" | replace: "Member", "" }}</p>
                    </div>
                </div>
                {% if member.institution %}
                <a class="about-institution" href="{{ member.institution.link }}" target="_blank" rel="noopener">
                    <img src="/images/institutions/{{ member.institution.image }}" alt="{{ member.institution.name }}" />
                </a>
                {% endif %}
            </div>
            {% endunless %}
            {% endfor %}
        </div>
    </div>
</section>

<section class="about-section about-section-end about-section-supporters">
    <div class="container" data-aos="fade-up">
        <div class="about-section-header">
            <span>Community Research Leads</span>
            <h2>Community supporters</h2>
            <p>Researchers who champion the workflows community and its mission.</p>
        </div>
        <div class="about-supporters-card">
            <div class="about-supporters-list">
                {% assign sc = site.data.organization | where: "category","sc" %}
                {% for member in sc %}
                <div class="about-supporter">
                    <img src="/images/about/{{ member.photo }}" alt="{{ member.name }}">
                    <div>
                        <h3><a href="{{ member.link }}" target="_blank" rel="noopener">{{ member.name }}</a></h3>
                        {% if member.institution %}
                        <p class="about-supporter-institution">{{ member.institution.name }}</p>
                        {% endif %}
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</section>