forked from smartchicago/cutgroup
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
174 lines (144 loc) · 11 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Civic User Testing Group - Smart Chicago Collaborative</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/main.css">
<script src="assets/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300' rel='stylesheet' type='text/css'>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html">Civic User Testing Group</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li><a href="#signup">Be a Tester</a></li>
<li><a href="developers.html">Developers</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="hero-unit">
<div class="pull-left span3">
<a href="http://www.smartchicagocollaborative.org/"><img src="assets/img/smart-chicago-logo.png" alt="Smart Chicago Collaborative" style="height:54px; width: 200px; margin-top:30px;"/></a>
</div>
<div class="pull-left span8">
<h1>Civic User Testing Group</h1>
<p>The Civic User Testing Group is a set of regular Chicago residents who <strong>get paid</strong><br/> to test out civic apps.</p>
</div>
<div class="clearfix"></div>
</div>
<a name="signup"></a>
<div class="row section-break">
<div class="span6" id="main-body-copy">
<h2>Be a tester, get paid</h2>
<p>The Civic User Testing Group (CUT Group) is a set of regular Chicago residents who get paid to test out civic apps.</p>
<ul>
<li>Fill out a CUT Group profile and sign up to be a tester of civic apps, and we'll send you a $5 VISA gift card
</li>
<li>If and when you are chosen to test a civic app, you get paid a $20 VISA gift card and bus fare.</li>
</ul>
<p>There is a large and growing community of "civic hackers" in Chicago — technology developers who make websites, mobile apps, and other tools that often have specific use in Chicago. The goal is to make software that helps make lives better in the city.</p>
<p>The problem is that lots of civic apps get attention among a smallish group of other developers and people interested in the world of open data, but do not get wide acceptance by the people they were made for — regular residents of the city of Chicago.</p>
<p><strong>You are going to change all that!</strong></p>
<p>We need people from all over the city, using all sorts of devices, browsers and operating systems.</p>
</div>
<div class="span6" id="ward-map-container">
<div id="ward-map"></div>
</div>
</div>
<div class="row section-break">
<div class="span12">
<h2>Get Started</h2>
<div class="hidden-phone">
<p>We are currently soliciting applications from every ward in Chicago. As we spend time together, we hope to form bonds among government, developers, and community members who come together in the spirit of co-creation to make civic apps that work for everyone. We will close down each ward once we've got enough coverage, and we'll update the map above as we get people onboard. Sign up now and tell your friends!</p>
</div>
<!-- <iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dDFfTXY0dTFkZlZ4QlM3Ukkxck85R3c6MQ" width="940" height="2000" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe> -->
<!-- start form -->
<p>In order to get the most out of CUT Group testing, we have to have a fairly scientific take on the who is doing the testing and how they’re using the Internet.</p>
<p>This survey has a lot of questions about where you live, what devices you have, and how you connect to the Internet. This helps us get the right mix of people to test a particular application.</p>
<p>
If you complete the form, we will send you $5 in the mail (via VISA gift card) right away.
</p>
<div id="wufoo-q7x3a1">
Fill out my <a href="http://smartchicago2012.wufoo.com/forms/q7x3a1">online form</a>.
</div>
<script type="text/javascript">var q7x3a1;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'smartchicago2012',
'formHash':'q7x3a1',
'autoResize':true,
'height':'1371',
'async':true,
'header':'hide'};
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 { q7x3a1 = new WufooForm();q7x3a1.initialize(options);q7x3a1.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script>
<!-- end form -->
</div>
</div>
<a name="about"></a>
<div class="row section-break">
<div class="span12">
<h2>About</h2>
<p>The Civic User Testing group is a project of the <a href="http://www.smartchicagocollaborative.org">Smart Chicago Collaborative</a>, a civic organization devoted to using technology to make lives better in Chicago. The project is supported by a <a href="http://www.knightfoundation.org/funding-initiatives/knight-community-information-challenge/">Knight Community Information Challenge grant</a> provided jointly by the <a href="http://www.knightfoundation.org/about/">Knight Foundation</a> and <a href="http://www.cct.org">The Chicago Community Trust</a> as part of the Civic Innovation in Chicago project. Additional funding is provided by the <a href="http://www.macfound.org">John D. and Catherine T. MacArthur Foundation</a>.</p>
<p>Testing will happen all over the city at the locations of <a href="http://www.weconnectchicago.org">Connect Chicago</a>, a loose network of more than 250 places in the city where internet and computer access, digital skills training, and online learning resources are available – for free. If you're interested in getting into the civic hacker world as a member of government, a technology developer, or an engaged citizen, consider joining <a href="http://www.meetup.com/OpenGovChicago/">monthly OpenGovChicago(-land) meetups</a>. All are welcome!
<p>Get a mitt and get in this game!</p>
</div>
<div class="span4">
<div style="text-align:center;">
</div>
</div>
</div>
<a name="contact"></a>
<div class="row section-break">
<div class="span12">
<h2>Contact</h2>
<p>Questions, comments, concerns? Hit us here: Daniel X. O'Neil, <a href="mailto:doneil@cct.org">doneil@cct.org</a> or (773) 960-6045.</p>
</div>
</div>
<hr>
<footer>
<p class="muted"><a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/80x15.png" /></a> This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Creative Commons Attribution 3.0 Unported License</a>.</p>
</footer>
</div> <!-- /container -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.0.min.js"><\/script>')</script>
<script src="assets/js/vendor/bootstrap.min.js"></script>
<script src="assets/js/vendor/raphael-min.js"></script>
<script src="assets/js/vendor/kartograph.min.js"></script>
<script src="assets/js/vendor/underscore-min.js"></script>
<script src="assets/js/main-min.js"></script>
<script>
var _gaq=[['_setAccount','UA-37739534-4'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>