forked from smartchicago/cutgroup
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
160 lines (131 loc) · 9.13 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
<!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 - OpenOakland</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- hack to make gh-pages work -->
<!-- <base href="/cutgroup/" />
-->
<link rel="stylesheet" href="assets/css/bootstrap.min.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'>
<!-- tooltip styles -->
<link rel="stylesheet" href="http://rawgithub.com/Caged/d3-tip/master/examples/example-styles.css">
<link rel="stylesheet" href="assets/css/main.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.openoakland.org/"><img src="assets/img/oologo250.png" alt="OpenOakland" style="height:64px; width: 250px; 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 Oakland 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 (CUTGroup) is a set of regular Oakland residents who get paid to test out civic apps.</p>
<ul>
<li>
If and when you are chosen to test a civic app, you get paid a $20 gift card via GiftRocket.
</li>
</ul>
<p>There is a large and growing community of "civic hackers" in Oakland — technology developers who make websites, mobile apps, and other tools that often have specific use in Oakland. 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 Oakland.</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 neighborhood in Oakland. 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 neighborhood 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>
<!-- start form -->
<p>In order to get the most out of CUTGroup 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>
<iframe id='frame' width='700px' height='1900px' src='http://screendoor.dobt.co/embedded/projects/539/responses/new' frameborder='0' marginheight='0' marginwidth='0'></iframe>
<!-- 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.openoakland.org">OpenOakland</a>, a civic organization devoted to using technology to make lives better in Oakland. The project is supported by a <a href="http://www.kaporcenter.org/">Kapor Center for Social Impact grant</a> . </p>
<p>Testing will happen all over the city at various locations of with internet and computer access. 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/OpenOakland/">weekly OpenOakland 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? Email Niranjan, <a href="mailto:[email protected]">[email protected]</a>.</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='http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.js'></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
<script src="assets/js/vendor/d3-tip.js"></script>
<script src="assets/js/drawOak.js"></script>
<script>
var _gaq=[['_setAccount','UA-35908939-10'],['_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>