team-alpha.html

---
layout: page
title: Team Alpha
permalink: team-alpha/
redirect_from:
 - /team-alpha.html
---

<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

<br><br><br>

            <div id="pop-up">
                <div id="team-alpha">

                <br><div class="row centered"><a data-toggle="modal" href="#teamalphaapp"> Apply </a> to be a part of Team Alpha today!</div><br>
                <h1>Team Alpha</h1>

                        <div class="row centered">

                            <ul class="grid_TA_Wall cs-style-1">

                            {% assign counter = 0 %}
                            {% for member in site.data.TA %}
                            {% assign check = counter | modulo:5 %}

                            <div class="item col-lg-3 col-sm-4 col-xs-12">
                                <li>
                                    <figure>

                                        <img id="team-alpha-wall-picture" src="\assets\img\teamalpha\TA_minified\{{member.name | downcase | remove: " "}}_wall.png" alt=""{{ member.name }}" onerror="this.onerror=null;this.src='\\assets\\img\\teamalpha\\TA_minified\\placeholder_wall.png';" style="border-radius:2%">

                                        <figcaption>

                                            {% if member.name.size < 16 %}
                                            <h3>{{member.name}}<br><span class="team">{{member.team}}</span></h3>
                                            {% else %}
                                            <h4>{{member.name}}<br><span class="team">{{member.team}}</span></h4>
                                            {% endif %}



                                                <p>
                                                    <h6>Favorite Rule</h6>
                                                    {{member.favoriteRule}}
                                                    <h6>Favorite Song</h6>
                                                    {{member.favoriteSong}}
                                                    <h6>Favorite Awesome Person</h6>
                                                    {{member.favoriteAwesomePerson}}
                                                    <h6>Random Fact</h6>
                                                    {{member.randomFact}}
                                                </p>


                                        </figcaption>


                                    </figure>
                                </li>
                            </div>


                        {% endfor %}


                        </ul>
                        </div>
                        <!-- JavaScript Animation -->
                        <script src="/assets/js/toucheffects.js"></script>


                </div>
            </div>




<div class="modal fade" id="teamalphaapp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Team Alpha</h4>
      </div>
      <div class="modal-body">
        <p><img class="img-responsive" src="/assets/img/teamalpha.png" alt="Team Alpha"><br></p>

<iframe width="550" height="2860" frameborder="0" marginheight="0" marginwidth="0" src="https://docs.google.com/spreadsheet/embeddedform?formkey=dDNLRTI0MmcyYWtDSDZNNGZOVERfNUE6MQ"></iframe>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->