===============
Projects
===============

.. raw:: html

  <div>
  <p>
  Deoxys has boosted many past research in the Robot Perception and Learning Group at the University of Texas, Austin. Here is a gallery of past research for your reference.  
  </p>

  <div class="row">
    <div class="column">
      <div class="card" id="p1">
        <a href="https://ut-austin-rpl.github.io/VIOLA/">
        <video class="img-fluid" autoplay loop muted>
            <source src="https://utexas.box.com/shared/static/3eru31kqu06qipam9dmz603x4wd3dkp5.mp4" type="video/mp4" />
        </video>
        </a>
        <div class="container">
          <h4><b>VIOLA</b></h4>
          <p>Zhu et al. 2022</p>
        </div>
      </div>
    </div>
    <div class="column">
      <div class="card" id="p1">
        <a href="https://mimic-play.github.io/">
        <video class="img-fluid" autoplay loop muted>
            <source src="https://utexas.box.com/shared/static/kczebxxe7odsen0ng76hvcswr3magu8l.mp4" type="video/mp4" />
        </video>   
        </a>
        <div class="container">
          <h4><b>MimicPlay</b></h4>
          <p>Wang et al. 2023</p>
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="column">
      <div class="card" id="p1">
        <a href="https://ut-austin-rpl.github.io/rpl-BUDS/">
        <video class="img-fluid" autoplay loop muted>
            <source src="https://utexas.box.com/shared/static/0ighyqkr255bamazopv4tsfj1un5khj0.mp4" type="video/mp4" />
        </video>   
        </a>
        <div class="container">
          <h4><b>BUDS</b></h4>
          <p>Zhu et al. 2022</p>
        </div>
      </div>
    </div>
    <div class="column">
      <div class="card">
        <a href="">
        <video class="img-fluid" autoplay loop muted>
            <source src="https://utexas.box.com/shared/static/gml6dnmpqfq5mx6mz2kxtwsq43071saf.mp4" type="video/mp4" />
        </video>
        </a>
        <div class="container">
          <h4><b>GIGA</b></h4>
          <p>Jiang et al. 2021</p>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="column">
      <div class="card" id="p1">
        <a href="https://ut-austin-rpl.github.io/maple/">
        <video class="img-fluid" autoplay loop muted>
            <source src="https://utexas.box.com/shared/static/lx0671eowgbvvie5u5hka175n8yfz7fs.mp4" type="video/mp4" />
        </video>
        </a>
        <div class="container">
          <h4><b>MAPLE</b></h4>
          <p>Nasiriany et al. 2022</p>
        </div>
      </div>
    </div>
    <div class="column">
      <div class="card" id="p1">
        <a href="https://ut-austin-rpl.github.io/sailor/">
        <video class="img-fluid" autoplay loop muted>
            <source src="https://utexas.box.com/shared/static/7xzwd4frv8n1q8m8l8oic9vro7woskgx.mp4" type="video/mp4" />
        </video>   
        </a>
        <div class="container">
          <h4><b>SAILOR</b></h4>
          <p>Nasiriany et al. 2022</p>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="column">
      <div class="card" id="p1">
        <a href="https://ut-austin-rpl.github.io/sirius/">
        <video class="img-fluid" autoplay loop muted>
            <source src="https://utexas.box.com/shared/static/ggqqd7xviufqelfi5x00kywzg7vl5p67.mp4" type="video/mp4" />
        </video>  
        </a> 
        <div class="container">
          <h4><b>Human-In-The-Loop</b></h4>
          <p>Liu et al. 2022</p>
        </div>
      </div>
    </div>
    <div class="column">
      <div class="card" id="p1">
        <a href="https://b0ku1.github.io/acid/">
        <video class="img-fluid" autoplay loop muted>
            <source src="https://utexas.box.com/shared/static/37f98mmtovqrrqsg1k5mzqcfapmhnjyn.mp4" type="video/mp4" />
        </video>
        </a>
        <div class="container">
          <h4><b>ACID</b></h4>
          <p>Shen et al. 2022</p>
        </div>
      </div>
    </div>
  </div>
  </div>

.. ========
.. Projects
.. ========

