page_working_groups.html

---
layout: page
title: Working Groups
permalink: /groups
---

<div class="row justify-content-center mb-4 pb-5">
    <div class="col-md-8 text-center heading-section ftco-animate">
        <p>
            Collection of working group and task forces efforts related to workflows research, development, and
            application
        </p>
    </div>
</div>

<div class="row">
    <!-- WCI Groups -->
    {% assign groups = site.working_groups | where:"layout","working_groups" | sort: "name" %}
    {% for group in groups %}
    {% assign status_color = "color-2" %}
    {% if group.status == "Establishing" %}
    {% assign status_color = "#D4D62D" %}
    {% elsif group.status == "Establishing" %}
    {% assign status_color = "color-6" %}
    {% endif %}
    <div class="col-md-6 ftco-animate">
        <div class="blog-entry" style="min-height: 20em;">
            <div class="text p-4 d-block">
                <h3 class="heading"><a href="{{group.url}}"><img src="/favicon.ico"
                            style="width: 30px; vertical-align: middle;" /> {{group.title}}</a></h3>
                <div class="meta mb-3">
                    {{ group.description }}
                </div>
                <p class="position" style="font-size: 0.9em">
                    <i class="fas fa-users"></i>&nbsp;&nbsp;{{group.members | size}} Members<br />
                    <i class="fas fa-circle-notch" style="color: {{status_color}}"></i> &nbsp;{{group.status}}
                </p>
            </div>
        </div>
    </div>
    {% endfor %}

    <!-- External WGs-->
    {% assign groups = site.data.working_groups | sort: "name" %}
    {% for group in groups %}
    {% assign status_color = "#8CCA60" %}
    {% if group.status == "Establishing" %}
    {% assign status_color = "#D4D62D" %}
    {% elsif group.status == "Establishing" %}
    {% assign status_color = "color-6" %}
    {% endif %}
    <div class="col-md-6 ftco-animate">
        <div class="blog-entry" style="min-height: 20em;">
            <div class="text p-4 d-block">
                <h3 class="heading"><a href="{{group.link}}" target="_blank">{{group.name}}</a></h3>
                <div class="meta mb-3">
                    {{ group.description }}
                </div>
                <p class="position" style="font-size: 0.9em">
                    <i class="fas fa-circle-notch" style="color: {{status_color}}"></i> &nbsp;{{group.status}}
                    (External)
                </p>
            </div>
        </div>
    </div>
    {% endfor %}
</div>