templates/ajovuoro.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' />

	<style>
	#aikataulu
	{
		margin: auto;
	}
	#aikataulu td
	{
		text-align: center;
	}
	#aikataulu .sarake-pysäkki
	{
		text-align: left;
	}
	td, th, body
	{
		font-size: 24pt;
	}
	.sarake-aika, .sarake-tunniste
	{
		width: 15%;
	}
	</style>
	<title>{{linja}} {{selite}}</title>
</head>
<body>
	<h1>
	{% if yö %}
	&#127769;
	{% endif %}
	<!--Ajo {{numero}}: -->{{linja}} {{selite}}</h1>
	<table id='aikataulu' cellspacing='0'>
		<tr>
			<th class='sarake-aika'>Aika</th>
			<th class='sarake-pysäkkiviite'>Pysäkki</th>
			<th class='sarake-pysäkki'>Nimi</th>
		</tr>
		{% for rivi in reitti %}
		<tr>
			<td class='sarake-aika'>{{rivi['aika']}}</td>
			<td class='sarake-pysäkkiviite'>
				<a href="/pysäkki/{{rivi['tunniste']}}"><img src='/static/pysäkki.png' height='24' /> {{rivi['tunniste']}}</a>
			</td>
			<td class='sarake-pysäkki'>
				<a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['nimi']}}</a>
			</td>
		</tr>
		{% endfor %}
	</table>
</body>
</html>