-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
104 lines (103 loc) · 5.28 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
---
layout: default
---
<section id="index-1" class="jumbotron white-bg">
<div class="container">
<div class="rows-wrapper">
<div data-item="bus" class="row">
<h2 class="before-canvas">A COMMUNITY-EDITED DATA SERVICE</h2>
<div id="bus" class ="animation bus">
<div class ="figure bus"></div>
</div>
</div>
<div data-item="ferry" class="row">
<h2 class="before-canvas">AGGREGATING</h2>
<div id="ferry" class ="animation ferry">
<div class ="figure ferry"></div>
</div>
<h2> TRANSIT NETWORKS </h2>
</div>
<div data-item="bike" class="row">
<h2 class="before-canvas">ACROSS METROPOLITAN </h2>
<div id="bike" class ="animation bike">
<div class ="figure bike"></div>
</div>
<h2>AND RURAL </h2>
</div>
<div data-item="train" class="row">
<h2 class="before-canvas mobile-before-canvas">AREAS AROUND THE WORLD.</h2>
<div id="train" class ="animation train">
<div class ="figure train"></div>
</div>
</div>
</div>
</div>
</section>
<section id="index-2" class="jumbotron">
<div class="container">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 white-text">
<h3>Hello from the San Francisco Bay Area</h3>
<p> Where half of the ground is heading northbound and the other is inching southward. (Remember from elementary school? That's what causes earthquakes.)</p>
<p>Also epically disjoint is our mass transit: over 30 public agencies, an ever-increasing number of private shuttles, not to mention jitneys and carpools welcoming those in the know.</p>
<p>Our goal at Transitland is to make sense of the jumble here in the SF Bay Area. We're mapping those buses, trains, streetcars, ferries, and even cable cars.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
<div class="badges-wrapper">
<div id="trans-badge-1" class="badge-circle"></div>
<div id="trans-badge-2" class="badge-circle"></div>
<div id="trans-badge-3" class="badge-circle"></div>
<div id="trans-badge-4" class="badge-circle"></div>
<div id="trans-badge-5" class="badge-circle"></div>
<div id="trans-badge-6" class="badge-circle"></div>
</div>
</div>
</div>
</div>
</section>
<section id="index-3" class="jumbotron">
<div class="container">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="badges-wrapper">
<img src="/assets/images/placeholders/clarify.png">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 white-text">
<h3>Connecting the (Data) Dots</h3>
<p>We're aggregating existing geographic and temporal data from authoritative sources; we're connecting the dots using common identifiers; and we're equipping ourselves, our collaborators, and perhaps also you to edit and improve this "community datastore" with knowledge from boots on the ground.</p>
<p>It's with these station locations, agency identifiers, and route schedules that we can join together the "tectonic plates" of mass transit. Transitland is for you to build your apps (the next big thing?), your sat. nav. gadgets, your flashy visualizations, and even your plans and analyses (that, with luck, Congress will fund some day).</p>
</div>
</div>
</section>
<section id="index-4" class="jumbotron white-bg">
<div class="container center-text">
<div class="col-lg-4 col-md-4 col-sm-4">
<p>
<a href="/documentation/"><img class="blurb" src="/assets/images/blurbs/blurb_1.png" alt="how it works icon"/></a>
</p>
<h3>HOW IT WORKS</h3>
<p>
The Bay Area was our initial laboratory. The world has become our goal. Seriously, transit-network data is useful in many places big, small, rich, poor. So, we've created a modular, open-source data service that works all over. Transitland now aggregates data from <strong>50+ countries</strong>.
</p>
<p><a href="/documentation"> Learn More</a></p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 ">
<p>
<a href="https://mobility-explorer.interline.io"><img class="blurb" src="/assets/images/blurbs/blurb_2.png" alt="transitland playground icon"/></a>
</p>
<h3>USE THE API</h3>
<p>
Search a list of the <strong>~2,500 operators</strong> listed in the <a href="/feed-registry">Transitland Feed Registry</a>, which provides metadata for each operator.
</p>
<p>Try the <a href="https://mobility-explorer.interline.io">Mobility Explorer</a> to browse an interactive map of stops, routes, and more transit features worldwide.</p>
<p>Read <a href="/documentation/datastore/api-endpoints.html">documentation on the Datastore API</a>, which powers all of these clients. It can also power your app, analysis, or map!</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<p>
<a href="/participate/"><img class="blurb" alt="participate icon" src="/assets/images/blurbs/blurb_3.png"></a>
</p>
<h3>PARTICIPATE</h3>
<p>Since Transitland's start in 2014, the platform has grown through participation from many organizations and individuals. We also welcome more users and contributors.</p>
<p><a href="/participate">Learn More</a></p>
</div>
</div>
</section>