index.html

---
layout: default
body_class: home
# Lab-life ticker: hand-picked photos with captions. Album photos not listed here are added automatically in front of them
# (_plugins/lab_pictures.rb). src is under images/lab_pictures/ (WebP copies from scripts/optimize_images.py); w/h = pixel size.
ticker:
  - { src: web/corl2022/DSC03166.webp, w: 1600, h: 1067, alt: "Sandeep, Shubhankar and Po-han in Devonport, Auckland", cap: "CoRL 2022, Auckland" }
  - { src: web/rss2022/IMG_0909.webp, w: 1600, h: 1200, alt: "Sai, Oguzhan and Philip attending RSS", cap: "RSS 2022, New York" }
  - { src: web/corl2022/DSC03189.webp, w: 1600, h: 1067, alt: "Sandeep and David Fridovich-Keil in Devonport", cap: "CoRL 2022, Auckland" }
  - { src: web/rss2022/IMG_0828.webp, w: 1600, h: 1200, alt: "Sharachchandra, Sai, Oguzhan and Philip in Times Square", cap: "RSS 2022, Times Square" }
  - { src: web/corl2022/DSC03157.webp, w: 1600, h: 1067, alt: "David Fridovich-Keil, Shubhankar and Po-han in Devonport", cap: "CoRL 2022, Auckland" }
  - { src: web/corl2022/CoRL2022-10152-1024x682.webp, w: 1024, h: 682, alt: "Shubhankar presenting his work at CoRL 2022", cap: "CoRL 2022, Auckland" }
sponsors:
  - { src: cisco.png, name: Cisco }
  - { src: darpa.png, name: DARPA }
  - { src: NSF.png, name: National Science Foundation }
  - { src: ONR.png, name: Office of Naval Research }
  - { src: afrl.png, name: Air Force Research Laboratory }
  - { src: intel.png, name: Intel }
  - { src: LM.png, name: Lockheed Martin }
  - { src: hri.png, name: Honda Research Institute US }
  - { src: good_systems_trim.png, name: UT Good Systems }
  - { src: viavi.png, name: Viavi }
---
{%- if site.data.news_all -%}{%- assign news_items = site.data.news_all -%}{%- else -%}{%- assign news_items = site.data.news | sort: 'date' | reverse -%}{%- endif -%}
{%- assign new_item = news_items | where: 'featured', true | first -%}

<section class="hero" aria-labelledby="hero-title">
  <div class="container hero__grid">
    <div class="hero__copy">
      {%- if new_item %}
      <a class="new-pill" href="/news/">
        <span class="new-pill__tag"><span class="new-pill__dot" aria-hidden="true"></span>New</span>
        <span class="new-pill__text">{{ new_item.pill | default: new_item.details | strip_html | normalize_whitespace | truncate: 64 }}</span>
        <svg class="icon" aria-hidden="true"><use href="#i-arrow-right"/></svg>
      </a>
      {%- endif %}
      <p class="eyebrow">UT Austin · Robotics &amp; ML</p>
      <h1 class="hero__title hero__title--figure" id="hero-title"><picture><source media="(prefers-reduced-motion: reduce)" srcset="/images/key-visual/swarm-lab-key-visual.svg"><img src="/images/key-visual/swarm-lab-key-visual-animated.svg" width="896" height="817" alt="Swarm Lab" fetchpriority="high"></picture></h1>
      <p class="hero__lede">We build learning, reasoning, and verification for fleets of robots and AI&nbsp;agents.</p>
      <div class="hero__cta">
        <a class="btn btn--primary" href="/research/">Research <svg class="icon" aria-hidden="true"><use href="#i-arrow-right"/></svg></a>
        <a class="btn btn--secondary" href="/publications/">Publications</a>
        <a class="btn btn--secondary" href="/join/">Join</a>
      </div>
      <p class="hero__meta">
        <a href="https://www.ece.utexas.edu">Electrical &amp; Computer Engineering</a>
        <span aria-hidden="true">·</span>
        <a href="https://robotics.utexas.edu/">Texas Robotics</a>
        <span aria-hidden="true">·</span>
        <a href="https://wncg.org/">WNCG</a>
      </p>
    </div>

    <div class="hero__visual swarm" data-swarm>
      <img class="swarm__poster" src="/images/hero-swarm-poster.svg" alt="" width="800" height="640" fetchpriority="low">
      <canvas aria-hidden="true"></canvas>
      <button class="swarm__toggle" type="button" data-swarm-toggle aria-pressed="false">
        <svg class="icon icon-pause" aria-hidden="true"><use href="#i-pause"/></svg>
        <svg class="icon icon-play" aria-hidden="true"><use href="#i-play"/></svg>
        <span class="label">Pause</span><span class="visually-hidden"> animation</span>
      </button>
      <p class="swarm__caption" aria-hidden="true"><span>boids</span> · gray agents follow orange leaders</p>
    </div>
  </div>
