index.html

---
layout: page
---

<div id="taxonomy" role="tablist">

  {% assign taxonomies = site.data.taxonomies %}
  {% assign locations = site.data.locations %}

  {% for taxonomy in taxonomies %}

    <div class="card" id="layer-1-{{ taxonomy | slug }}">

      <div class="card-header" role="tab" id="heading-{{ taxonomy | slug }}">
        <h5 class="mb-0">
          <a class="collapsed" data-toggle="collapse" href="#collapse-{{ taxonomy | slug }}" aria-expanded="false" aria-controls="collapse-{{ taxonomy | slug }}" style="color:#000; font-size: 18px;">
            {{ taxonomy | capitalize }}
          </a>
        </h5>
      </div>

      <div id="collapse-{{ taxonomy | slug }}" class="collapse" role="tabpanel" aria-labelledby="heading-{{ taxonomy | slug }}" data-parent="#taxonomy">
        <div class="card-body">

          <div id="location" role="tablist">

            {% for location in locations %}

              {% assign match_taxonomy = 0 %}
              {% for service in location.services %}
                {% if service.taxonomy_ids contains taxonomy %}
                  {% assign match_taxonomy = 1 %}
                {% endif %}
              {% endfor %}

              {% if match_taxonomy == 1 %}
                <div class="card" id="layer-2-{{ location.id }}">
                  <div class="card-header" role="tab" id="heading-{{ location.id }}">
                    <h5 class="mb-1">
                      <a class="collapsed" data-toggle="collapse" href="#collapse-{{ location.id }}" aria-expanded="false" aria-controls="collapse-{{ location.id }}" style="color:#000; font-size: 16px;">
                        {{ location.name }}
                      </a>
                    </h5>
                  </div>
                  <div id="collapse-{{ location.id }}" class="collapse" role="tabpanel" aria-labelledby="heading-{{ location.id }}" data-parent="#location">
                    <div class="card-body">

                      <p>
                        <strong>Address:</strong><br />
                        {% for address in location.physical_address %}
                        <address>{{ address.address_1 }} {{ address.city }}, CA</address>
                        {% endfor %}
                      </p>

                      {% for address in location.physical_address %}
                        <p><strong>Map:</strong> <a href="https://www.google.com/maps/place/{{ address.address_1 }},+{{ address.city }},+CA+94132/@37.7175611,-122.4741629,17z/data=!3m1!4b1!4m5!3m4!1s0x808f7c4ad4573e01:0xc8d559fa9aa2c3c8!8m2!3d37.7175569!4d-122.4719689" target="_blank">View In Google Maps</a></p>
                      {% endfor %}

                      {% for service in location.services %}

                        <p><strong>{{ service.name }}</strong><br />
                        {{ service.description }}</p>

                        <p><strong>Application Process:</strong> {{ service.application_process }}</p>

                        {% assign any_eligibility = 0 %}
                        {% for eligibility in service.eligibility %}
                          {% if eligibility.eligibility != '' %}
                            {% assign any_eligibility = 1 %}
                          {% endif %}
                        {% endfor %}

                        {% if any_eligibility == 1 %}
                          <p><strong>Eligibility:</strong>
                          {% for eligibility in service.eligibility %}
                            {{ eligibility.eligibility }}
                          {% endfor %}
                          </p>
                        {% endif %}

                        <p><strong>Schedule:</strong>
                          <ul>
                            {% for schedule in service.regular_schedule %}
                              <li><strong>{{ schedule.weekday }}:</strong> {{ schedule.opens_at }} - {{ schedule.closes_at }}</li>
                            {% endfor %}
                          </ul>
                        </p>

                      {% endfor %}

                    </div>
                  </div>
                </div>
              {% endif %}

            {% endfor %}

          </div>

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