working_groups.html

---
layout: default
---

{% assign status_color = "color-2" %}
{% if page.status == "Establishing" %}
{% assign status_color = "#D4D62D" %}
{% elsif page.status == "Establishing" %}
{% assign status_color = "color-6" %}
{% endif %}

<article class="post">
    <header>
        <div class="title">
            <h2>{{page.title}}</h2>
            <a href="#members" class="label"><i class="fas fa-users"></i>&nbsp;&nbsp;{{page.members| size}} members</a>
            <span class="status">
                <i class="fas fa-circle-notch" style="color: {{status_color}}"></i>
                &nbsp;{{ page.status }}
            </span>
            {% if page.join %}
            <a href="{{ page.join }}" target="_blank" class="corner-button"
                style="background-color: steelblue">Join&nbsp;&nbsp;&nbsp;<i class="fas fa-user-plus"
                    style="font-size: 0.8em"></i></a>
            {% endif %}
        </div>
    </header>

    <main class="wg-content">
        {{content | markdownify}}
    </main>
    <br /><br />
</article>

<a id="members"></a>
<article class="post">
    <header>
        <div class="sub title">
            <h3>Members</h3>
            <p>The {{page.title}} working group is composed of {{page.members | size}} members.</p>
            {% if page.join %}
            <a href="{{ page.join }}" target="_blank" class="btn btn-primary" style="margin-top: -2em; margin-bottom: 0;">Join Working Group&nbsp;&nbsp;<i class="fas fa-user-plus"
                    style="font-size: 0.8em"></i></a>
            {% endif %}                
        </div>
    </header>

    <div class="row">
        <ul class="group-members">
            {% for member in page.members %}
            <li>
                {% if member.link %}
                <a href="{{member.link}}" target="_blank">{{member.name}}</a>
                {% else %}
                {{member.name}}
                {% endif %}
                {% if member.role %}<strong>&nbsp;&nbsp;{{member.role}}</strong>{% endif %}
            </li>
            {% endfor %}
        </ul>
    </div>
</article>