-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·123 lines (113 loc) · 4.35 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
---
layout: default
title: Home
notitle: true
# groups of columns of {roles: list, width: num, image: bool}
role-tables:
- - roles: [faculty, postdoc, staff]
width: 4
image: true
- roles: [phd, masters, fellow]
width: 8
image: true
- - roles: [collab, intern]
width: 5
image: false
- roles: [alum]
width: 7
image: false
---
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<!--<div class="jumbotron">-->
<!-- <p>-->
<!-- The <b>Robotic Exploration Lab</b> in <b>The Robotics Institute</b> at <b>Carnegie Mellon University</b> conducts research in navigation, control, and motion planning for robotic systems that explore our planet and our universe.-->
<!-- </p>-->
<!--</div>-->
<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="{{ site.base }}/img/Stoch2Intro1.gif" alt="Los Angeles" style="height:100%;">
<!-- <video width="1126" height="440" autoplay preload="">-->
<!-- <source src="video/Stoch_Intro1.mp4" type="video/mp4">-->
<!-- Your browser does not support the video tag.-->
<!--</video>-->
</div>
<div class="item">
<img src="{{ site.base }}/img/gaits2.gif" alt="gaits" style="height:100%; margin-left: auto; margin-right: auto;">
</div>
<div class="item">
<img src="{{ site.base }}/img/banner2.png" alt="Chicago" style="width:100%;">
</div>
<div class="item">
<img src="{{ site.base }}/img/banner3.jpg" alt="New york" style="width:100%;">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="lab_bio"> We are a team of quadruped enthusiasts based out of Indian Institute of Science, Bengaluru. We are mainly interested in advanced mobility in extremely challenging terrains. The teams consists of technical staff members, students, interns and faculty with varying backgrounds and interests.
</div>
<section>
<h2>News</h2>
<ul class="news list-unstyled">
{% for post in site.posts limit: site.front_page_news %}
{% include news-item.html item=post %}
{% endfor %}
</ul>
{% assign numposts = site.posts | size %}
{% if numposts >= 1 %}
<p>
<span class="fa fa-fw fa-history"></span>
<a href="{{ site.base }}/blog.html">Older posts…</a>
</p>
{% endif %}
</section>
<section>
<h2>Research</h2>
<div class="card-columns">
{% comment %}
Sort the projects by date, putting those without dates last
{% endcomment %}
{% assign projects_by_date = site.projects | sort: 'last-updated', 'first' %}
{% assign projects_by_date = projects_by_date | reverse %}
{% for p in projects_by_date %}
{% if p.status != "inactive" %}
{% include project-card.html project=p %}
{% endif %}
{% endfor %}
</div>
</section>
<div id="people">
<h2>People</h2>
{% for role-table in page.role-tables %}
<section class="people row justify-content-between">
{% for role-column in role-table %}
<div class="col-md-{{ role-column.width }}">
{% for role in role-column.roles %}
{% include role-people.html role=role image=role-column.image %}
{% endfor %}
</div>
{% endfor %}
</section>
{% endfor %}
</div>