-
Notifications
You must be signed in to change notification settings - Fork 24
/
mentors.html
155 lines (140 loc) · 8.3 KB
/
mentors.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
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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
---
layout: default
title: Meet Our Mentors!
body_class: page search-page list-page-mentors
---
{% include search_mentor.html %}
<div class="container">
<div class="row">
<div class="row-content col-12 col-lg-10">
{% include search-results-header.html %}
<div id="no-mentors-msg" class="alert alert-info d-none mb-5" role="alert">
Sorry, no mentors matching your search criteria were found. Please, adjust your filters and try again.
</div>
{% assign days_open = site.registration | plus: 0 %}
{% assign current_day = site.time | date: "%d" | plus: 0 %}
{% assign current_month = site.time | date: "%-m" | plus: 0 %}
{% assign mentors = site.data.mentors| sort: "sort" | reverse %}
{% for mentor in mentors %}
{% if mentor.disabled %}
<div class="inactive-mentor" id="mentor-card-{{mentor.index}}"></div>
{% else %}
<div class="card card-mentor" id="mentor-card-{{mentor.index}}" data-index="{{mentor.index}}">
<div class="row col-12">
<div class="card-media col-md-3">
<img src="{{mentor.image}}" alt="mentor headshot">
{% include registration.html %}
</div>
<div class="card-content col-md-9">
<div class="share-mentor dropdown d-flex justify-content-end">
<div data-toggle="dropdown" class="cursor-pointer d-flex align-items-center"
aria-haspopup="true" aria-expanded="false">
<span class="share-icon main-icon rounded-circle">
{% include icons/share2.svg %}
</span>
</div>
{% include share-mentor.html mentor=mentor %}
</div>
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
<li class="nav-item">
<div class="nav-link active presentation" id="bt-p-{{mentor.index}}"
data-index="{{mentor.index}}">Presentation</div>
</li>
<li class="nav-item">
<div class="nav-link skills" data-index="{{mentor.index}}"
id="bt-s-{{mentor.index}}">Skills</div>
</li>
<li class="nav-item">
<div class="nav-link mentees" data-index="{{mentor.index}}"
id="bt-m-{{mentor.index}}">Mentees</div>
</li>
<li class="nav-item">
<div class="nav-link reviews" data-index="{{mentor.index}}"
id="bt-v-{{mentor.index}}">Reviews</div>
</li>
<li class="nav-item">
<div class="nav-link mentor-resources" data-index="{{mentor.index}}"
id="bt-r-{{mentor.index}}">Resources</div>
</li>
</ul>
</div>
<h4 class="card-title">
{{mentor.name}}
</h4>
<div id="presentation-{{mentor.index}}" class="card-presentation" data-index="{{mentor.index}}">
<h5 class="position">{{mentor.position}}</h5>
<p><label>Based in</label>: {{mentor.location}}</p>
<p id="card-text-{{mentor.index}}" class="card-text content-justify content-overflow">
<label>Bio</label>: {{mentor.bio}}
</p>
<button data-index="{{mentor.index}}" id="btn-show-more-{{mentor.index}}"
class="btn btn-show-more btn-outline-primary toggle-content">Show more</button>
</div>
<div id="skills-{{mentor.index}}" class="card-skills d-none">
<p><label>Tech Experience</label>: {{mentor.skills.experience}}</p>
<p><label>Language(s)</label>: {{mentor.languages}}</p>
{% if mentor.skills.languages %}
<p><label>Programming languages</label>: {{mentor.skills.languages}}</p>
{% endif %}
{% include networks_mentors.html %}
</div>
<div id="mentees-{{mentor.index}}" class="card-mentees d-none">
<p data-toggle="tooltip" data-html="true"
title="<b>Ad-Hoc:</b> request a session when necessary. <br><b>Long term relationship:</b> at least one mentoring program cycle.">
<label>Type of mentoring</label>:
{% assign mentor_type_lower = mentor.type | downcase %}
{% if mentor_type_lower == 'both' %}
Long term relationship and Ad-Hoc
{% elsif mentor_type_lower == 'long-term' %}
Long term relationship
{% elsif mentor_type_lower == 'ad-hoc' %}
Ad-Hoc
{% else %}
{{mentor.type}}
{% endif %}
<span>{% include icons/question-fill.svg %}</span>
</p>
{% if mentor.hours > 0 %}
<p class="card-text content-justify"><label>Hours available per month</label>:
{{mentor.hours}}</p>
{% endif %}
<p class="card-text content-justify"><label>Ideal Mentee</label>: {{mentor.skills.mentee}}
</p>
<p>
<label>Areas to support the mentee</label>:
<ul>
{% for area in mentor.skills.areas %}
{% if area != nil %}
<li>{{area}}</li>
{% endif %}
{% endfor %}
{% for focus in mentor.skills.focus %}
<li>{{focus}}</li>
{% endfor %}
</ul>
</p>
{% if mentor.skills.extra %}
<p><label>Other potential mentoring topics</label>: {{mentor.skills.extra}}</p>
{% endif %}
</div>
{% include review_mentors.html %}
{% include resources_mentors.html %}
</div>
</div>
<input type="hidden" name="mentor-name" value="{{mentor.name | uppercase}}">
<input type="hidden" name="index" value="{{mentor.index}}">
<input type="hidden" name="exp" value="{{mentor.skills.years}}">
<input type="hidden" name="mentor-type" value="{{mentor.type | downcase}}">
<input type="hidden" name="mentor-data" value="{{mentor.name | downcase}}
{{mentor.bio | normalize_whitespace | downcase}}
{{mentor.skills.languages | downcase}}
{{mentor.skills.extra | normalize_whitespace | downcase}}
{{mentor.skills.focus | array_to_sentence_string | downcase}}
{{mentor.skills.areas | array_to_sentence_string | downcase}}">
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>