Mon, 17 Apr 2017 14:51:22 +0300
Alustava versio
0 | 1 | <html> |
2 | <head> | |
3 | <meta charset='UTF-8' /> | |
4 | ||
5 | <style> | |
6 | body | |
7 | { | |
8 | font-family: "Latin Modern Sans", Tahoma, FreeSans, Arial, sans-serif; | |
9 | background: white; | |
10 | color: black; | |
11 | margin: 0; | |
12 | padding: 0; | |
13 | font-size: 24pt; | |
14 | } | |
15 | a | |
16 | { | |
17 | color: inherit; | |
18 | text-decoration: none; | |
19 | } | |
20 | a:hover | |
21 | { | |
22 | text-decoration: underline; | |
23 | } | |
24 | h1 | |
25 | { | |
26 | padding-top: 10pt; | |
27 | padding-bottom: 10pt; | |
28 | text-align: center; | |
29 | background: #dc9e00; | |
30 | background: linear-gradient(to bottom, #dc9e00 0%,#eaaf19 49%,#dc9e00 92%,#906700 100%); | |
31 | color: white; | |
32 | } | |
33 | #aikataulu | |
34 | { | |
35 | width:100%; | |
36 | margin: auto; | |
37 | } | |
38 | #aikataulu td | |
39 | { | |
40 | text-align: center; | |
41 | } | |
42 | td, th, body | |
43 | { | |
44 | font-size: 24pt; | |
45 | } | |
46 | ||
47 | .sarake-aika, .sarake-linja | |
48 | { | |
49 | width: 15%; | |
50 | } | |
51 | ||
52 | h1 | |
53 | { | |
54 | font-variant: small-caps; | |
55 | } | |
56 | </style> | |
57 | <title>{{viite}} {{nimi}}</title> | |
58 | </head> | |
59 | <body> | |
60 | <h1>{{viite}} {{nimi}}</h1> | |
61 | <table id='aikataulu'> | |
62 | <tr> | |
63 | <th class='sarake-aika'>Aika</th> | |
64 | <th class='sarake-linja'>Linja</th> | |
65 | <th class='sarake-määränpää'>Määränpää</th> | |
66 | </tr> | |
67 | {% for rivi in aikataulu %} | |
68 | <tr> | |
69 | <td class='sarake-aika'>{{rivi['aika']}}</td> | |
70 | <td class='sarake-linja linja'> | |
71 | <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['linja']}}</a> | |
72 | </td> | |
73 | <td class='sarake-määränpää'> | |
74 | <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['kyltti']}}</a> | |
75 | </td> | |
76 | </tr> | |
77 | {% endfor %} | |
78 | </table> | |
79 | </body> | |
80 | </html> |