templates/stop.html

<html>
<head>
	<link rel="icon" type="image/png" href="../static/favicon.png" />
	<link rel="stylesheet" type="text/css" href="../static/style.css" />
	<meta charset='UTF-8' />
	<title>{{name}}</title>
	<meta http-equiv='refresh' content='60'>
	<style>
	.sarake-määränpää
	{
		text-align: left;
	}
	</style>
	{% if tausta %}
	<style>
	/*body
	{
		background: url('/{{tausta}}') no-repeat center center fixed;
		background-size: cover;
	}*/
	</style>
	{% endif %}
</head>
<body>
	<h1><img src="../static/pysäkki.png" height="96" /> <span>{{name}}</span></h1>
	<p id="pysäkki-info">
	{{region or ""}}
	—
	<a class="pysäkki-sijainti" href="{{link_to_map}}" target="_blank">📌 ({{location}})</a>
	</p>
	{% if cluster %}
	<p>
	<a href="../stop_cluster/{{cluster}}">{{tr('nearby-area-schedule', 'misc-text')}}</a>
	</p>
	{% endif %}
	<table class='aikataulu' cellspacing="0">
		<tr>
			<th class='sarake-aika'>{{tr('time', 'headings')}}</th>
			<th class='sarake-linja'>{{tr('route', 'headings')}}</th>
			<th class='sarake-määränpää'>{{tr('destination', 'headings')}}</th>
		</tr>
		{% for halt in schedule %}
		<tr class="{% if halt['night'] %} yö {% endif %}">
			<td class='sarake-aika'>
				{% if halt['imminent'] %}
				<span class='imminent-leave'>●</span>
				{% endif %}
				{{halt['time']}}</td>
			<td class='sarake-linja linja'>
				<a href="../trip/{{halt['trip']}}">{{halt['route']}}</a>
			</td>
			<td class='sarake-määränpää'>
				<a href="../trip/{{halt['trip']}}">{{halt['sign']}}</a>
			</td>
		</tr>
		{% endfor %}
	</table>
</body>
</html>