-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathindex.html
226 lines (209 loc) · 11.7 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
---
---
<!doctype html>
<html class="no-js">
<head>
<title>History of OpenPlans</title>
<meta charset="utf-8">
<meta name="description" content="History of OpenPlans">
<meta name="author" content="OpenPlans">
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="/favicon.ico">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- Google Web Fonts -->
<link href='//fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
<!-- Octicons -->
<link rel="stylesheet" href="bower_components/octicons/octicons/octicons.css">
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
<script src="bower_components/modernizr/modernizr.js"></script>
</head>
<body>
<!--[if lt IE 10]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<a id="about" class="section-anchor" data-magellan-destination="about"></a>
<div class="show-for-medium-up" style="padding-top:8%;"></div>
<div class="row some-padding-top">
<div class="columns small-11 small-centered medium-8 large-6">
<h1><img src="images/openplans-logo-1000.png" class="extra-margin-bottom" alt="OpenPlans"></h1>
</div>
<div class="columns medium-10 medium-centered text-large medium-text-center">
<p>After ten years of building impactful software and incubating talented people, the OpenPlans software team has closed. Sustaining our deeply-held belief in making cities better through technology & participation, we built well-crafted open source software, advanced open data policies, and increased livability in our cities—with occasional organizational refreshes along the way. <br><small>(Find our software tools and some history below.)</small></p>
</div>
</div>
<div class="row">
<div class="columns large-10 large-centered text-center">
<a href="#history" class="button round down-button">↓</a>
<div class="row some-padding-top some-padding-bottom text-large">
<div class="columns medium-6 large-3 text-large text-center">
<p><a class="button radius shadowed expand" href="https://github.com/openplans/" target="_blank"><span class="octicon octicon-mark-github"></span> Our Code</a></p>
</div>
<div class="columns medium-6 large-3 text-large text-center">
<p><a class="project-list-button button radius shadowed expand" href="#"><span class="octicon octicon-briefcase"></span> Projects</a></p>
</div>
<div class="columns medium-6 large-3 text-large text-center">
<p><a class="button radius shadowed expand" href="http://blog.openplans.org/"><span class="octicon octicon-megaphone"></span> The Ol' Blog</a></p>
</div>
<div class="columns medium-6 large-3 text-large text-center">
<p><a class="button radius shadowed expand" href="http://community.openplans.org/" target="_blank"><span class="octicon octicon-organization"></span> Community</a></p>
</div>
</div>
</div>
</div>
<div id="project-list">
<div class="row">
<div class="columns medium-12">
<div class="panel radius">
<div class="row">
<div class="columns medium-8 large-9">
<h3>Shareabouts</h3>
<p>A web-based mapping tool for gathering crowdsourced public input in an engaging social process. People can drop a pin on a map to provide ideas, suggestions, and comments. And as a mobile-friendly application, Shareabouts makes it easy to add input on the go.</p>
</div>
<div class="columns medium-4 large-3">
<a class="button info small radius shadowed expand tiny-margin-bottom" href="https://github.com/openplans/shareabouts" target="_blank"><span class="octicon octicon-mark-github"></span> Shareabouts Client</a>
<a class="button info small radius shadowed expand extra-margin-bottom" href="https://github.com/openplans/shareabouts-api" target="_blank"><span class="octicon octicon-mark-github"></span> Shareabouts API</a>
</div>
</div>
<ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-4">
<li class="some-padding-bottom text-center">
<a href="http://nycbikeshare.herokuapp.com/" target="_blank">
<img class="th" src="images/th-nyc-bike-share.jpg">
<small>NYC Bike Share</small>
</a>
</li>
<li class="some-padding-bottom text-center">
<a href="http://ideas.pbnyc.org/" target="_blank">
<img class="th" src="images/th-pb-home.jpg">
<small>Participatory Budgeting</small>
</a>
</li>
<li class="some-padding-bottom text-center">
<a href="http://map78.makebrooklynsafer.org/" target="_blank">
<img class="th" src="images/th-make-bklyn-safer-home.jpg">
<small>Make Brooklyn Safer</small>
</a>
</li>
<li class="some-padding-bottom text-center">
<a href="http://www.phillybikeshare.com/" target="_blank">
<img class="th" src="images/th-phillybikeshare-20150118-home.jpg">
<small>Philly Bike Share</small>
</a>
</li>
<li class="some-padding-bottom text-center">
<a href="#">
<img class="th" src="images/th-ioby.jpg">
<small>Create Memphis</small>
</a>
</li>
<li class="some-padding-bottom text-center">
<a href="http://bikeparking.chicagocompletestreets.org/" target="_blank">
<img class="th" src="images/th-cdot-bikeparking-about.jpg">
<small>CDOT Bike Parking</small>
</a>
</li>
<li class="some-padding-bottom text-center">
<a href="http://suggest.divvybikes.com/" target="_blank">
<img class="th" src="images/th-divvy-home.jpg">
<small>Divvy Bikes</small>
</a>
</li>
<li class="some-padding-bottom text-center">
<a href="http://ideas.ourmiami.org/" target="_blank">
<img class="th" src="images/th-ourmiami-loading.jpg">
<small>Our Miami Ideas</small>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row" data-equalizer>
<div class="medium-4 columns">
<div class="panel radius" data-equalizer-watch>
<h3>Planbox</h3>
<a href="#"><img class="th" src="images/th-openplans-saas-plan-list.jpg"></a>
<p class="some-padding-top">Need lots of crowdsourcing maps? "Planbox" is Shareabouts as a service, enabling one-click deployment of maps—complete with user/team management.</p>
</div>
</div>
<div class="medium-4 columns">
<div class="panel radius" data-equalizer-watch>
<h3>Street View</h3>
<a href="#"><img class="th" src="images/th-vision-zero-home.png"></a>
<p class="some-padding-top">Shareabouts and Google Street View combined to help New York City DOT gather comments about dangerous intersections throughout five boroughs.</p>
</div>
</div>
<div class="medium-4 columns">
<div class="panel radius" data-equalizer-watch>
<ul class="no-bullet">
<li><h5 class="some-margin-bottom tiny-padding-bottom"><a href="https://github.com/opentripplanner" targe="_blank">OpenTripPlanner</a></h5></li>
<li><h5 class="some-margin-bottom tiny-padding-bottom"><a href="https://github.com/OneBusAway" targe="_blank">Bus Time/OneBusAway</a></h5></li>
<li><h5 class="some-margin-bottom tiny-padding-bottom"><a href="http://openplans.github.io/openblock/" targe="_blank">OpenBlock</a></h5></li>
<li><h5 class="some-margin-bottom tiny-padding-bottom"><a href="https://github.com/openplans/hatch/" targe="_blank">Hatch</a></h5></li>
<li><h5 class="some-margin-bottom tiny-padding-bottom"><a href="https://github.com/socialplanning/opencore" targe="_blank">CoActivate/OpenCore</a></h5></li>
<li><h5 class="some-margin-bottom tiny-padding-bottom">and more…</h5></li>
</ul>
<p>Learn about the rest of our work in the <a href="#history">history</a> below, or on <a href="https://github.com/openplans/">GitHub</a>.</p>
</div>
</div>
</div>
</div>
<div class="show-for-medium-up" style="padding-bottom:4%;"></div>
<div class="openplans-top-bar" data-magellan-expedition="fixed" data-options="active_class:current;threshold:0;destination_threshold:-65;throttle_delay:50;fixed_top:0;">
<div class="contain-to-grid">
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1 data-magellan-arrival="about"><a href="#about"><img src="images/openplans-logo.png" class="openplans-logo" alt="OpenPlans"></a></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<!-- <li class="toggle-topbar menu-icon"><a href="#"><span>Years</span></a></li> -->
</ul>
<section class="top-bar-section">
<!-- Left Nav Section -->
<ul class="left">
{% for post in site.posts reversed %}
{% if post.layout == 'year' %}
<li data-magellan-arrival="year-{{ post.year }}"><a href="#year-{{ post.year }}">{{ post.menu-label }}</a></li>
{% endif %}
{% endfor %}
</ul>
<!-- Right Nav Section -->
<ul class="right">
<li class="active"><a href="https://github.com/openplans/" target="_blank"><span class="mega-octicon octicon-mark-github"></span></a></li>
</ul>
</section>
</nav>
</div>
</div>
<div style="position:relative;">
<a id="history" class="section-anchor"></a>
</div>
<div class="row extra-padding-top">
<div class="columns show-for-medium-up medium-3 medium-push-9 large-push-8">
<img src="images/history.png" style="opacity:0.2;">
</div>
<div class="columns medium-9 medium-pull-3 large-8 large-pull-4">
<h2>14+ Years of Software</h2>
<h3 class="subheader"><em>Help tell the story!</em></h3>
<p>This history is a work in progress, detailing the many ways OpenPlans has engaged communities through open source software. Please help us fill in the gaps. To contribute, <a href="https://github.com/openplans/history-of/issues"><strong>add an issue</strong></a> or submit a pull request in <a href="https://github.com/openplans/history-of"><strong>the GitHub repo</strong></a>.</p>
</div>
</div>
{% for post in site.posts %}
{% include {{post.layout}}.html %}
{% endfor %}
<footer class="colophon extra-padding-top extra-padding-bottom">
<div class="row extra-padding-top extra-padding-bottom extra-margin-top extra-margin-bottom">
<div class="columns">
Check out our Github...
<br><br><br><br><br><br><br><br><br><br><br>
</div>
</div>
</footer>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/foundation/js/foundation.js"></script>
<script src="bower_components/foundation/js/foundation/foundation.magellan.js"></script>
<script src="bower_components/foundation/js/foundation/foundation.clearing.js"></script>
<script src="bower_components/foundation/js/foundation/foundation.accordion.js"></script>
<script src="main.js"></script>
</body>
</html>