-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathelementos.html
74 lines (68 loc) · 3.53 KB
/
elementos.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
---
layout: default
title: Elementos
---
<link href="{{ site.baseurl }}/css/members.css" rel="stylesheet">
<script src="{{ site.baseurl }}/js/modal.js"></script>
<div class="content">
<h2>Elementos da Tuna Universitária do Minho</h2>
<div class="mt-5" id="accordion">
{% for ger in site.data.elementos.geracoes %}
<div class="card mb-3">
<a class="card-link collapsed" data-toggle="collapse" href="#collapse{{ger.id}}">
<div class="card-header">
<b>{{ ger.nome }}</b>
</div>
</a>
<div class="collapse" data-parent="#accordion" id="collapse{{ger.id}}">
<div class="card-body">
{% for m in ger.elementos %}
<div class="team-member" id="member-card-{{ger.id}}-{{forloop.index0}}">
<img class="mx-auto rounded-circle" src="{{ site.baseurl }}/img/elementos/{{ m.foto }}">
<br>
<p class="member-text">{{m.alcunha}}</p>
</div>
<div class="member-modal" id="member-modal-{{ger.id}}-{{forloop.index0}}">
<div class="member-modal-content">
<div class="member-modal-header">
<span class="member-title">{{m.alcunha}}</span>
<span class="member-modal-close" id="member-modal-close-{{ger.id}}-{{forloop.index0}}">×</span>
</div>
<div class="member-modal-body">
<img class="member-image rounded-circle" src="{{ site.baseurl }}/img/elementos/{{ m.foto }}">
<table class="member-table">
<tbody class="member-table-body">
{% if m.nome %}
<tr class="member-row">
<td class="member-col-name">Nome</td>
<td class="member-col-empty"></td>
<td class="member-col-val">{{ m.nome }}</td>
</tr>
{% endif %}
{% if m.curso %}
<tr class="member-row">
<td class="member-col-name">Curso</td>
<td class="member-col-empty"></td>
<td class="member-col-val">{{ m.curso }}</td>
</tr>
{% endif %}
{% if m.instrumento %}
<tr class="member-row">
<td class="member-col-name">Instrumento</td>
<td class="member-col-empty"></td>
<td class="member-col-val">{{ m.instrumento }}</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
</div>
<script> modalJsMembers("{{ger.id}}-{{forloop.index0}}"); </script>
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>