---
layout: default
title: Preconference Workshops
---

<div class="container">
    <div class="row">
        <div class="col-12">
            <h1>{{ page.title }}</h1>
        </div>
    </div>
    <div class="row">
        <div class="col-12 col-sm-12">
            <p>Half-day workshops will start at 9:00 a.m. and 1:30 p.m., while full-day workshops will run from 9:00 a.m. to 4:30 p.m..</p>
        </div>
    </div>
    <div class="row" id="workshop-sorting-div">
        <div class="col-12 col-sm-6">
            <div class="btn-group" role="group" aria-label="filter workshop list by time of day">
                <button type="button" class="btn btn-light sort-workshop-time active" id="all">All</button>
                <button type="button" class="btn btn-light sort-workshop-time" id="am">AM</button>
                <button type="button" class="btn btn-light sort-workshop-time" id="pm">PM</button>
                <button type="button" class="btn btn-light sort-workshop-time" id="full">Full Day</button>
            </div>
        </div>
        <div class="col-12 col-sm-6">
            <select class="form-control sort-workshop-locale" aria-label="sort by workshop location">
                <option value="all">All Locations</option>
                {% for location in site.data.locations %}
                    <option value="{{ location.id }}">{{ location.name }}</option>
                {% endfor %}
            </select>
        </div>
    </div>
    <div class="row">
        <div class="col-12 sequence">
            {% assign posts = site.posts | where: 'type', 'workshop' | sort: 'title' %}
            {% for post in posts %}
                {% include workshops/card.html workshop=post %}
            {% endfor %}
        </div>
    </div>
</div>