darrellgroup.github.io/index.html at master · DarrellGroup/darrellgroup.github.io · GitHub

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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
---
---
<!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 %}

      {% if site.data.alumni.size > 0 %}
      <section class="profile-content">
        <details class="alumni-section" id="alumni">
          <summary>
            <span class="menu-category-name">Alumni (constructing...)</span>
          </summary>
          <ul class="alumni-list">
            {% assign sorted_alumni = site.data.alumni | sort: 'name' %}
            {% for person in sorted_alumni %}
            <li><a href="{{ person.website }}" target="_blank">{{ person.name }}</a></li>
            {% endfor %}
          </ul>
        </details>
      </section>
      {% endif %}


      <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>