/
04-team.html
67 lines (55 loc) · 2.44 KB
/
04-team.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
---
layout: base
title: TEDx Team
permalink: /team/
---
<div id="team" class="page-with-sticky">
<div class="row head-row">
<div class="large-12 small-centered columns header-cont">
<h1 class="head-text">Meet the TEDxTufts Team</h1>
</div>
<img class="tedx-top-img" src="/public/team_home.jpg">
</div>
{% assign team_data = site.data.team %}
{% assign groups = team_data.groups %}
<ul class="side-nav side-nav-right side-nav-single-page smooth-scroll sticky" role="navigation" title="Link List">
{% for group in groups %}
<li role="menuitem"><a href="#{{group.name | slugify}}" style="padding-top: 0; padding-bottom: 0">{{group.name}}</a></li>
{% endfor %}
</ul>
{% for group in groups %}
{% capture modulo %}{{ forloop.index | mod:2 }}{% endcapture %}
<div class="section{% if modulo == '0' %} odd {% endif %}" id="{{group.name | slugify}}">
<div class="row">
<div class="large-10 columns">
<h1 class="team-section-title">{{group.name}}</h1>
<ul class="row small-block-grid-2 medium-block-grid-3 large-block-grid-4">
{% for p in group.people %}
{% assign person = p.person %}
<li class="see-bio">
<!-- inspired by https://davidwalsh.name/css-flip -->
<div class="flip-container">
<div class="flipper">
<div class="front"><img src="{{person.image-url}}" alt="" class="team-image"></div>
<div class="back">
<p class="team-bio"> {{person.bio}} </p>
</div>
</div>
</div>
<a class="anchor" id="{{person.name | slugify}}"></a>
<div class="team-info">
<p class="team-name"> {{ person.name }}</p>
{% if person.link-to %}
<a href="#{{person.link-to | slugify}}" class="smooth-scroll"><p class="team-title">{{person.title}}</p></a>
{% else %}
<p class="team-title">{{person.title}}</p>
{% endif %}
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
{% endfor %}
</div>