This repository has been archived by the owner on Sep 26, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
committee.html
72 lines (57 loc) · 2.52 KB
/
committee.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
---
layout: default
title: Committee
custom_css: committee
---
<h3 class="title-center">Meet the committee!</h3>
<div id="profiles">
{% for item in site.committee %}
<div class="committee-profile">
<div class="text">
<h3>{{ item.role }}</h3>
<h4>{{ item.name }}</h4>
<p>{{ item.bio }}</p>
{% if item.contact %}
<p>{{ item.contact }}:</p>
{% endif %}
<!--The LinkedIn profile-->
{% if item.contact-name %}
{% capture icon %}
/assets/images/icons/{{ item.contact-name }}
{% endcapture %}
<a href="{{ item.contact-link }}" target="_blank">
<img class="contact-icon" src="{{ icon }}" alt="The {{ item.contact-name }} logo">
</a>
{% endif %}
<!--The Twitter profile-->
{% if item.twitter-name %}
{% capture twitter %}
/assets/images/icons/{{ item.twitter-name }}
{% endcapture %}
<a href="{{ item.twitter-link }}" target="_blank">
<img class="contact-icon" src="{{ twitter }}" alt="The {{ item.twitter-name }} logo">
</a>
{% endif %}
<!--The personal website-->
{% if item.personal-name %}
{% capture personal %}
/assets/images/icons/{{ item.personal-name }}
{% endcapture %}
<a href="{{ item.personal-link }}" target="_blank">
<!--Modified version of:-->
<!--https://vectorified.com/download-image#font-awesome-internet-icon-31.png-->
<img class="contact-icon" src="{{ personal }}"
alt="Their personal website" title="Their personal website">
</a>
{% endif %}
</div>
{% capture path %}
/assets/images/committee/{{ item.image-name }}
{% endcapture %}
<img class="committee-picture" src="{{ path }}" alt="Picture of {{ item.name }}">
</div>
{% endfor %}
</div>
<div class="former-committee">
<p><a href = "/committee_old.html">Former Committee</a></p>
</div>