</section>

<section class="section home-themes" aria-labelledby="themes-title">
  <div class="container">
    <div class="section-header" data-reveal>
      <div>
        <p class="eyebrow">Research</p>
        <h2 id="themes-title">What we work on</h2>
      </div>
      <a class="section-link" href="/research/">All research <svg class="icon" aria-hidden="true"><use href="#i-arrow-right"/></svg></a>
    </div>
    <ul class="home-themes__grid" role="list">
      {%- for theme in site.data.themes %}
      <li class="theme-card" data-reveal>
        <div class="theme-card__frame">{% include theme_art.html slug=theme.slug class="theme-card__art" %}</div>
        <h3 class="theme-card__title"><a href="/research/#{{ theme.slug }}">{{ theme.name }}</a></h3>
        <p class="theme-card__text">{{ theme.headline }}</p>
      </li>
      {%- endfor %}
    </ul>
  </div>
</section>

<section class="section home-news" aria-labelledby="news-title">
  <div class="container" data-reveal>
    <div class="section-header">
      <div>
        <p class="eyebrow">Latest</p>
        <h2 id="news-title">News</h2>
      </div>
      <a class="section-link" href="/news/">All news <svg class="icon" aria-hidden="true"><use href="#i-arrow-right"/></svg></a>
    </div>
    {% include news_list.html limit=6 %}
  </div>
</section>

<section class="section section--band home-life" aria-labelledby="life-title">
  <div class="container">
    <div class="section-header">
      <div>
        <p class="eyebrow">Lab life</p>
        <h2 id="life-title">Out in the field</h2>
      </div>
      <div class="home-life__actions">
        <button class="chip ticker-toggle" type="button" data-ticker-toggle aria-controls="ticker" aria-pressed="false">
          <svg class="icon icon-pause" aria-hidden="true"><use href="#i-pause"/></svg>
          <svg class="icon icon-play" aria-hidden="true"><use href="#i-play"/></svg>
          <span class="label">Pause</span>
        </button>
        <a class="section-link" href="/lab_pictures/">All photos <svg class="icon" aria-hidden="true"><use href="#i-arrow-right"/></svg></a>
      </div>
    </div>
  </div>
  <div class="ticker" id="ticker" role="group" aria-label="Photos from conferences and field trips">
    <ul class="ticker__track">
      {%- for round in (1..2) %}
      {%- for p in site.data.lab_ticker %}{% comment %} = new album photos, then the ticker: list above (_plugins/lab_pictures.rb) {% endcomment %}
      <li class="ticker__item"{% if round == 2 %} aria-hidden="true"{% endif %}>
        <figure>
          <img src="/images/lab_pictures/{{ p.src }}" alt="{% if round == 2 %}{% else %}{{ p.alt }}{% endif %}" width="{{ p.w }}" height="{{ p.h }}" loading="lazy" decoding="async">
          <figcaption>{{ p.cap }}</figcaption>
        </figure>
      </li>
      {%- endfor %}
      {%- endfor %}
    </ul>
  </div>
</section>

<section class="section home-sponsors" aria-labelledby="sponsors-title">
  <div class="container">
    <p class="eyebrow home-sponsors__title" id="sponsors-title">Supported by</p>
    <ul class="home-sponsors__row">
      {%- for s in page.sponsors %}
      <li><img src="/images/logo/{{ s.src }}" alt="{{ s.name }}" loading="lazy" decoding="async"></li>
      {%- endfor %}
    </ul>
  </div>
</section>

<script src="/js/swarm.js" defer></script>