website/02-people.html at main · langcog/website · 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: People
permalink: /people
---


<div class="peoplelayout">
<!-- <br>
<br> -->
<!-- <h1>Lab members</h1> -->

    <div class="main_carousel">
        {% for image in site.data.carousel %}
        <div class="carousel_element">
        <img src="{{site.url}}{{site.baseurl}}/images/carousel/{{image.image}}" width="100%" alt="{% if image.alt %}{{image.alt}}{% else %}{{image.label}}{% endif %}"/>
        <p>{{image.label}}</p>
        </div>
        {% endfor %}
    </div>

    <script>
        $(".main_carousel").slick({
        dots: true,
        speed: 1000,
        adaptiveHeight: true,
        slidesToShow: 1,
        //fade: true,
        responsive: [
            {
            breakpoint: 480,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
            }
            }
        ]
        });
    </script>
<br>
{% for role in site.data.langcoglab %}
    {% if role.role == "Lab Alums" %}
        <br>
        <br>
        <h1>{{role.role}}</h1>
        <br>
        {% for person in role.people %}
        <p class="was">
            {% if person.webpage %}
                <a class="subtle_link" id="Alumni" name="{{person.name}}"  href="{{person.webpage}}">{{person.name}}</a>
            {% else %}
                <a class="subtle_link" id="Alumni" name="{{person.name}}">{{person.name}}</a>
            {% endif %} ({{person.was}}){% if person.now %} -- {{person.now}} {% endif %}
        </p>
        {% endfor %}
    {% elsif role.role == "Former Research Assistants" %}
        <br>
        <h1>{{role.role}}</h1>
        <br>
        {% for person in role.people %}
        <p class="was">
            {% if person.webpage %}
                <a class="subtle_link" id="RA" name="{{person.name}}"  href="{{person.webpage}}">{{person.name}}</a>
            {% else %}
                <a class="subtle_link" id="RA" name="{{person.name}}">{{person.name}}</a>
            {% endif %} ({{person.was}}){% if person.now %} -- {{person.now}} {% endif %}
        </p>
        {% endfor %}
    {% elsif role.role == "Former Honors Students" %}
        <br>
        <h1>{{role.role}}</h1>
        <br>
        {% for person in role.people %}
        <p class="was">
            {% if person.webpage %}
                <a class="subtle_link" id="Honors" name="{{person.name}}"  href="{{person.webpage}}">{{person.name}}</a>
            {% else %}
                <a class="subtle_link" id="Honors" name="{{person.name}}">{{person.name}}</a>
            {% endif %} ({{person.year}}) -- {{person.program}}
        </p>
        {% endfor %}
    {% elsif role.role == "Summer Interns" %}
        <br>
        <h1>{{role.role}}</h1>
        <br>
        {% for person in role.people %}
        <p class="was">
            {% if person.webpage %}
                <a class="subtle_link" id="Summer" name="{{person.name}}"  href="{{person.webpage}}">{{person.name}}</a>
            {% else %}
                <a class="subtle_link" id="Summer" name="{{person.name}}">{{person.name}}</a>
            {% endif %} ({{person.year}}) -- {{person.program}}
        </p>
        {% endfor %}
    {% else %}
        <h1>{{role.role}}</h1>
        <br>
        {% for person in role.people %}
            <div class="member">
                {% if person.img %}
                    <img src="{{site.url}}{{site.baseurl}}/images/members/{{person.img}}" alt="{{person.name}}"></img>
                {% endif %}
                {% if person.baby %}
                <img src="{{site.url}}{{site.baseurl}}/images/members/{{person.baby}}" alt="{{person.name}} Baby"></img>
                {% endif %}
                <div class="text">
                    <nobr>
                    {% if person.webpage %}
                        <b><a class="subtle_link" style="font-size: 20px" id="{{role.role}}" name="{{person.name}}"  href="{{person.webpage}}">{{person.name}}</a></b>
                    {% else %}
                        <b><span class="name" style="font-size:20px" id="{{role.role}}" name="{{person.name}}">{{person.name}}</span></b>
                    {% endif %}
                    {% if person.site %}
                    (<a class="subtle_link" id="{{role.role}}" name="{{person.name}}"  href="{{person.site}}">{{person.sitename}}</a>
                    {% if person.social %}, <a class="subtle_link" id="{{role.role}}" name="{{person.name}}"  href="{{person.social}}">{{person.socialname}}</a>{% endif %})
                    {% elsif person.social %}
                    (<a class="subtle_link" id="{{role.role}}" name="{{person.name}}"  href="{{person.social}}">{{person.socialname}}</a>)
                    {% endif %}
                    <!-- <h3>{{role.role}}</h3> -->
                    {% if person.was %}
                        <p class="was">({{person.was}})
                        {% if person.now %} -- {{person.now}} {% endif %}
                        </p>
                    {% endif %}
                    </nobr>
                    <!-- {% if person.was %}
                        <p class="was">Formerly {{person.was}}</br>
                        {% if person.now %} {{person.now}} {% endif %}
                        </p>
                    {% endif %} -->
                    {% for paragraph in person.bio %}
                        <div style="text-align: left; font-size: 15px"><p>{{paragraph}}</p></div>
                    {% endfor %}
                </div>
            </div>
        {% endfor %}
    {% endif %}
{% endfor %}

</div>