team.html

---
layout: info
title: The Team
permalink: /team/
---


<div class="text-center">

<script>
function toggle_team(id) {
    var a = document.getElementById("exec");
	var b = document.getElementById("eval");
	var c = document.getElementById("supervisors");
	var d = document.getElementById("alumni");
    if (id == 1){
		a.style.display = "block";
		b.style.display = "none";
		c.style.display = "none";
		d.style.display = "none";
	}
	else if (id == 2){
		a.style.display = "none";
		b.style.display = "block";
		c.style.display = "none";
		d.style.display = "none";
	}
	else if (id == 3){
		a.style.display = "none";
		b.style.display = "none";
		c.style.display = "block";
		d.style.display = "none";
	}
	else if (id == 4){
		a.style.display = "none";
		b.style.display = "none";
		c.style.display = "none";
		d.style.display = "block";
	}
}
</script>
<script>
window.onload = function() {
  toggle_team(1);
};
</script>
<center>
<p class="btn btn-lg btn-dark" onclick="toggle_team(1)" style="margin-right:50px;">Executive Board</p>
<p class="btn btn-lg btn-dark" onclick="toggle_team(2)" style="margin-right:50px;">Evaluation Committee</p>
<p class="btn btn-lg btn-dark" onclick="toggle_team(3)" style="margin-right:50px;">Event Supervisors</p>
<p class="btn btn-lg btn-dark" onclick="toggle_team(4)" style="margin-right:50px;">Alumni</p>
</center>

<div class="col-lg-12" id="exec">
<h1>Executive Board</h1>

<br>

<ul class="gridder col-lg-12">
{% for member in site.data.coordinators %}

	<li class="gridder-list col-lg-4" data-griddercontent="#{{ member.id }}">
		<img class="img-circle" src="../img/team/board/{{ member.pic }}" width="200" height="200">
		<h3>{{ member.name }}</h3>
		<h4>{{ member.position }}</h4>
		<h5>{{ member.school }}</h5>
	</li>
	
	<div id="{{ member.id }}" class="gridder-content col-lg-4">
		<div class="person-description">
			<p>{{ member.bio }}</p>
			{% if member.favEvents %}
				<p><strong>Favorite events:</strong> {{ member.favEvents }}</p>
			{% endif %}
			{% if member.funFact %}
				<p><strong>Fun fact:</strong> {{ member.funFact }}</p>
			{% endif %}
			{% if member.funFactLink %}
				<p><strong>Fun fact:</strong> When I wasn't doing SciO, I was programming. Some of you might remember <a href="https://lasactf.com">LASACTF</a>.</p>
			{% endif %}
			{% if member.linkedin %}
				<a href="{{ member.linkedin }}"><i class="fa fa-linkedin"></i></a>
			{% endif %}
			{% if member.email %}
				<a href="mailto:{{ member.email }}"><i class="fa fa-envelope"></i></a>
			{% endif %}
		</div>
	</div>

{% endfor %}
</ul>
</div>

<div class="col-lg-12" id="eval">

<h1>Evaluation Committee (2021)</h1>

<br>
Interested in becoming an Event Supervisor/Test Committee member for the 2022 GGSO Tournament? Keep an eye out for when applications open in fall 2021!
<br>
<ul class="gridder col-lg-12">
{% for member in site.data.evaluation_committee %}

	<li class="gridder-list equalize col-lg-4" data-griddercontent="#{{ member.id }}">
		<img class="img-circle" src="../img/team/estc/{{ member.pic }}" width="200" height="200">
		<h3>{{ member.name }}</h3>
		<h4>{{ member.role }}</h4>
		<h5>{{ member.school }}</h5>
	</li>

	<div id="{{ member.id }}" class="gridder-content col-md-4">
		<div class="person-description">
			{% if member.bio %}
				<p>{{ member.bio }}</p>
			{% endif %}
			{% if member.favEvents %}
				<p><strong>Favorite events:</strong> {{ member.favEvents }}</p>
			{% endif %}
			{% if member.funFact %}
				<p><strong>Fun fact:</strong> {{ member.funFact }}</p>
			{% endif %}
			{% if member.linkedin %}
				<a href="{{ member.linkedin }}"><i class="fa fa-linkedin"></i></a>
			{% endif %}
			{% if member.email %}
				<a href="mailto:{{ member.email }}"><i class="fa fa-envelope"></i></a>
			{% endif %}
		</div>
	</div>

