More List
The "More List" is a sidebar that appears on the Affiliates page. It includes three elements: a thumbnail image, a list of programs and a list of events
Programs
Collegiate Challenge
Collegiate Challenge is a year-round alternative break program.
Women Build
Learn construction skills while building homes for women and children.
A Brush with Kindness
Help renovate existing homes through painting, landscaping, weatherization and minor repair projects.
Events
Winter Warriors
Now - March
Do you think you're tough? Like, really tough? Then prove it! Join Habitat's Chicago construction team as they brave the Chicago cold this winter. The West Pullman build site remains open to volunteers every Thursday, Friday and Saturday throughout the winter and every time you volunteer.
{{ attach_library('h4h_theme/more-list') }}
{% import '@h4h_theme/icons/icons.twig' as icons %}
<div class="more-list">
<div class="more-list__image">
<img src="{{ img }}">
</div>
<div class="more-list__programs">
<h2 class="more-list__title">{{ programs.title }}</h2>
{% for item in programs.items %}
<div class="more-list__listing">
<h3 class="more-list__listing-title"><a href="{{ item.url }}">{{ item.title }}</a></h3>
<div class="more-list__listing-description">{{ item.description|raw }}</div>
</div>
{% endfor %}
<a href="{{ programs_button.url }}" class="btn btn--secondary more-list__button">{{ programs_button.title }}</a>
</div>
<div class="more-list__events">
<h2 class="more-list__title">Events</h2>
{% for item in events.items %}
<div class="more-list__listing">
<h3 class="more-list__listing-title"><a href="{{ item.url }}">{{ item.title }}</a></h3>
<div class="more-list__listing-date">{{ icons.get('calendar') }} {{ item.date }} </div>
<div class="more-list__listing-description">{{ item.description|raw }}</div>
</div>
{% endfor %}
{# Surpressing more events buttons for now. #}
{# <a href="{{ events_button.url }}" class="btn btn--secondary more-list__button">{{ events_button.title }}</a> #}
</div>
</div>