60 lines
2.2 KiB
HTML
60 lines
2.2 KiB
HTML
<h1>Routes</h1>
|
|
|
|
<p>Click on a route to see details and a schedule. Schedules in prevailing local time.</p>
|
|
|
|
<fieldset>
|
|
<legend><h2>Regional Rail</h2></legend>
|
|
<p style="margin-top: 10px; margin-bottom: 10px;">For infrequent rail service to suburban locations</p>
|
|
{% for route in rr_routes %}
|
|
<a href="/route/{{ route.id }}" style="display: flex; justify-content: space-between;">
|
|
<p class="line-link">[ <b>{{ format!("{:7}", route.short_name) }}:</b> {{ route.name }} </p><p>]</p>
|
|
</a>
|
|
{% endfor %}
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<legend><h2>Metro</h2></legend>
|
|
<p style="margin-top: 10px; margin-bottom: 10px;">For frequent rail service within Philadelphia and suburban locations</p>
|
|
<div class="lines-label" style="font-weight: bold; width: 100%; display: flex; justify-content: space-between;">
|
|
<p>[ Subway/Elevated </p><p>]</p>
|
|
</div>
|
|
{% for route in subway_routes %}
|
|
<a href="/route/{{ route.id }}" style="display: flex; justify-content: space-between;">
|
|
<p class="line-link">[ <b>{{ format!("{:7}", route.short_name) }}:</b> {{ route.name }} </p><p>]</p>
|
|
</a>
|
|
{% endfor %}
|
|
|
|
<div class="lines-label" style="font-weight: bold; width: 100%; display: flex; justify-content: space-between;">
|
|
<p>[ Trolleys </p><p>]</p>
|
|
</div>
|
|
|
|
{% for route in trolley_routes %}
|
|
<a href="/route/{{ route.id }}" style="display: flex; justify-content: space-between;">
|
|
<p class="line-link">[ <b>{{ format!("{:7}", route.short_name) }}:</b> {{ route.name }} </p><p>]</p>
|
|
</a>
|
|
{% endfor %}
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<legend><h2>Bus</h2></legend>
|
|
<p style="margin-top: 10px; margin-bottom: 10px;">For service of varying frequency within SEPTA's entire service area</p>
|
|
{% for route in bus_routes %}
|
|
<a href="/route/{{ route.id }}" style="display: flex; justify-content: space-between;">
|
|
<p class="line-link">[ <b>{{ format!("{:7}", route.short_name) }}:</b> {{ route.name }} </p><p>]</p>
|
|
</a>
|
|
{% endfor %}
|
|
</fieldset>
|
|
|
|
<style>
|
|
.line-link, .lines-label {
|
|
white-space: pre;
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.lines-label {
|
|
color: #ffffff;
|
|
background-color: #000000;
|
|
width: max-content;
|
|
}
|
|
</style>
|