{% endfor %}
</ul>
</div>

<div class="col-lg-12" id="supervisors">

<h1>Event Supervisors (2021)</h1>

<br>
Interested in becoming an Event Supervisor/Test Committee member for the 2022 GGSO Tournament? Keep an eye out for when applications open in fall 2021!
<br>

<ul class="gridder col-lg-12">
{% for member in site.data.event_supervisors %}

	<li class="gridder-list equalize col-lg-4" data-griddercontent="#{{ member.id }}">
		<img class="img-circle" src="../img/team/estc/{{ member.pic }}" width="200" height="200">
		<h3>{{ member.name }}</h3>
		<h4>{{ member.role }}</h4>
		<h5>{{ member.school }}</h5>
	</li>

	<div id="{{ member.id }}" class="gridder-content col-md-4">
		<div class="person-description">
			{% if member.bio %}
				<p>{{ member.bio }}</p>
			{% endif %}
			{% if member.favEvents %}
				<p><strong>Favorite events:</strong> {{ member.favEvents }}</p>
			{% endif %}
			{% if member.funFact %}
				<p><strong>Fun fact:</strong> {{ member.funFact }}</p>
			{% endif %}
			{% if member.linkedin %}
				<a href="{{ member.linkedin }}"><i class="fa fa-linkedin"></i></a>
			{% endif %}
			{% if member.email %}
				<a href="mailto:{{ member.email }}"><i class="fa fa-envelope"></i></a>
			{% endif %}
		</div>
	</div>

{% endfor %}
</ul>
</div>

<div class="col-lg-12" id="alumni">

<h1>Alumni</h1>

<br>

<ul class="gridder col-lg-12">
{% for member in site.data.alumni %}

	<li class="gridder-list equalize col-lg-4" data-griddercontent="#{{ member.id }}">
		<img class="img-circle" src="../img/team/alumni/{{ member.pic }}" width="200" height="200">
		<h3>{{ member.name }}</h3>
		<h4>{{ member.position }}</h4>
		<h5><strong>{{ member.current }}</strong></h5>
		<h5>{{ member.school }}</h5>
	</li>

	<div id="{{ member.id }}" class="gridder-content col-md-4">
		<div class="person-description">
			{% if member.bio %}
				<p>{{ member.bio }}</p>
			{% endif %}
			{% if member.favEvents %}
				<p><strong>Favorite events:</strong> {{ member.favEvents }}</p>
			{% endif %}
			{% if member.funFact %}
				<p><strong>Fun fact:</strong> {{ member.funFact }}</p>
			{% endif %}
			{% if member.linkedin %}
				<a href="{{ member.linkedin }}"><i class="fa fa-linkedin"></i></a>
			{% endif %}
			{% if member.email %}
				<a href="mailto:{{ member.email }}"><i class="fa fa-envelope"></i></a>
			{% endif %}
		</div>
	</div>

{% endfor %}
</ul>
</div>

</div>

<script>

$(document).ready(function() {
    var maxHeight = 0;          
    $(".equalize").each(function(){
      if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
    });         
    $(".equalize").height(maxHeight);
  });

</script>

<script>
$(function() {

    $('.gridder').gridderExpander({
        scroll: true,
        scrollOffset: 400,
        scrollTo: "panel",                  // panel or listitem
        animationSpeed: 600,
        animationEasing: "easeInOutExpo",
        showNav: false,                      // Show Navigation
        nextText: "Next",                   // Next button text
        prevText: "Previous",               // Previous button text
        closeText: "Close"
    });

});
</script>