-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (152 loc) · 7.79 KB
/
index.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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
---
layout: default
description: Ela Conf - October 27 & 28 2017 in Philadelphia. A safe, inclusive tech leadership conference and community for adult (18+) women (cis and trans), trans men, and genderqueer people to connect with and empower one another.
head: |
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.css' rel='stylesheet' />
toc:
- About
- Videos & Photos
- Speakers
- Volunteers
- Organizers
---
<div class="hero">
<div class="hero-image">
<div class="hero-logo">
{% include svg/logo_shadow.svg %}
</div>
</div>
<div class="hero-side">
</div>
</div>
<!-- ///////////////////////////////////////////////////// -->
<!-- Sticky Nav -->
<!-- ///////////////////////////////////////////////////// -->
<div class="sticky-nav hide-mobile">
<div class="clearfix center">
<ul class="">
{% for section in page.toc %}
<li><a href="#{{section | slugify}}" class="item-{{section | slugify}}">{{section}}</a></li>
{% endfor %}
</ul>
</div>
</div>
<section id="about">
<div class="limiter">
<h2>2017 Recap</h2>
<p class="large">A safe, inclusive tech leadership conference and community for adult (18+) women (cis and trans), trans men, and genderqueer people to connect with and empower one another.</p>
<p>Leadership skills are crucial to making an impact in the field and creating diversity in the workplace. Companies with greater top-level gender diversity perform better financially, are more empathetic, and more innovative. When marginalized individuals become leaders, the entire tech community benefits.</p>
<p>We held the third Ela Conf on October 27th and 28th at Gershman Hall at the University of the Arts in Philadelphia, Pennsylvania. Learn about our events in <a href="/2015">2015</a> and <a href="/2016">2016</a>.</p>
<p>On Friday night, we hosted a meet and greet and talks. Saturday's day-long event featured 7 main stage talks and 2 break-out sessions with 3 workshops and panels. We concluded Saturday with a networking event at Mission Taqueria.</p>
<p>Overall, we had 193 attendees including 28 speakers, 20 volunteers, 22 sponsors, and 5 organizers!</p>
<h3>Thanks again to our 2017 sponsors!</h3>
{% for sponsor in site.data.sponsors %}{% unless sponsor.level == 'Opportunity Grant Donor' %}<a href="{{sponsor.link}}">{{sponsor.name}}</a>{% unless forloop.last %}, {% endunless %}{% endunless %}{% endfor %}
</div>
</section>
<section class="bg-about center-mobile">
<div class="limiter">
<div class="large hide-mobile">Ela Conf was established in 2015 by women, is run by women organizers, and is reserved exclusively for women (cis and trans), trans men, and genderqueer people to speak and attend.</div>
</div>
</section>
<section id="videos-photos" class="">
<div class="limiter">
<h2>Videos</h2>
<p>Play the <a href="https://www.youtube.com/playlist?list=PLB1PViL_KEtfkkWVc-sW9z35EmWqzYcC-">conference playlist</a> or jump right into a talk:</p>
<div class="blogs">
{% for post in site.agenda %}{% if post.video %}
<div class="blog">
<a href="{{post.video}}">{{post.title}}</a>
<div><span class="blog-img" style="background-image:url('{{site.baseurl}}/images/speakers/{{post.speakers[0] | slugify}}.jpg')"></span> <span class="quiet">{{post.speakers[0]}}</span></div>
</div>{% endif %}{% endfor %}
</div>
<h2>Photos</h2>
<p>Browse the <a href="https://jrblackwell.smugmug.com/Events/Ela-Conf/">full album</a>. Photos by J.R. Blackwell.</p>
<div class="photos">
<img src="{{site.baseurl}}/images/highlights/16.jpg" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/1.jpg" class="img-half" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/2.jpg" class="img-half" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/3.jpg" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/4.jpg" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/6.jpg" class="img-half" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/7.jpg" class="img-half" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/8.jpg" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/9.jpg" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/10.jpg" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/11.jpg" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/12.jpg" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/13.jpg" class="img-tall" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/14.jpg" class="img-wide" alt="Ela Conf 2017">
<img src="{{site.baseurl}}/images/highlights/15.jpg" alt="Ela Conf 2017">
</div>
</div>
</section>
<!--
<section id="evaluation" class="">
<div class="limiter">
<h2>Evaluation</h2>
{% include evaluation.html %}
</div>
</section>
-->
<section id="speakers" class="bg-purple">
<div class="limiter limiter-xlarge">
<h2>Speakers</h2>
<div class="speakers">
{% assign speakers = site.speakers | sort: 'order' %}
{% for speaker in speakers %}
<a class="speaker" href="{{site.baseurl}}{{speaker.url}}">
<div class="speaker-img" style="background-image:url('{{site.baseurl}}/images/speakers/{{speaker.title | slugify}}.jpg')"></div>
<div class="speaker-title">{{speaker.title}}</div>
{% if speaker.subtitle %}<div class="speaker-subtitle">{{speaker.subtitle}}</div>{% endif %}
</a>
{% endfor %}
</div>
</div>
<div class="corner corner-purple-light hide-mobile"></div>
</section>
<section class="bg-blue hide-mobile">
{% include video.html %}
<div class="limiter limiter-large">
<div class="corner-button"><a href="https://www.youtube.com/playlist?list=PLB1PViL_KEtfzGRVQwDuKeE7QA77NZTTU" class="button">Promo videos</a></div>
</div>
<div class="corner corner-blue hide-mobile"></div>
</section>
<section id="volunteers">
<div class="limiter limiter-xlarge">
<h2>Volunteers</h2>
<p>Big thank you to our volunteers. We couldn't do this without you! Our volunteers are helping before and during the event as speaker mentors, timekeepers, sketchnoters, and more!</p>
<div class="volunteers">
{% assign volunteers = site.data.volunteers | sort: 'name' %}
{% for volunteer in volunteers %}
<a class="volunteer" href="https://www.{{volunteer.social}}.com/{{volunteer.handle}}">
<div class="speaker-img" style="background-image:url('{{site.baseurl}}/images/volunteers/{{volunteer.name | slugify}}.jpg')"></div>
<div class="speaker-title">{{volunteer.name}}</div>
</a>
{% endfor %}
</div>
</div>
</section>
<section id="organizers" class="bg-purple">
<div class="limiter limiter-xlarge">
<h2>Organizers</h2>
<div class="organizers">
{% assign organizers = site.organizers | sort: 'order' %}
{% for organizer in organizers %}{% if organizer.image %}
<div class="organizer">
<a href="/organizers/{{organizer.title | slugify}}" class="organizer-img" style="background-image:url({{site.baseurl}}/images/organizers/{{organizer.image}})"></a>
<div class="organizer-bio">
<div class="hide-mobile">{{organizer.content}}</div>
<div class="show-mobile">{{organizer.title}}</div>
<div class="organizer-links">
<a href="https://www.twitter.com/{{organizer.handle}}">{% include svg/twitter.svg %}</a>
<a href="{{organizer.link}}">{% include svg/link.svg %}</a>
</div>
</div>
</div>
{% endif %}{% endfor %}
</div>
</div>
<div class="corner corner-purple-light"></div>
</section>
<script src="{{site.baseurl}}/js/sticky.js"></script>