.. .. raw:: html

   
.. 	 <div>
.. 	 <div class="row justify-content-md-center">
.. 	 <!-- Carousel wrapper -->
.. 	 <div class="col-sm-12 col-md-8 col-lg-6">  
.. 	 <div id="carouselMDExample" class="carousel slide carousel-fade" data-mdb-ride="carousel">
.. 	 <!-- Slides -->
.. 	 <div class="carousel-inner mb-5 shadow-1-strong rounded-3">
.. 	 <div class="carousel-item active">
.. 	 <video class="img-fluid" autoplay loop muted>
..          <source src="https://utexas.box.com/shared/static/qj81bvrmh4z51md39i4n5ori7d6ozunb.mp4" type="video/mp4" />
.. 	 </video>
..          </div>
.. 	 <div class="carousel-item">
.. 	 <video class="img-fluid" autoplay loop muted>
.. 	 <source src="https://utexas.box.com/shared/static/blvrwrsqxd02ch7qpeg0dgmd47ilk4ao.mp4" type="video/mp4" />
.. 	 </video>
..          </div>
.. 	 <div class="carousel-item">
.. 	 <video class="img-fluid" autoplay loop muted>
..          <source src="https://utexas.box.com/shared/static/ggqqd7xviufqelfi5x00kywzg7vl5p67.mp4" type="video/mp4" />
.. 	 </video>
..          </div>
.. 	 <div class="carousel-item">
.. 	 <video class="img-fluid" autoplay loop muted>
..          <source src="https://utexas.box.com/shared/static/h5jh4sw81t10hsi366jhue0n6lwy6ako.mp4" type="video/mp4" />
.. 	 </video>
.. 	 </div>
.. 	 <div class="carousel-item">
.. 	 <video class="img-fluid" autoplay loop muted>
..          <source src="https://utexas.box.com/shared/static/0ighyqkr255bamazopv4tsfj1un5khj0.mp4" type="video/mp4" />
.. 	 </video>	 
.. 	 </div>
..          </div>
.. 	 <!-- Slides -->

.. 	 <!-- Controls -->
.. 	 <button class="carousel-control-prev" type="button" data-mdb-target="#carouselMDExample"
.. 	 data-mdb-slide="prev">
.. 	 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
.. 	 <span class="visually-hidden">Previous</span>
.. 	 </button>
.. 	 <button class="carousel-control-next" type="button" data-mdb-target="#carouselMDExample"
.. 	 data-mdb-slide="next">
.. 	 <span class="carousel-control-next-icon" aria-hidden="true"></span>
.. 	 <span class="visually-hidden">Next</span>
.. 	 </button>
.. 	 <!-- Controls -->

.. 	 <!-- Thumbnails -->
.. 	 <div class="carousel-indicators" style="margin-bottom: -20px;">
.. 	 <button type="button" data-mdb-target="#carouselMDExample" data-mdb-slide-to="0" class="active"
.. 	 aria-current="true" aria-label="Slide 1" style="width: 100px;">
.. 	 <img class="d-block w-100 shadow-1-strong rounded"
..          src="https://mdbcdn.b-cdn.net/img/Photos/Others/Carousel-thumbs/img%20(88).webp" class="img-fluid" />
.. 	 </button>
.. 	 <button type="button" data-mdb-target="#carouselMDExample" data-mdb-slide-to="1" aria-label="Slide 2"
.. 	 style="width: 100px;">
.. 	 <img class="d-block w-100 shadow-1-strong rounded"
..          src="https://mdbcdn.b-cdn.net/img/Photos/Others/Carousel-thumbs/img%20(121).webp" class="img-fluid" />
.. 	 </button>
.. 	 <button type="button" data-mdb-target="#carouselMDExample" data-mdb-slide-to="2" aria-label="Slide 3"
.. 	 style="width: 100px;">
.. 	 <img class="d-block w-100 shadow-1-strong rounded"
..          src="https://mdbcdn.b-cdn.net/img/Photos/Others/Carousel-thumbs/img%20(31).webp" class="img-fluid" />
.. 	 </button>
.. 	 <button type="button" data-mdb-target="#carouselMDExample" data-mdb-slide-to="3" aria-label="Slide 4"
.. 	 style="width: 100px;">
.. 	 <img class="d-block w-100 shadow-1-strong rounded"
..          src="https://mdbcdn.b-cdn.net/img/Photos/Others/Carousel-thumbs/img%20(31).webp" class="img-fluid" />
.. 	 </button>
.. 	 <button type="button" data-mdb-target="#carouselMDExample" data-mdb-slide-to="4" aria-label="Slide 5"
.. 	 style="width: 100px;">
.. 	 <img class="d-block w-100 shadow-1-strong rounded"
..          src="https://mdbcdn.b-cdn.net/img/Photos/Others/Carousel-thumbs/img%20(31).webp" class="img-fluid" />
.. 	 </button>
..          </div>
.. 	 <!-- Thumbnails -->
.. 	 </div>
.. 	 </div>
.. 	 </div>
.. 	 </div>