forked from CannyLab/cannylab.github.io
-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathindex.html
134 lines (116 loc) · 4.94 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
124
125
126
127
128
129
130
131
132
133
134
---
---
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Darrell Group at UC Berkeley</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<link href="/assets/base.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/extra.css" media="screen" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/assets/public/favicon.ico" />
<script src="/assets/modernizr.js" type="text/javascript"></script>
</head>
<body onload="setModifiedDate();">
<div class="wrapper">
<div class="profile">
<section class="profile-masthead" id="masthead">
<a href="/">
<header class="profile-logo">
<div class="profile-logo-image">
<img alt="Darrell Group at Berkeley" src="/images/logo.png" />
</div>
<div class="profile-name" style="color:#2d3c48">
<h1>Darrell Group <br>UC Berkeley</h1>
</div>
</header>
</a>
</section>
<section class="profile-content" id="content">
<div class="profile-description">
<p> The Darrell Group conducts research in computer vision, natural language processing, and perception-based
human computer interfaces for a variety of applications including autonomous vehicles, media search, and
multimodal interaction with robots and mobile devices.</p>
</div>
</section>
{% for division in site.data.people %}
{% if division.people.size > 0 %}
<section class="profile-content">
<div id='{{ division.title | downcase }}' class='menu-category'>
<h3 class="menu-category-name">{{ division.title }}</h3>
<ol class="menu-category-list has-images">
{% assign sorted = division.people | sort: 'name' %}
{% for person in sorted %}
<li class="menu-item">
<div class="menu-item-info" style="text-align: center;">
<img src="./profile_images/{{ person.image }}" style="object-fit:cover; width:180px; height:180px; border-radius:
50%;">
<h4 class="menu-item-name">{{ person.name }}</h4>
<span class="menu-item-price">
<a href="{{ person.website }}" target="_blank">Home Page</a>
</span>
<p class="menu-item-description" style="height:auto">{{ person.research_interest }}</p>
<p class="menu-item-description" style="height:auto">{{ person.email }}</p>
</div>
</li>
{% endfor %}
</div>
</section>
{% endif %}
{% endfor %}
<footer class="footer">
<nav class="footer-navigation">
<p class="copyright">© Regents of the University of California. All rights reserved. Last updated at <span
id="last-modified"></span>.</p>
</nav>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script>
function includeHTML() {
var z, i, elmnt, file, xhttp;
/* Loop through a collection of all HTML elements: */
z = document.getElementsByTagName("*");
for (i = 0; i < z.length; i++) {
elmnt = z[i];
/*search for elements with a certain atrribute:*/
file = elmnt.getAttribute("w3-include-html");
if (file) {
/* Make an HTTP request using the attribute value as the file name: */
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState == 4) {
if (this.status == 200) { elmnt.innerHTML = this.responseText; }
if (this.status == 404) { elmnt.innerHTML = "Page not found."; }
/* Remove the attribute, and call this function once more: */
elmnt.removeAttribute("w3-include-html");
includeHTML();
}
}
xhttp.open("GET", file, true);
xhttp.send();
/* Exit the function: */
return;
}
}
}
includeHTML();
</script>
<script>
function setModifiedDate() {
if (document.getElementById('last-modified')) {
fetch("https://api.github.com/repos/DarrellGroup/darrellgroup.github.io/commits")
.then((response) => {
return response.json();
})
.then((commits) => {
var modified = commits[0]['commit']['committer']['date'].slice(0, 10);
if (modified != "{{ page.date | date: '%Y-%m-%d' }}") {
document.getElementById('last-modified').textContent = modified;
}
});
}
}
</script>
</body>
</html>