-
Notifications
You must be signed in to change notification settings - Fork 60
/
about.html
115 lines (113 loc) · 6.18 KB
/
about.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
---
layout: default
title: About Us
---
<div class="container">
<div class="col-lg-12">
<div class="col-lg-12 starter-template">
<h1>About Us</h1>
</div>
<div class="what-is">
<h2>What Is Code for DC?</h2>
<div class="row">
<div class="col-md-5">
<p>Code for DC is a Code for America Brigade located here in Washington, DC. Founded in 2012, we are a a non-partisan, non-political group of volunteer <a href="http://www.codeforamerica.org/blog/2013/05/06/what-is-a-civic-hacker/">civic hackers</a> working together to solve local issues and help people engage with the city. We host twice-monthly hacknights and other events to gather, discuss, and get stuff done.</p>
<p>We're looking to bring people with all different skill sets together to maximize our potential. Civic hackers aren't just developers—they're journalists, lawyers, designers, and interested citizens in general. The more community participation, the better.</p>
<p>Learn more about the CfA Brigade program <a href="http://codeforamerica.org/brigade" target="_blank">here</a>.</p>
</div>
<div class="col-md-7">
<div class='embed-container'><iframe src='http://www.youtube-nocookie.com/embed/PinRhW8Psn4' frameborder='0' allowfullscreen></iframe></div>
</div>
</div>
</div>
<div class="captains">
<h2>Leadership</h2>
<div class="row">
{% for p in site.data.leadership.current %}
<div class="col-md-4">
{% if p.image %}
<div class="image">
<img class="img-responsive center-block" height=200px width=200px src="{{ p.image }}" alt="{{ p.name }}" />
</div>
{% else %}
<img class="img-responsive center-block" style="margin-top:70px;margin-bottom:65px" height=200px width=200px src="/images/logo_386px.png" alt="{{ p.name }}" />
{% endif %}
<div class="bio">
<h3 class="text-center">{{ p.name }} <small>{{ p.title }}</small></h3>
<p class="text-center">{{ p.bio }}</p>
<p class="text-center">{% if p.email %}<a href="mailto:{{ p.email }}"><i class="fa fa-envelope fa-lg"></i></a>{% endif %} {% if p.twitter %}<a href="https://twitter.com/{{ p.twitter }}"><i class="fa fa-twitter fa-lg"></i></a>{% endif %} {% if p.github %}<a href="https://github.com/{{ p.github }}"><i class="fa fa-github fa-lg"></i></a>{% endif %}</p>
</div>
</div>
<!-- create a new .row div every three items -->
{% assign loopindex = forloop.index | modulo: 3 == 0 %}
{% if loopindex == 0 %}</div><div class="row">{% endif %}
{% endfor %}
</div>
</div>
<div class="row">
<div class="col-sm-6 community-partners">
<h2>Community Partners</h2>
{% for p in site.data.community %}
<p><a href="{{ p.site }}">{{ p.name }}</a></p>
{% endfor %}
</div>
</div>
<div>
<h2>Former Leadership</h2>
<div class="row">
{% for p in site.data.leadership.former %}
<div class="col-md-4">
<div class="image">
<img class="img-responsive center-block" height=200px width=200px src="{{ p.image }}" alt="{{ p.name }}" />
</div>
<div class="bio">
<h3 class="text-center">{{ p.name }} <small>{{ p.title }}</small></h3>
<p class="text-center">{{ p.bio }}</p>
<p class="text-center">{% if p.twitter %}<a href="https://twitter.com/{{ p.twitter }}"><i class="fa fa-twitter fa-lg"></i></a>{% endif %} {% if p.github %}<a href="https://github.com/{{ p.github }}"><i class="fa fa-github fa-lg"></i></a>{% endif %}</p>
</div>
</div>
<!-- create a new .row div every three items -->
{% assign loopindex = forloop.index | modulo: 3 == 0 %}
{% if loopindex == 0 %}</div><div class="row">{% endif %}
{% endfor %}
</div>
</div>
<div class="releases">
<h2>Press Releases</h2>
{% assign releases = site.data.pressreleases | sort: 'date' %}
{% for r in releases reversed %}
<div>
<p><strong>{{ r.date | date: "%B %-d, %Y" }} | {{ r.title }}</strong></p>
<p>{{ r.blurb }}</p>
<p><a href="/assets/pressreleases/{{ r.file }}">Read more</a></p>
</div>
{% endfor %}
</div>
<div class="press">
<h2>In the News</h2>
<div class="row">
{% assign stories = site.data.inthenews | sort: 'date' %}
{% for story in stories reversed %}
<div class="col-md-4 press-item">
<div class="press-item-img">
<img class="img-responsive center-block" src="{{ story.icon }}" alt="story.title" />
</div>
<div class="press-item-info">
<p>{{ story.publication }} | {{ story.date | date: "%B %-d, %Y" }}</p>
<p><strong>{{ story.title }}</strong></p>
<p><a href="{{ story.link }}">
{% if story.format == 'video' %}Watch it here
{% elsif story.format == 'audio' %}Listen here
{% else %}Read it here{% endif %}
</a></p>
</div>
</div>
<!-- create a new .row div every three items -->
{% assign loopindex = forloop.index | modulo: 3 == 0 %}
{% if loopindex == 0 %}</div><div class="row">{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
{% include _global_js.html %}