index.html

---
layout:     default
title:      UCLA - Welcome to Open Source!
root_path:  ./
---


<h1>UCLA - Welcome to Open Source!</h1>

<h2>
  Participants
  <small>(<a href="https://github.com/welcome-to-open-source/ucla/blob/master/add_yourself_as_participant.md">add yourself</a>)</small>
</h2>

<ul class="avatars">
  {% for participant in site.posts %}
  <li class="{{ participant.type }}">
    <a href="#participant-{{ participant.github }}">
      <img src="https://github.com/{{ participant.github }}.png?size=120" alt="{{ participant.name }} avatar">
    </a>
  </li>
  {% endfor %}
</ul>

<div class="participants">
  <!-- list organizers first -->
  {% for participant in site.posts %}
    {% if participant.type == 'organizer' %}
    <article id="participant-{{ participant.github }}" class="{{ participant.type }}">
      <img src="https://github.com/{{ participant.github }}.png?size=120" alt="{{ participant.name }} avatar">
      <h3>{{ participant.name }} ({{ participant.type }})</h3>
      <p class="social">
        <a href="https://github.com/{{ participant.github }}">GitHub</a>
        {% if participant.twitter %}
        | <a href="https://twitter.com/{{ participant.twitter }}">Twitter</a>
        {% endif %}
        {% if participant.website %}
        | <a href="{{ participant.website }}">website</a>
        {% endif %}
      </p>
      {{ participant.content }}
    </article>
    {% endif %}
  {% endfor %}

  <!-- list mentors 2nd -->
  {% for participant in site.posts %}
    {% if participant.type == 'mentor' %}
    <article id="participant-{{ participant.github }}" class="{{ participant.type }}">
      <img src="https://github.com/{{ participant.github }}.png?size=120" alt="{{ participant.name }} avatar">
      <h3>{{ participant.name }} ({{ participant.type }})</h3>
      <p class="social">
        <a href="https://github.com/{{ participant.github }}">GitHub</a>
        {% if participant.twitter %}
        | <a href="https://twitter.com/{{ participant.twitter }}">Twitter</a>
        {% endif %}
        {% if participant.website %}
        | <a href="{{ participant.website }}">website</a>
        {% endif %}
      </p>
      {{ participant.content }}
    </article>
    {% endif %}
  {% endfor %}

  <!-- list attendees 3rd -->
  {% for participant in site.posts %}
    {% if participant.type == 'attendee' %}
    <article id="participant-{{ participant.github }}" class="{{ participant.type }}">
      <img src="https://github.com/{{ participant.github }}.png?size=120" alt="{{ participant.name }} avatar">
      <h3>{{ participant.name }} ({{ participant.type }})</h3>
      <p class="social">
        <a href="https://github.com/{{ participant.github }}">GitHub</a>
        {% if participant.twitter %}
        | <a href="https://twitter.com/{{ participant.twitter }}">Twitter</a>
        {% endif %}
        {% if participant.website %}
        | <a href="{{ participant.website }}">website</a>
        {% endif %}
      </p>
      {{ participant.content }}
    </article>
    {% endif %}
  {% endfor %}
</div>