-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
350 lines (321 loc) · 16.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>NDoCH @ Denver</title>
<meta name="twitter:card" content="summary">
<meta name="twitter:domain" content="build.codefordenver.org">
<meta name="twitter:title" content="NDoCH @ Denver">
<meta name="twitter:image:src" content="http://build.codefordenver.org/favicon.png">
<meta name="twitter:description" content="National Day of Civic Hacking is a nationwide day of action to bring together civic leaders and community organizations to tackle some our toughest challenges. Our local event hosted by Code for Denver, will be focused on criminal justice and mapping out the journey of a user to get their record sealed.">
<meta property="og:image" content="https://pbs.twimg.com/media/Di1iTHTU4AAIBLZ.jpg">
<meta name="description" content="National Day of Civic Hacking is a nationwide day of action to bring together civic leaders and community organizations to tackle some our toughest challenges. Our local event hosted by Code for Denver, will be focused on criminal justice and mapping out the journey of a user to get their record sealed.">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/creative.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#b91d47">
<meta name="theme-color" content="#ffffff">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">NDoCH @ Denver 2019</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#ndoch">What is NDoCH</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#problem">Problem</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#details">Event Details</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#resources">Resources</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About Us</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="cover masthead text-center text-white d-flex">
<div class="container my-auto">
<div class="row">
<div class="col-lg-10 mx-auto">
<h1 class="text-uppercase">
<strong>NATIONAL DAY OF CIVIC HACKING - 2019</strong>
</h1>
<hr>
</div>
<div class="col-lg-8 mx-auto">
<p class="text-faded mb-5">Code for Denver</p>
<a class="btn btn-primary btn-xl js-scroll-trigger mb-4" href="https://www.meetup.com/CodeForDenver/events/264392549">SIGN UP ON MEETUP</a>
<a class="btn btn-light btn-xl js-scroll-trigger mb-4" href="#ndoch">LEARN MORE</a>
</div>
</div>
</div>
<div id="attribution" class="text-faded">Cover Image Copyright Code for America 2018, CC-BY-NC 2.0, desaturated by Code for Denver. <a href="https://www.flickr.com/photos/codeforamerica/30694717617/">Source</a></div>
</header>
<section class="bg-primary" id="ndoch">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h2 class="section-heading text-white">What is NDoCH?</h2>
<hr class="light my-4">
<p class="text-faded mb-4">National Day of Civic Hacking is a nationwide day of action to bring together civic leaders and community organizations to tackle some our toughest challenges. Our local event hosted by Code for Denver will focus on <strong class="text-white">Criminal Justice Reform.</strong> Activities will include mapping out the journey of a person to get their record sealed.
</p>
<p class="text-faded mb-4"><b>When:</b>
<strong class="text-white">September 21st, 2019</strong>
</p>
<p class="text-faded mb-4"><b>Where:</b>
<strong><a class="text-white" href="https://goo.gl/maps/8K2mTjUstcb8hd7D6">Workability Uptown at the Sudler - 1576 Sherman St, Denver, CO 80203</a></strong>
</p>
<p class="text-faded mb-4">
<strong class="text-white">Bring a Laptop!</strong>
</p>
</div>
</div>
</div>
</section>
<iframe width="100%" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d383.4900008193367!2d-104.9847506!3d39.7414477!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x876c792a66a2b4ed%3A0xa28d4672d6aaaf5a!2sWorkAbility%20-%20Uptown%20at%20the%20Sudler!5e0!3m2!1sen!2sus!4v1568144935712!5m2!1sen!2sus" allowfullscreen></iframe>
<section id="problem">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Problem Statement</h2>
<hr class="my-4">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-question text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">WHAT WILL WE BE WORKING ON?</h3>
<p class="text-muted mb-0 text-left">We are working to create a complete understanding of how people with convictions in Colorado can have their records sealed. This is a first step to find the friction points for users in the process that can be addressed with either technology or process.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-wrench text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">WHY IS THIS ISSUE WORTH SOLVING?</h3>
<p class="text-muted mb-0 text-left">Sealing your record can help remove barriers to housing, jobs, education, and other opportunities. In some cases, there are records that can be sealed for convictions that are no longer a crime.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 text-center">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-check-circle text-primary mb-3 sr-icons"></i>
<h3 class="mb-3">IDEAS AND FURTHER INVOLVEMENT</h3>
<p class="text-muted mb-0 text-left">Our primary idea is to create a journey map for the record sealing process. This will then be used in an ongoing project at Code for Denver's regular project night. We also hope that this artifact will be useful for our partners in advancing legislation, creating reports, and understanding how they can influence the process to be as easy as possible.</p>
</div>
</div>
</div>
</div>
</section>
<section class="bg-primary" id="details">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-white">Schedule</h2>
<hr class="light my-4">
</div>
<div class="container">
<div class="row">
<div class="col-lg-5 m-auto">
<div class="mt-4 mx-auto">
<div class="d-flex">
<h4 class="text-white mb-4 col-3">10:00</h4>
<h4 class="text-white mb-4"><i>Introductions, Intro to Journey Mapping & Breakfast (provided)</i></h4>
</div>
<div class="d-flex">
<h4 class="text-white mb-4 col-3">10:30</h4>
<h4 class="text-white mb-4">Journey Mapping</h4>
</div>
<div class="d-flex">
<h4 class="text-white mb-4 col-3">12:00</h4>
<h4 class="text-white mb-4">Lunch (provided)</h4>
</div>
<div class="d-flex">
<h4 class="text-white mb-4 col-3">12:30</h4>
<h4 class="text-white mb-4">Lightning Talks</h4>
</div>
<div class="d-flex">
<h4 class="text-white mb-4 col-3">1:00</h4>
<h4 class="text-white mb-4">Journey Mapping</h4>
</div>
<div class="d-flex">
<h4 class="text-white mb-4 col-3">4:00</h4>
<h4 class="text-white mb-4">Closing Remarks</h4>
</div>
<div class="text-center">
<a class="btn btn-light btn-xl mt-5" target="_blank" rel="noopener noreferrer" href="https://github.com/codefordenver/codeofconduct#code-of-conduct">
Code of Conduct
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
<section class="bg-light" id="details">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Speakers</h2>
<hr class="my-3">
<p class="mb-4">TBA</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6 text-center">
<div class="service-box mt-5 mx-auto">
<h3 class="mb-3">Civic Engagement Panel</h3>
<div class=mb-3>
<p class="text-muted mb-0 text-left"><strong>Brande Micheau</strong></p>
<p class="text-muted mb-0 text-left"><em>Community Member & Co-Founder of Project Belay</em></p>
</div>
<div class=mb-3>
<p class="text-muted mb-0 text-left"><strong>Rob DuRay</strong></p>
<p class="text-muted mb-0 text-left"><em>Independent Civic Engagement Consultant</em></p>
</div>
<div class=mb-3>
<p class="text-muted mb-0 text-left"><strong>Karen Derrick-Davis</strong></p>
<p class="text-muted mb-0 text-left"><em>Community Organizer</em></p>
</div>
<div class=mb-3>
<p class="text-muted mb-0 text-left"><strong>Evan Weissman</strong></p>
<p class="text-muted mb-0 text-left"><em>Founder & Creative Director @ Warm Cookies of the Revolution</em></p>
</div>
</div>
</div>
<div class="col-lg-6 text-center">
<div class="service-box mt-5 mx-auto">
<h3 class="mb-3">Lightning Talks</h3>
<div class=mb-3>
<p class="text-muted mb-0 text-left"><strong>Tools and Analysis to Make a Better Organizer</strong></p>
<p class="text-muted mb-0 text-left"><em>Rob DuRay – Independent Civic Engagement Consultant</em></p>
</div>
<div class=mb-3>
<p class="text-muted mb-0 text-left"><strong>Data Access & Analysis for Understanding Community Well-Being</strong></p>
<p class="text-muted mb-0 text-left"><em>Courtney Steele – Manager of Digital Products & Partnerships @ Shift Research Lab</em></p>
</div>
<div class=mb-3>
<p class="text-muted mb-0 text-left"><strong>Civic Network: Doing Good, Better</strong></p>
<p class="text-muted mb-0 text-left"><em>Bill Fulton – Founder & Co-Executive Director @ Civic Canopy</em></p>
</div>
<div class=mb-3>
<p class="text-muted mb-0 text-left"><strong>Community Wealth Building with Airtable</strong></p>
<p class="text-muted mb-0 text-left"><em>David Viramontes – Code for Denver</em></p>
</div>
<div class=mb-3>
<p class="text-muted mb-0 text-left"><strong>Upswyng: A Digital Directory of Resources for the Homeless Population</strong></p>
<p class="text-muted mb-0 text-left"><em>Mike Homner – Code for Boulder</em></p>
</div>
</div>
</div>
</div>
</div>
-->
</section>
<section>
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto text-center">
<h2 class="section-heading">SPONSORS</h2>
<hr class="my-4">
</div>
</div>
<div class="row flex align-items-center">
<!-- <div class="col-lg-4 col-sm-12 mb-4 text-center"> -->
<div class="col-lg-12 col-sm-12 ml-auto mb-4 text-center">
<a href="https://workability.works/sudler/"><img class="mt-1" src="img/Workability%20Logo.jpg" alt="Workability Logo" width="300"></a>
</div>
<!--
<div class="col-lg-4 col-sm-12 mb-4 text-center">
<img class="mt-3" src="img/waffle-logo.png" alt="Waffle Logo" width="300">
</div>
<div class="col-lg-4 col-sm-12 mb-4 text-center">
<img src="img/mmm logo.png" alt="mmmanyfold Logo" width="300">
</div>
</div>
<div class="text-center mt-5 mx-auto col-lg-6 col-sm-12">
<h5>Intro to Programming provided by</h5>
<div class="mx-auto">
<img width="275" src="img/turing-logo.png">
</div>
<small>The Turing School of Software and Design is a seven-month software development program with both frontend and backend tracks, located here in Denver. They operate as a nonprofit to be focused 100% on student success.</small>
</div>
-->
</div>
</section>
<section class="bg-primary" id="resources">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<a class="btn btn-light btn-xl resources" target="_blank" rel="noopener noreferrer" href="https://docs.google.com/document/d/1dE7iJM-bQ3Ws-II4TJHDbSOUWB06dbMKFMiUkCsMNHQ/edit?usp=sharing">
HACKATHON RESOURCES
</a>
</div>
</div>
</div>
</section>
<section class="bg-light" id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h2 class="section-heading">Who we are!</h2>
<hr class="my-4">
<p class="mb-5">We are technologists, programmers, visual and graphic designers, product managers, researchers developers, UX and UI designers, architectural engineers, QA analysts, community organizers, students and entrepreneurs. We are also mothers and fathers, brothers and sisters, and community members. We are all working for a better Denver, a better America and a better tomorrow. </p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12 ml-auto mb-4 text-center">
<img src="img/CfD%20Logo%20New.png" alt="Generic placeholder image" width="200">
</div>
<!--
<div class="col-lg-4 col-sm-12 mr-auto mb-4 text-center">
<img src="img/CodeForBoulder.png" alt="Generic placeholder image" width="200">
</div>
-->
</div>
</div>
</section>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script>
</body>
</html>