index.md

layout	title	title_bar	title_bar_secondary
base/bar/bar-sidebar-none	HCI & Design at the University of Washington	Design. Use. Build.	HCI & Design at the University of Washington

    <li data-target="#carousel-main" data-slide-to="3"></li>

  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">

      <img src="{{ site.baseurl }}/posts/2024/chi2024_slide.png" alt="CHI 2024 Banner">
      <div class="carousel-caption">
        <div class="carousel-caption-inner">
        <h2>DUB at CHI 2024</h2>
        <p>
            HCI & Design at the University of Washington<br>has a large and quality presence at CHI 2024.
        </p>
        <p>
          <a href="{{ site.baseurl }}/posts/2024/chi2024papers.html" class="btn btn-default btn-lg">
            UW Research at CHI 2024
          </a>
        </p>
        </div>
      </div>
    </div>
    <div class="item">

      <img src="{{ site.baseurl }}/images/slide_design.jpg" alt="design">
      <div class="carousel-caption">
        <div class="carousel-caption-inner">
        <h2>Design</h2>
        <p>Applying design to improve the future.</p>
        </div>
      </div>
    </div>
    <div class="item">
      <img src="{{ site.baseurl }}/images/slide_use.jpg" alt="use">
      <div class="carousel-caption">
        <div class="carousel-caption-inner">
        <h2>Use</h2>
        <p>Creating better experiences with technology.</p>
        </div>
      </div>
    </div>
    <div class="item">
      <img src="{{ site.baseurl }}/images/slide_build.jpg" alt="build">
      <div class="carousel-caption">
        <div class="carousel-caption-inner">
        <h2>Build</h2>
        <p>Prototyping and developing new technologies.</p>
        </div>
      </div>
    </div>       
  </div>
  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-main" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-main" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

## What is DUB?

DUB is a grassroots alliance of faculty, students, researchers, and industry partners interested in Human Computer Interaction & Design at the University of Washington.

Our mission is to bring together an interdisciplinary group of people to share ideas, collaborate on research, and advance teaching related to the interaction between design, people, and technology.

Upcoming Events

{% assign upcoming = site.seminars | seminar_upcoming: site.time %} {% for item_seminar in upcoming limit: 2 %}

{{ item_seminar.date | date: "%b %-d" | upcase }}

{% unless item_seminar.no_seminar %} {{ item_seminar.time }} {% endunless %}

        <div class="col-xs-12 text-right upcomingseminar">
          {% unless item_seminar.no_seminar %}
            {% unless item_seminar.tbd_location %}
              {% include seminarlocation.md location=item_seminar.location %}
            {% endunless %}
          {% endunless %}
        </div>

        <div class="col-xs-12">
          {% unless item_seminar.no_seminar %}
            {% unless item_seminar.tbd_title %}
              <a href="{{ site.baseurl }}{{ item_seminar.url }}">{{ item_seminar.title }}</a>
            {% else %}
              DUB Seminar
            {% endunless %}
          {% else %}
            {% unless item_seminar.tbd_title %}
              <a href="{{ site.baseurl }}{{ item_seminar.url }}">{{ item_seminar.title }}</a>
              <div class="text-muted no-seminar">
                {{ item_seminar.no_seminar_text }}
              </div>
            {% else %}
              <div class="text-muted no-seminar">
                {{ item_seminar.no_seminar_text }}
              </div>
            {% endunless %}
          {% endunless %}
        </div>

        <div class="col-xs-12">
          {% assign speaker_names = '' | split: ' ' %}
          {% for item_speaker in item_seminar.speakers %}
            {% assign item_full_name = '' %}
            {% for item_name in item_speaker.name offset: 1 %}
              {% assign item_full_name = item_full_name | append: ' ' | append: item_name %}
              {% if forloop.last %}
                {% assign item_full_name = item_full_name | append: ' ' | append: item_speaker.name[0] %}
              {% endif %}
            {% endfor %}
            {% assign speaker_names = speaker_names | push: item_full_name %}
          {% endfor %}
          {% assign speaker_names = speaker_names | join: ', ' %}
          {{ speaker_names}}
        </div>
      </div>

      <hr />
    {% endfor %}
  </div>
  <div class="row icon-bottom">
    <div class="col-xs-12 calendar-button">
    <a href="{{ site.baseurl }}/seminar.html" type="button" class="btn btn-default btn-block">View Full Calendar</a>
    </div>
  </div>
</section>

Connect with DUB

Join one of the world's most vibrant communities for research and education addressing all aspects of Human Computer Interaction & Design.

Join the mailing lists

Tweet @uwdub

Follow us on Vimeo

Read more on Medium