members.html

---
# Front Matter
layout: basic-page
title: Members
top-img: Members_page_head.png
top-img-pos: 34%;
noHeaderMargin: true
meta-description: "Find a list of GCS members with their own pages on the site here! You can see their names, the games they've worked on, contact information, and more."
---

<!-- Stylesheet dependencies -->
<link rel="stylesheet" href="/styles/members.css">

<!-- Below, we use Jekyll Liquid to automatically collect, categorize, and sort
  -- all members based on the current year & month (to determine alumni status).
  -->

<!-- Liquid variables setup -->
{% assign last_graduated_year = "now" | date: "%Y" | plus: 0 %}
{% assign month = "now" | date: "%m" | plus: 0 %}
{% if month < 6 %}
    {% assign last_graduated_year = last_graduated_year | minus: 1 %}
{% endif %}

<!-- Current Members -->
<h1>Current Members</h1>
<div class="row">
    {% assign current_members = site.members | where_exp:"item", "item.class_of > last_graduated_year" | group_by: "class_of" %}
    {% assign current_members = current_members | sort: "name" %}
    {% for class in current_members %}
        <div class="col-sm-3 col-6">
            <h2><u>Class of {{class.name}}</u></h2>
            {% for member in class.items %}
        		<a href="{{member.url}}" class="no-text-decoration">
        			<button type="button" class="thin-button light-red-button">{{ member.title }}</button>
        		</a>
            	<br>
            {% endfor %}
        </div>
    {% endfor %}
</div>

<!-- Alumni -->
<h1>Alumni</h1>
<div class="row">
    {% assign alumni = site.members | where_exp:"item", "item.class_of <= last_graduated_year" | group_by: "class_of" %}
    {% assign alumni = alumni | sort: "name" | reverse %}
    {% for class in alumni %}
        <div class="col-sm-3 col-6">
            <h2><u>Class of {{class.name}}</u></h2>
            {% for member in class.items %}
        		<a href="{{member.url}}" class="no-text-decoration">
        			<button type="button" class="thin-button light-red-button">{{ member.title }}</button>
        		</a>
            	<br>
            {% endfor %}
        </div>
    {% endfor %}
</div>

<br><br><br>
<div class="row justify-content-around">
    <div class="col-sm-7 col-12"
        <p>We are in the process of filling in this list! If you are a current member or alumnus, you can fill out <a href="https://forms.gle/AMATDTef8RmP72j16">this form</a> and we'll get your member page up!</p>
        <br>
    </div>
    <div class="col-sm-3 col-12 text-center">
        <br>
        <a href="/game-creators" class="no-text-decoration">
            <button type="button" class="thin-button blue-button"><i>All</i> Game Creators</button>
        </a>
    </div>
</div>