Sat, 10 Jun 2017 17:40:36 +0300
Abstraktoi kyltti (jolloin kauppatorin jälkeiset alueet esitetään vähemmän tarkasti)
2 | 1 | <html> |
2 | <head> | |
11
e18ad36fbbf5
Lisätty favicon, korjattu tr()-funktio joka ei olettunut suomen kieleen (vaan kääntämättömään)
Teemu Piippo <teemu@hecknology.net>
parents:
4
diff
changeset
|
3 | <link rel="icon" type="image/png" href="/static/favicon.png" /> |
2 | 4 | <meta charset='UTF-8' /> |
5 | ||
6 | <style> | |
7 | body | |
8 | { | |
4 | 9 | font-family: FreeSans, Arial, sans-serif; |
2 | 10 | background: white; |
11 | color: black; | |
12 | margin: 0; | |
13 | padding: 0; | |
14 | font-size: 24pt; | |
15 | } | |
16 | h1 | |
17 | { | |
18 | padding-top: 10pt; | |
19 | padding-bottom: 10pt; | |
20 | text-align: center; | |
21 | background: #dc9e00; | |
22 | background: linear-gradient(to bottom, #dc9e00 0%,#eaaf19 49%,#dc9e00 92%,#906700 100%); | |
23 | color: white; | |
24 | } | |
25 | a | |
26 | { | |
27 | color: inherit; | |
28 | text-decoration: none; | |
29 | } | |
30 | a:hover | |
31 | { | |
32 | text-decoration: underline; | |
33 | } | |
34 | #aikataulu | |
35 | { | |
36 | width:100%; | |
37 | margin: auto; | |
38 | } | |
39 | #aikataulu td | |
40 | { | |
41 | text-align: center; | |
42 | } | |
43 | td, th, body | |
44 | { | |
45 | font-size: 24pt; | |
46 | } | |
47 | ||
48 | .sarake-aika | |
49 | { | |
50 | width: 15%; | |
51 | } | |
52 | ||
53 | h1 | |
54 | { | |
55 | font-variant: small-caps; | |
56 | } | |
57 | </style> | |
4 | 58 | <title>{{linja}} {{selite}}</title> |
2 | 59 | </head> |
60 | <body> | |
4 | 61 | <h1>{{linja}} {{selite}}</h1> |
2 | 62 | <table id='aikataulu'> |
63 | <tr> | |
64 | <th class='sarake-aika'>Aika</th> | |
65 | <th class='sarake-alue'>Alue</th> | |
66 | </tr> | |
67 | {% for rivi in suppea_reitti %} | |
68 | <tr> | |
69 | <td class='sarake-aika'>{{rivi['aika']}}</td> | |
70 | <td class='sarake-alue'>{{rivi['alue']}}</td> | |
71 | </tr> | |
72 | {% endfor %} | |
73 | </table> | |
74 | </body> | |
4 | 75 | </html> |