modified front (about) page (added carousel, about, news)

_data/carousel.yml

@@ -0,0 +1,9 @@
+  images:
+    - image: /assets/img/carousel/2022-12-07_ICON_group-photo.jpg
+    - image: /assets/img/carousel/2022-4-group-photo.jpeg
+    - image: /assets/img/carousel/2022-4-group-discussion.jpeg
+    - image: /assets/img/carousel/2022-4-drone.jpeg
+    - image: /assets/img/carousel/2021-09_group_reduced.jpg
+    - image: /assets/img/carousel/2021-10-17_group.jpg
+
+

_includes/carousel.liquid

@@ -0,0 +1,222 @@
+
+
+{% assign letterstring = "a,b,c,d,e,f,g,h,i,j,k,l,m,n" %}
+{% assign letters = letterstring | split: ',' %}
+
+<div class="carousel__holder">
+    <div class="carousel">
+        {% for item in site.data.carousel.images %}
+          <input class="carousel__activator" type="radio" name="carousel" id="{{ letters[forloop.index0] }}" {% if forloop.first %}checked="checked"{% endif %} />
+        {% endfor %}
+        {% for item in site.data.carousel.images %}
+          <p> a </p>
+          {% if forloop.index == forloop.length %}
+            {% assign nextindex = 0 %}
+          {% else %}
+            {% assign nextindex = forloop.index0 | plus: 1 %}
+          {% endif %}
+          {% assign nextletter = letters[nextindex] %}
+          {% if forloop.index0 == 0 %}
+            {% assign previndex = forloop.length | minus: 1 %}
+          {% else %}
+            {% assign previndex = forloop.index0 | minus: 1 %}
+          {% endif %}
+          {% assign prevletter = letters[previndex] %}
+          <div class="carousel__controls">
+              <label class="carousel__control carousel__control--backward" for="{{ prevletter }}"></label>
+              <label class="carousel__control carousel__control--forward" for="{{ nextletter }}"></label>
+          </div>
+        {% endfor %}
+        <div class="carousel__track">
+          <ul>
+            {% for item in site.data.carousel.images %}
+            <li class="carousel__slide" style="background-image: url('{{ item.image }}');"></li>
+            {% endfor %}
+          </ul>
+        </div>
+        <div class="carousel__indicators">
+            {% for item in site.data.carousel.images %}
+              <label class="carousel__indicator" for="{{ letters[forloop.index0] }}"></label>
+            {% endfor %}
+        </div>
+    </div>
+</div>
+
+<style>
+.carousel__holder {width: 100%; position: relative; padding-bottom: {{ include.height }}{{ include.unit }}; margin: 1rem 0 1rem;}
+.carousel {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  text-align: center;
+  position: absolute;
+  padding: 0;
+}
+.carousel__controls,
+.carousel__activator {
+  display: none;
+}
+{% for item in site.data.carousel.images %}
+.carousel__activator:nth-of-type({{ forloop.index }}):checked ~ .carousel__track {
+  -webkit-transform: translateX(-{{ forloop.index0 }}00%);
+          transform: translateX(-{{ forloop.index0 }}00%);
+}
+.carousel__activator:nth-of-type({{ forloop.index }}):checked ~ .carousel__slide:nth-of-type({{ forloop.index }}) {
+  transition: opacity 0.5s, -webkit-transform 0.5s;
+  transition: opacity 0.5s, transform 0.5s;
+  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
+  top: 0;
+  left: 0;
+  right: 0;
+  opacity: 1;
+  -webkit-transform: scale(1);
+          transform: scale(1);
+}
+.carousel__activator:nth-of-type({{ forloop.index }}):checked ~ .carousel__controls:nth-of-type({{ forloop.index }}) {
+  display: block;
+  opacity: 1;
+}
+.carousel__activator:nth-of-type({{ forloop.index }}):checked ~ .carousel__indicators .carousel__indicator:nth-of-type({{ forloop.index }}) {
+  opacity: 1;
+}
+{% endfor %}
+
+.carousel__control {
+  height: 30px;
+  width: 30px;
+  margin-top: -15px;
+  top: 50%;
+  position: absolute;
+  display: block;
+  cursor: pointer;
+  border-width: 5px 5px 0 0;
+  border-style: solid;
+  border-color: #fafafa;
+  opacity: 0.35;
+  opacity: 1;
+  outline: 0;
+  z-index: 3;
+}
+.carousel__control:hover {
+  opacity: 1;
+}
+.carousel__control--backward {
+  left: 20px;
+  -webkit-transform: rotate(-135deg);
+          transform: rotate(-135deg);
+}
+.carousel__control--forward {
+  right: 20px;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.carousel__indicators {
+  position: absolute;
+  bottom: 20px;
+  width: 100%;
+  text-align: center;
+}
+.carousel__indicator {
+  height: 15px;
+  width: 15px;
+  border-radius: 100%;
+  display: inline-block;
+  z-index: 2;
+  cursor: pointer;
+  opacity: 0.35;
+  margin: 0 2.5px 0 2.5px;
+}
+.carousel__indicator:hover {
+  opacity: 0.75;
+}
+.carousel__track {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 0;
+  margin: 0;
+  transition: -webkit-transform 0.5s ease 0s;
+  transition: transform 0.5s ease 0s;
+  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
+}
+.carousel__track .carousel__slide {
+  display: block;
+  top: 0;
+  left: 0;
+  right: 0;
+  opacity: 1;
+}
+{% for item in site.data.carousel.images %}
+.carousel__track .carousel__slide:nth-of-type({{ forloop.index }}) {
+  -webkit-transform: translateX({{ forloop.index0 }}00%);
+          transform: translateX({{ forloop.index0 }}00%);
+}
+{% endfor %}
+
+.carousel--scale .carousel__slide {
+  -webkit-transform: scale(0);
+          transform: scale(0);
+}
+.carousel__slide {
+  height: 100%;
+  position: absolute;
+  opacity: 0;
+  overflow: hidden;
+}
+.carousel__slide .overlay {height: 100%;}
+.carousel--thumb .carousel__indicator {
+  height: 30px;
+  width: 30px;
+}
+.carousel__indicator {
+  background-color: #fafafa;
+}
+{% for item in site.data.carousel.images %}
+.carousel__slide:nth-of-type({{ forloop.index }}),
+.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type({{ forloop.index }}) {
+  background-size: cover;
+  background-position: center;
+}
+{% endfor %}
+</style>
+
+<script>
+  function isVisible(el) {
+        while (el) {
+            if (el === document) {
+                return true;
+            }
+
+            var $style = window.getComputedStyle(el, null);
+
+            if (!el) {
+                return false;
+            } else if (!$style) {
+                return false;
+            } else if ($style.display === 'none') {
+                return false;
+            } else if ($style.visibility === 'hidden') {
+                return false;
+            } else if (+$style.opacity === 0) {
+                return false;
+            } else if (($style.display === 'block' || $style.display === 'inline-block') &&
+                $style.height === '0px' && $style.overflow === 'hidden') {
+                return false;
+            } else {
+                return $style.position === 'fixed' || isVisible(el.parentNode);
+            }
+        }
+  }
+  {% if include.duration %}
+  setInterval(function(){
+    var j=0;
+    var elements = document.querySelectorAll('.carousel__control--forward');
+    for(i=(elements.length - 1);i>-1;i--) {
+      if(isVisible(elements[i])) j=i;
+    }
+    elements[j].click();
+  },{{ include.duration }}000);
+  {% endif %}
+</script>

_layouts/about.liquid

@@ -15,6 +15,8 @@ layout: default
   </header>
 
   <article>
+
+    {% comment %}
     {% if page.profile %}
       <div class="profile float-{% if page.profile.align == 'left' %}left{% else %}right{% endif %}">
         {% if page.profile.image %}
@@ -37,6 +39,9 @@ layout: default
         {% endif %}
       </div>
     {% endif %}
+  {% endcomment %}
+
+    {% include carousel.liquid height="70" unit="%" duration="7" %}
 
     <div class="clearfix">{{ content }}</div>
 

_news/2020-11-10_lane-changing-paper-accepted.md

@@ -0,0 +1,7 @@
+---
+layout: post
+date: 2020-11-10
+inline: true
+---
+
+Our paper titled _"A Game Theoretic Macroscopic Model of Lane Choices at Traffic Diverges with Applications to Mixed-Autonomy Networks"_ got accepted at the Transportation Research Part B journal.

_news/2020-12-13_ilqr-paper-accepted.md

@@ -0,0 +1,9 @@
+---
+layout: post
+date: 2020-12-13
+inline: true
+---
+
+Our paper titled _"RAT iLQR: A Risk Auto-Tuning Controller to Optimally Account for Stochastic Model Mismatch"_ got accepted at the IEEE Robotics and Automation Letters (RA-L).
+
+

_news/2021-04-13_rss-workshop-organize.md

@@ -0,0 +1,10 @@
+---
+layout: post
+date: 2021-04-13
+inline: true
+---
+
+We will organize a workshop on  <a href="https://negarmehr.github.io/RSS2021Workshop/">“Perception and Control for Autonomous Navigation in Crowded, Dynamic Environments”</a> at RSS 2021. 
+
+
+

_news/2021-05-10_ilgr-accepted.md

@@ -0,0 +1,10 @@
+---
+layout: post
+date: 2021-05-10
+inline: true
+---
+
+Our paper titled _“Potential iLQR: A Potential Minimizing Controller for Panning Multi-Agent Interactive Trajectories”_ was accepted at RSS 2021!
+
+
+

_news/2022-11-IROS-workshop.md

@@ -0,0 +1,11 @@
+---
+layout: post
+date: 2022-4-22
+inline: true
+---
+
+We will organize a workshop on _<a href="https://gamma.umd.edu/workshops/badue22/"> Behavior-driven Autonomous Driving in Unstructured Environments</a>_ at the International Conference on Intelligent Robots and Systems (IROS) 2022!
+
+
+
+

_news/2022-9-CoRL-workshop.md

@@ -0,0 +1,11 @@
+---
+layout: post
+date: 2022-8-15
+inline: true
+---
+
+We will organize a workshop on _<a href="https://sites.google.com/view/corl-2022-games-workshop/home?authuser=0"> Strategic Multi-Agent Interactions: Game Theory for Robot Learning and Decision Making"</a>_ at the Conference on Robot Learning (CoRL) 2022!
+
+
+
+

_news/2022-ACC workshop.md

@@ -0,0 +1,12 @@
+---
+layout: post
+date: 2022-1-31
+inline: true
+---
+
+We will organize a workshop on _<a href="https://sites.google.com/utexas.edu/learning-and-control-workshop/"> Learning and Control for Safety-Critical Systems</a>_ at American Control Conference (ACC) 2022!
+
+
+
+
+

_news/2022-ACC-Stackelberg.md

@@ -0,0 +1,9 @@
+---
+layout: post
+date: 2022-1-31
+inline: true
+---
+
+Our paper titled _“<a href="https://arxiv.org/pdf/2204.10457.pdf"> Stackelberg Routing of Autonomous Cars in Mixed-Autonomy Traffic Networks</a>”_ got accepted at the American Control Conference (ACC) 2022!
+
+

_news/2022-Neurips-workshop-acceptance.md

@@ -0,0 +1,10 @@
+---
+layout: post
+date: 2021-10-21
+inline: true
+---
+
+Our paper titled _“<a href="https://ieeexplore.ieee.org/abstract/document/9691930"> Learning Contraction Policies from Offline Data</a>”_ was accepted as an Oral at NeurIPS 2021 workshop<a href="https://sites.google.com/view/safe-robust-control/home"> Safe and Robust Control of Uncertain Systems</a>!
+
+
+

_news/2022-Neurips-workshop-award.md

@@ -0,0 +1,10 @@
+---
+layout: post
+date: 2021-12-13
+inline: true
+---
+
+Our paper titled _“<a href="https://ieeexplore.ieee.org/abstract/document/9691930"> Learning Contraction Policies from Offline Data</a>”_ was selected as the best paper award finalist at NeurIPS 2021 workshop <a href="https://sites.google.com/view/safe-robust-control/home"> Safe and Robust Control of Uncertain Systems</a>!
+
+
+

_news/2022-RAL-contraction.md

@@ -0,0 +1,9 @@
+---
+layout: post
+date: 2022-1-3
+inline: true
+---
+
+Our paper titled _“<a href="https://ieeexplore.ieee.org/abstract/document/9691930"> Learning Contraction Policies from Offline Data</a>”_ got accepted at the IEEE Robotics and Automation Letters (RA-L)!
+
+

_news/2022-contraction-ICRA.md

@@ -0,0 +1,12 @@
+---
+layout: post
+date: 2022-1-31
+inline: true
+---
+
+Our paper titled _“<a href="https://ieeexplore.ieee.org/abstract/document/9691930"> Learning Contraction Policies from Offline Data</a>”_ got accepted at the International Conference on Robotics and Automation (ICRA) 2022!
+
+
+
+
+

_news/2022-drone-delivery-paper.md

@@ -0,0 +1,9 @@
+---
+layout: post
+date: 2022-2-28
+inline: true
+---
+
+Our paper titled _“<a href="https://arxiv.org/pdf/2104.04664.pdf"> Congestion-aware Bi-modal Delivery Systems Utilizing Drones</a>”_ got accepted at the European Control Conference (ECC) 2022!
+
+