forked from codeforamerica/peernetwork
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
352 lines (336 loc) · 22.3 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The CfA Peer Network: Connecting Civic Leaders</title>
<meta name="description" content="Code for America is launching a new civic leader peer network for government officials.">
<meta name="author" content="Code for America">
<!-- Le styles -->
<link href="css/style.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Alfa+Slab+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300italic,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/ico" href="images/favicon.ico"/>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20825280-10']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="-10">
<div id="main_nav_cont" class="subnav">
<div id="nav_cont">
<ul class="nav nav-pills">
<li class="home"><a href="http://codeforamerica.org" class="last"><img src="images/logo-white.png" style="padding-bottom: 5px;" height="35px" align="center"></a></li>
<li class="home"><a href="#"><img src="images/name.png" style="padding-bottom: 5px;" align="center"></a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="#membership">Membership</a></li>
<li><a href="#team">Advisors</a></li>
<li><a href="#proof">Content</a></li>
<li><a href="#program">Program</a></li>
<li><a href="#information">Overview</a></li>
</ul>
</div>
</div>
<!-- Masthead
================================================== -->
<div id="banner_cont">
<div id="banner_bg" >
<div id="banner_txt">
<div class="Apply">
<button name="" data-toggle="modal" href="#app" class="button" type="submit" value="Apply Now" />Apply Now</button>
</div>
</div>
</div>
</div>
<div id="information">
<div id="wrapper">
<div id="main_container" class="info">
<div class="main_cont" id="opportunity">
<div class="top_art_cont">
<p>Local governments are changing. Forward-thinking public servants across the country are leveraging technology to innovate the way our cities work — and it’s accelerated by the exchange of ideas, solutions, best practices, and even software code between likeminded leaders.</p>
<p>That’s why <a href="http://codeforamerica.org/">Code for America</a> built the CfA Peer Network: a professional learning network for local government innovators who share the common goal of taking innovation in their city to the next level.</p>
<p>Join the Peer Network to level up your impact through <em>collaboration</em> with other civic change agents, <em>actionable content</em> tailored to your needs, and <em>visibility</em> on a national stage.
</div>
<div id="finish_line_cont"></div>
</div>
<div class="main_cont" id="program">
<h1>The Program</h1>
<div class="top_art_cont">
<!--<p>The CfA Peer Network connects change agents in local government around big ideas with the potential to make government more engaged with citizens and more effective — empowering you to be more effective in your city and in your career.</p>-->
<p>Through events, expert resources designed around member priorities, and networking opportunities with leaders inside and outside government, the Code for America Peer Network empowers you to be more effective in your city and in your career — and to drive forward our collective vision for a new kind of public service.</p>
<!--<div class="bottom_art_cont">
<ul>
<li class="redli liImg1">Networking Events<p>Access a network of experts, peers, and mentors through online discussion, Q&A sessions, monthly conference calls, and in-person events like the Code for America Summit.</p></li>
<li class="redli liImg2">Structured Collaboration<p>Regular opportunities to work with your peers supported by collaboration tools, staff support, and structure — so you can focus on the work that matters most.</p></li>
<li class="redli liImg3">Actionable Trainings and Expert Content<p>Monthly training and professional development sessions with leading experts at the intersection of tech and government, and best practice briefings and how-to guides on timely topics driven by your needs.</p></li>
<li class="redli liImg4">On-Demand Concierge Connections<p>Personalized connections to the people, tools, resources, and expertise that can help you push forward the issues that you and your city are most interested in.</p></li>
</ul>
</div> -->
<p>Membership applications for the beta program are open now; If you're interested, <a data-toggle="modal" href="#app"> sign up for more info. →</a>
</p>
</div>
<!--<div class="bottom_art_cont">
<h3 class="ribbon">How it Works</h3>
</div>-->
<div class="program_cont row">
<h3 class="ribbon">Benefits of Participation</h3>
<div class="span4">
<img src="images/networking.png">
<p><h3>Networking and collaboration:</h3>Invite-only events, collaborative projects, and facilitated discussion lets you connect with likeminded leaders to exchange knowledge, solutions, and practical approaches.</p>
</div>
<div class="span4">
<img src="images/glasses.png">
<p><h3>Content and expert resources:</h3>Actionable content tailored to support member needs, including deployment guides for CfA-vetted apps, timely case studies, and online training with renowned experts.</p>
</div>
<div class="span4">
<img src="images/institution.png">
<p><h3>National visibility:</h3>Opportunities to showcase what’s already been done in your city and lead the way in establishing best practices that can become the new standards for civic innovation.</p>
</div>
<div id="finish_line_cont"></div>
</div>
<div class="main_cont" id="proof">
<h1>Content Offerings</h1>
<div class="top_art_cont">
<!--<p class="quote">"Peer networks are great innovators... because their open architecture allows others to build more easily on top of existing ideas, just as Berners-Lee built the Web on top of the Internet, and a host of subsequent contributors improved on Berners-Lee’s vision of the Web." — Steven B. Johnson, Future First</p>
<p class="quote">“Code for America’s Peer Network will enable cities to collaborate and learn from each other how best to use these new tools for improving life in their communities.” — Nigel Jacob, Co-Chair of the Mayor’s Office of New Urban Mechanics, City of Boston</p>
<p>The CfA Peer Network is a platform for surfacing new ideas and spreading them among innovators in city governments, focusing on emerging trends and what's working where.</p> -->
<p>Along with extensive networking and collaboration with likeminded civic leaders and outside experts, you’ll also get access to custom, goal-oriented content designed to support member interests, needs, and priorities — with a focus on emerging trends and what's working where.</p>
<p>Formats range from in-depth policy briefings to casual live Q&A with resident experts, informal online discussions amongst peers to training sessions with industry leaders.</p>
<!--<ul class="themes">
<li>Access a network of experts, peers, and mentors through online discussion, Q&A sessions, and regular conference calls.</li>
<li>Monthly training and professional development sessions with leading experts at the intersection of tech and government.</li>
<li>In-depth policy briefings, best practices, and how-to guides on timely and relevant topics.</li>
<li>Complimentary attendance at the Code for America Summit and other invite-only networking events.</li>-->
</div>
<div class="program_cont row">
<h3 class="ribbon">What You'll Learn</h3>
<p>Content is built to address member interests and priorities. Sample topics for 2013 include:</p>
<ul class="themes">
<li><strong>Launch an Open Data Catalog:</strong> Select the right platform for your city, prioritize datasets to release first, and encourage meaningful use by the public.</li>
<li><strong>Rethink the Citizen Experience:</strong> Adopt UX design principles to improve the citizen experience through user-centric design.</li>
<li><strong>Leverage Community as Capacity:</strong> Energize local economy and civic engagement by collaborating with community groups on apps contests and other events.</li>
<li><strong>Professional Negotiation:</strong> Build your negotiation skills to be a more effective leader and achieve better outcomes in your career.</li>
</ul>
</div>
<!-- <div class="span4">
<img src="images/institution.png">
<p><b>Join the network:</b> Attend the annual Code for America Summit, a gathering of over 250 experts in civic technology from inside and outside government that informs shared priorities and goals for the coming year.</p>
</div>
<div class="span4">
<img src="images/bullhorn.png">
<p><b>Do more with less:</b> Discover apps and tools you can deploy in your, and get practical advice and guides on how to identify and stand up the right apps to fit your needs.</p>
</div>
<div class="span4">
<img src="images/glasses.png">
<p><b>Lead the way:</b> Showcase what’s already been done in your city and lead the way in establishing best practices that can become the new standards for innovation.</p>
</div>
</div>
<div id="finish_line_cont"></div>
</div>-->
<!-- <div class="program_cont row">
<h3 class="ribbon">Sample Content</h3>
<div class="proof_cont">
<div class="team_li_cont">
<div class="team_logo"><img src="images/summit1.png" width="93" height="92" /></div>
<h4 class="redli">The Summit</h4>
Join over 250 <a href="https://vimeo.com/31281413#">experts in civic tech</a> from inside and outside government for conversations that inform <a href="https://vimeo.com/36099049">shared focuses and goals</a> for the coming year.
</div>
<div class="team_li_cont">
<div class="team_logo"><img src="images/apps_pn.png" width="92" height="92" /></div>
<h4 class="redli">Apps and Policies</h4>
Discover curated and vetted <a href="http://commons.codeforamerica.org/software-functions/data-integration">apps</a> to fit the needs of your city, and practical <a href="http://wiki.civiccommons.org/Open_Data_Policy">advice and policies</a> you can put in place to make them effective.
</ul>
</div>
<div class="team_li_cont">
<div class="team_logo"><img src="images/webinar_pn.png" width="93" height="92" /></div>
<h4 class="redli">Trainings</h4>
Hear from peer mentors about how to create a <a href="http://codeforamerica.org/?p=20042">culture of innovation</a> in your government — and participate in new webinars with leading experts monthly.
</div>
</div>-->
<!-- ><div class="program_cont row">
<h3 class="ribbon">Upcoming Webinars</h3>
<div class="advisorimages">
<ul>
<li><img src="images/ron_bouganim.png" rel="popover" title="Presenter #1" data-content="<span class='popovercontentstyle'>Deputy US CTO</span><br/>Municipal Collaboration" /></li>
<li><img src="images/aneesh_chopra.png" rel="popover" title="Presenter #2" data-content="<span class='popovercontentstyle'>Author, The Lean Startup</span><br/>Lean Government" /></li>
<li><img src="images/caterina_fake.png" rel="popover" title="Presenter #3" data-content="<span class='popovercontentstyle'>Founder, O'Reilly Media</span><br/>Government as a Platform" /></li>
</ul>
</div>
</div> -->
</div>
<div id="finish_line_cont"></div>
</div>
<div class="main_cont" id="team">
<h1>Advisors</h1>
<div class="top_art_cont">Meet our advisors — resident experts with experience from the public and private sector who are helping build the Peer Network.
</div></br>
<div class="advisorimages">
<ul>
<li><img src="images/milgram.png" rel="popover" title="Anne Milgram" data-content="<span class='popovercontentstyle'>VP for Criminal Justice</span><br/>Arnold Foundation" /></li>
<li><img src="images/noveck.png" rel="popover" title="Beth Noveck" data-content="<span class='popovercontentstyle'>Former Deputy Chief Technology Officer</span><br/>White House" /></li>
<li><img src="images/crawford.png" rel="popover" title="Susan Crawford" data-content="<span class='popovercontentstyle'>Professor</span><br/>Cardozo Law School" /></li>
<li><img src="images/chris_vein.jpg" rel="popover" title="Chris Vein" data-content="<span class='popovercontentstyle'>Chief Innovation Officer</span><br/>World Bank" /></li>
<li><img src="images/eaves.png" rel="popover" title="David Eaves" data-content="<span class='popovercontentstyle'>Open Innovation Expert</span><br/>Recollect" /></li>
</ul>
</div>
<div id="finish_line_cont"></div>
<div class="main_cont" id="membership">
<h1>Membership</h1>
<div class="top_art_cont">
<p>We are now <a data-toggle="modal" href="#app">accepting membership applications</a> from innovators working within local governments of all sizes for an extended beta period. The beta program is kicking off in April of 2013; room is limited but <a data-toggle="modal" href="#app">let us know you're interested</a> and we'll be in touch with more details.</p>
<div class="membership">
<button name="" data-toggle="modal" href="#app" class="button_membership" type="submit" value="Apply Now"/>I'm Interested</button>
</div>
</div>
<div id="finish_line_cont"></div>
</div>
<div class="main_cont faq_h" id="faq">
<h1>FAQ</h1>
<div class="top_art_cont">
<p>Got questions? Good. Here are some answers, and we'll keep adding to the list over time. Still not sure about something? No problem. Drop us a line (<a href="mailto:[email protected]">email</a> or <a href="http://twitter.com/codeforamerica">@codeforamerica</a>), and we'll get you squared away.</p>
<h2>What is the CfA Peer Network?</h2>
<p class="answers">It’s a membership-based, peer learning community that will mobilize innovation in cities by supporting and connecting forward-thinking local government leaders across the country. The Peer Network provides structure for collaboration and knowledge exchange between cities — supplemented by tools, information resources, professional development and training, and access to outside experts.</p>
<h2>What is Code for America?</h2>
<p class="answers">Founded in 2009, <a href="http://codeforamerica.org">Code for America</a> (CfA) is a nonprofit collaborating with local governments to foster and facilitate innovation in cities. CfA is known for its fellowship program, which has brought tech professionals to partner with over 20 city governments to solve problems using new approaches. Through its new Accelerator and Brigade programs, CfA is connecting cities with startups and volunteers, as well as each other. For more information, watch <a href="codeforamerica.org/TED">founder Jennifer Pahlka’s TED talk</a>.</p>
<h2>Who can join the Peer Network?</h2>
<p class="answers">Membership is open to government innovators from cities and counties of all sizes. The only requirements? You work within local government, and you have a passion for civic innovation.</p>
<h2>When can I join the Peer Network?</h2>
<p class="answers">We are currently in beta, and we’re now accepting applications for membership on a limited basis. Interested in finding our more? <a data-toggle="modal" href="#app">Let us know</a>, and we’ll be in touch with more details.</p>
<h2>How much does it cost to join the Peer Network?</h2>
<p class="answers">Beta members can participate free of charge during the beta period. In the future, annual membership dues will be determined on a sliding scale based on population.</p>
<h2>I don't work in government, but I want to get involved. What can I do?</h2>
<p class="answers">Check out the Code for America <a href="http://brigade.codeforamerica.org">Brigade</a>, our network of volunteer civic hackers across the country. There might be a Brigade in your community already, or you can start one yourself.</p>
<p>Additionally, we'll be looking for folks from outside government with expertise in specific topic areas to serve as guest contributors and project advisors for the Peer Network — if you're interested in participating in this capacity, <a href="mailto:[email protected]">email us</a>.</p>
</div>
<div id="finish_line_cont"></div>
<div class="main_cont" id="sponsors">
<h1>Sponsors</h1>
<img src="images/esrilogo.jpg" width="200" align="center" / >
<p>If your company is interested in sponsoring the Peer Network, contact Ashley Meyers at ashley [at] codeforamerica [dot] org.</p>
</div>
<!-- <div id="finish_line_cont"></div>
</div>
<div class="main_cont row" id="sponsors">
<div class="span4">
<a href="http://codeforamerica.org"><img src="images/cfa2.png" /></a>
</div>
<div class="span4">
<a href="http://google.com"><img src="images/google2.png" /></a>
</div>
<div class="span4">
<a href="http://kauffman.org"><img src="images/kauffman2.png" /></a>
</div>
</div>-->
</div>
</div>
</div>
</div>
</div>
<div id="app" class="modal hide fade in" style="display: none; ">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
</div>
<div class="modal-body">
<div id="wufoo-w7p5k9">
Fill out my <a href="http://codeforamerica.wufoo.com/forms/w7p5k9">online form</a>.
</div>
<script type="text/javascript">var w7p5k9;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'codeforamerica',
'formHash':'w7p5k9',
'autoResize':true,
'height':'1006',
'async':true,
'header':'show',
'ssl':true};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { w7p5k9 = new WufooForm();w7p5k9.initialize(options);w7p5k9.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script>
</div>
<!-- <div class="modal-footer">
<a href="#" class="btn btn-success">Call to action</a>
<a href="#" class="btn" data-dismiss="modal">Close</a>
</div> -->
</div>
<div id="dues" class="modal hide fade in" style="display: none; ">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
</div>
<div class="modal-body">
<h3 class="ribbon">2013 Membership Dues</h3>
<table align="center" border="1" cellpadding="8">
<tr>
<th>Population</th>
<th>Annual Dues</th>
<th>Memberships Included</th>
</tr>
<tr align="center">
<td>up to 100K</td>
<td>$3,000</td>
<td>One</td>
</tr>
<tr align="center">
<td>100 — 250K</td>
<td>$6,000</td>
<td>Two</td>
</tr>
<tr align="center">
<td>250 — 500K</td>
<td>$8,000</td>
<td>Two</td>
</tr>
<tr align="center">
<td>500K — 1M</td>
<td>$12,500</td>
<td>Three</td>
</tr>
<tr align="center">
<td>Over 1M</td>
<td>$20,000</td>
<td>Three</td>
</tr>
</table>
</div>
<div class="modal-footer">
<a href="#app" class="btn btn-success" data-toggle="modal" data-dismiss="modal">Sign up for more info →</a>
</div>
</div>
<!-- Footer
================================================== -->
<footer class="footer">
<div id="footer_cont">
<img src="images/flag_tag.png"/>
</div>
</footer>
</div><!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/application.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
<script type='text/javascript' src='js/jquery.scrollTo-1.4.2-min.js'></script>
<script type='text/javascript' src='js/jquery.localscroll-1.2.7-min.js'></script>
<script type='text/javascript' src='js/jquery.ba-hashchange.min.js'></script>
<script type='text/javascript' src='app.js'></script>
</body>
</html>