Sat, 10 Jun 2017 17:40:36 +0300
Abstraktoi kyltti (jolloin kauppatorin jälkeiset alueet esitetään vähemmän tarkasti)
<html> <head> <link rel="icon" type="image/png" href="/static/favicon.png" /> <meta charset='UTF-8' /> <style> body { font-family: "Oxygen-Sans", FreeSans, Arial, sans-serif; background: white; color: black; margin: 0; padding: 0; font-size: 24pt; } h1 { padding-top: 10pt; padding-bottom: 10pt; text-align: center; background: #dc9e00; background: linear-gradient(to bottom, #dc9e00 0%,#eaaf19 49%,#dc9e00 92%,#906700 100%); color: white; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: underline; } #aikataulu { width:100%; margin: auto; } #aikataulu td { text-align: center; } td, th, body { font-size: 24pt; } .sarake-aika, .sarake-tunniste { width: 15%; } h1 { font-variant: small-caps; } </style> <!--<title>Ajovuoro #{{numero}}: {{linja}} {{selite}}</title>--> <title>{{linja}} {{selite}}</title> </head> <body> <h1> {% if yö %} 🌙 {% endif %} <!--Ajo {{numero}}: -->{{linja}} {{selite}}</h1> <table id='aikataulu'> <tr> <th class='sarake-aika'>Aika</th> <th class='sarake-linja'>Viite</th> <th class='sarake-nimi'>Nimi</th> <th class='sarake-alue'>Alue</th> </tr> {% for rivi in reitti %} <tr> <td class='sarake-aika'>{{rivi['aika']}}</td> <td class='sarake-tunniste'> <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['tunniste']}}</a> </td> <td class='sarake-nimi'> <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['nimi']}}</a> </td> <td class='sarake-alue'> {{rivi['alue'] or ''}} </td> </tr> {% endfor %} </table> </body> </html>