Add Organizers

_data/people.yaml

@@ -1,19 +1,60 @@
+- name: Lukas Schmid
+  image: /assets/images/lukas.png
+  web: https://schmluk.github.io/
+  position: Postdoctoral Research Fellow
+  affiliation: Massachusetts Institute of Technology
+
 - name: Luca Carlone
   image: /assets/images/luca.png
-  position: Assistant Professor
+  web: https://lucacarlone.mit.edu/
+  position: Associate Professor
   affiliation: Massachusetts Institute of Technology
+
+- name: Roland Siegwart
+  image: /assets/images/roland.png
+  web: https://asl.ethz.ch/the-lab/people/person-detail.Mjk5ODE=.TGlzdC8yMDI4LDEyMDExMzk5Mjg=.html
+  position: Full Professor
+  affiliation: ETH Zurich
 
-- name: Tat-Jun Chin
-  image: /assets/images/tj.png
-  position: Associate Professor
-  affiliation: The University of Adelaide
+- name: Rajat Talak
+  image: /assets/images/rajat.jpg
+  web: https://www.rajattalak.com/
+  position: Research Scientist
+  affiliation: Massachusetts Institute of Technology  
 
-- name: Anders Eriksson
-  image: /assets/images/anders.png
-  position: Associate Professor
-  affiliation: University of Queensland
+- name: Olov Anderson
+  image: /assets/images/olovand.png
+  web: https://www.kth.se/profile/olovand
+  position: Assistant Professor
+  affiliation: KTH Royal Institute of Technology
+
+- name: Helen Oleynikova
+  image: /assets/images/helen.jpg
+  web: https://helenol.github.io/
+  position: Senior Researcher
+  affiliation: ETH Zurich
+
+- name: Jong Jin Park
+  image: /assets/images/jongjin.png
+  web: https://www.linkedin.com/in/jong-jin-park-b4885920?original_referer=https%3A%2F%2Fwww.google.com%2F
+  position: Principal Applied Scientist
+  affiliation: Amazon Lab126
+
+- name: Jianhao Zheng
+  image: /assets/images/jianhao.png
+  web: https://jianhao-zheng.github.io/
+  position: Ph.D. Student
+  affiliation: Stanford University
+
+- name: Johanna Wald
+  image: /assets/images/johanna.png
+  web: https://www.linkedin.com/in/waldj/
+  position: AR Software Engineer
+  affiliation: Google
+
+- name: Federico Tombari
+  image: /assets/images/federico.png
+  web: https://federicotombari.github.io/
+  position: Senior Staff Research Scientist and Manager
+  affiliation: Google, Technical University of Munich
 
-- name: Heng Yang
-  image: /assets/images/Heng.jpeg
-  position: PhD Candidate
-  affiliation: Massachusetts Institute of Technology

_includes/people.html

@@ -1,18 +1,18 @@
 <section class="team" id="team">
   <div class="container">
-      <div class="row-centered">
-        {% for member in site.data.people %}
-          <div class="col-lg-2 col-md-6 col-centered">
-              <div class="box">
-                  <div class="image">
-                      <img src="{{ member.image | absolute_url }}" alt="{{member.name}}">
-                  </div>
-                  <h3>{{member.name}}</h3>
-                  <h4>{{member.position}}</h4>
-                  <h4>{{member.affiliation}}</h4>
-              </div>
+    <div class="row row-centered">
+      {% for member in site.data.people %}
+      <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6 col-centered">
+        <div class="box">
+          <div class="image">
+            <img src="{{ member.image | absolute_url }}" alt="{{ member.name }}" class="img-responsive">
           </div>
-        {% endfor %}
+          <h3><a href="{{ member.web }}" target="_blank">{{ member.name }}</a></h3>
+          <!-- <h4>{{ member.position }}</h4> -->
+          <p>{{ member.affiliation }}</p>
+        </div>
       </div>
+      {% endfor %}
+    </div>
   </div>
-</section>
+</section>

assets/_sass/_people.scss

@@ -1,60 +1,55 @@
 .team {
-  padding: 5em 0 2em 0;
-}
-
-.team h2 {
-  font-size: 30px;
-  font-weight: 700;
-  margin: 0;
-  padding: 0;
-}
-
-.team h2 span {
-  color: #ff9100;
-}
-
-.team p {
-  font-size: 15px;
-  font-weight: 400;
-  line-height: 1.7;
-  color: #999999;
-  margin: 20px 0 60px;
-  padding: 0;
-}
-
-.team .box {
-  transition: all 0.5s ease-in-out;
-  padding-bottom: 2em;
-  .image {
-    position: relative;
-    height: 100%;
-    img{
-      height: auto;
-      width: 100%;
+  padding: 2em 0;
+
+  .box {
+    padding-bottom: 1em;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    /* Align items to the top */
+
+    .image {
+      margin-bottom: 10px;
+
+      img {
+        height: auto;
+        width: 100%;
+      }
+    }
+
+    h3 {
+      margin: 0;
+      padding: 0;
+      margin-top: 10px;
+      font-size: 17px;
+      font-weight: bold;
+    }
+
+    h4 {
+      margin: 0;
+      padding: 0;
+      font-size: 14px;
+      color: #333;
+      font-weight: normal;
+      margin-top: 5px;
+    }
+
+    p {
+      font-size: 14px;
+      color: #333;
+      margin: 5px 0;
     }
   }
-  h3 {
-    margin: 0;
-    padding: 0;
-    margin-top: 20px;
-    font-size: 17px;
-    font-weight: 600;
+
+  .row-centered {
+    text-align: center;
   }
-  h4 {
-    margin: 0;
-    padding: 0;
-    font-size: 13px;
-    color: #999999;
-    font-weight: 400;
-    margin-top: 5px;
+
+  .col-centered {
+    float: none;
+    display: inline-block;
+    vertical-align: top;
+    /* Align columns to the top */
   }
-}
-
-/* centered columns styles */
-.row-centered {
-  text-align:center;
-}
-.col-centered {
-  float: none;
-  display: inline-grid;
-}
+}