StochLab.github.io/index.html at master · StochLab/StochLab.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
---
layout: default
title: Home
notitle: true

# groups of columns of {roles: list, width: num, image: bool}
role-tables:
- - roles: [faculty, collaborator]
    width: 3
    image: true
  - roles: [phd]
    width: 3
    image: true
  - roles: [masters, ug]
    width: 3
    image: true
  - roles: [staff]
    width: 3
    image: true


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


<!-- Centering wrapper -->
<div style="display: flex; justify-content: center; align-items: center; width: 100%;">
  <!-- Your collage block -->
  <div style="display: flex; flex-direction: column;">

    <!-- Top row -->
    <div style="display: flex; width: 100%; justify-content: center; align-items: center;">
      <!-- <img src="{{ site.base }}/img/stochlite.gif"
           style="width: 30%;"> -->

      <video width="30%" style="padding: 0%;" autoplay loop muted playsinline>
        <source src="img/linearPolicySuff/stochlite.mp4" type="video/mp4">
        Your browser does not support the video tag.
      </video>

      <video width="33%" style="padding: 0%;" autoplay loop muted playsinline>
        <source src="img/LinPolForceControl/stoch3_2.mp4" type="video/mp4">
        Your browser does not support the video tag.
      </video>

      <!-- <video width="30%" style="padding: 0%;" autoplay loop muted playsinline>
        <source src="/img/stoch3.mp4" type="video/mp4">
        Your browser does not support the video tag.
      </video> -->

      <video width="30%" style="padding: 0%;" autoplay loop muted playsinline>
        <source src="https://www.stochlab.com/MULE/images/videos/stairs_up_cut.mp4" type="video/mp4">
        Your browser does not support the video tag.
      </video>
    </div>


    <!-- Middle row -->
    <div style="display: flex; width: 100%; justify-content: center; align-items: center;">
      <img src="{{ site.base }}/img/spine.jpg"
           style="width: 25%; display: block;">

      <img src="{{ site.base }}/img/word cloud.png"
           style="width: 40%; display: block;">

      <img src="{{ site.base }}/img/cbf.png"
           style="width: 25%; display: block;">

      <!-- <img src="{{ site.base }}/img/lyapunov.jpg"
           style="width: 15%; display: block;"> -->
    </div>

    <!-- Bottom image -->
    <div style="display: flex; width: 100%; justify-content: center; align-items: center;">
      <!-- <img src="{{ site.base }}/img/stoch3.GIF"
           style="width: 25%; display: block;"> -->

      <!-- <img src="{{ site.base }}/img/stochlite.gif"
           style="width: 25.5%; display: block;"> -->
    </div>

  </div>
</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&hellip;</a>
        </p>
    {% endif %}
</section>

<section>
    <h2>Active 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>