1 <html> |
1 <html> |
2 <head> |
2 <head> |
3 <link rel="icon" type="image/png" href="/static/favicon.png" /> |
3 <link rel="icon" type="image/png" href="/static/favicon.png" /> |
|
4 <link rel="stylesheet" type="text/css" href="/static/style.css" /> |
4 <meta charset='UTF-8' /> |
5 <meta charset='UTF-8' /> |
5 |
6 |
6 <style> |
7 <style> |
7 body |
|
8 { |
|
9 font-family: FreeSans, Arial, sans-serif; |
|
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 |
8 #aikataulu |
35 { |
9 { |
36 width:100%; |
|
37 margin: auto; |
10 margin: auto; |
38 } |
11 } |
39 #aikataulu td |
12 #aikataulu td |
40 { |
13 { |
41 text-align: center; |
14 text-align: center; |
42 } |
15 } |
|
16 #aikataulu .sarake-pysäkki |
|
17 { |
|
18 text-align: left; |
|
19 } |
43 td, th, body |
20 td, th, body |
44 { |
21 { |
45 font-size: 24pt; |
22 font-size: 24pt; |
46 } |
23 } |
47 |
|
48 .sarake-aika, .sarake-tunniste |
24 .sarake-aika, .sarake-tunniste |
49 { |
25 { |
50 width: 15%; |
26 width: 15%; |
51 } |
27 } |
52 |
|
53 h1 |
|
54 { |
|
55 font-variant: small-caps; |
|
56 } |
|
57 </style> |
28 </style> |
58 <!--<title>Ajovuoro #{{numero}}: {{linja}} {{selite}}</title>--> |
|
59 <title>{{linja}} {{selite}}</title> |
29 <title>{{linja}} {{selite}}</title> |
60 </head> |
30 </head> |
61 <body> |
31 <body> |
62 <h1> |
32 <h1> |
63 {% if yö %} |
33 {% if yö %} |
64 🌙 |
34 🌙 |
65 {% endif %} |
35 {% endif %} |
66 <!--Ajo {{numero}}: -->{{linja}} {{selite}}</h1> |
36 <!--Ajo {{numero}}: -->{{linja}} {{selite}}</h1> |
67 <table id='aikataulu'> |
37 <table id='aikataulu' cellspacing='0'> |
68 <tr> |
38 <tr> |
69 <th class='sarake-aika'>Aika</th> |
39 <th class='sarake-aika'>Aika</th> |
70 <th class='sarake-linja'>Viite</th> |
40 <th class='sarake-pysäkkiviite'>Pysäkki</th> |
71 <th class='sarake-nimi'>Nimi</th> |
41 <th class='sarake-pysäkki'>Nimi</th> |
72 <th class='sarake-alue'>Alue</th> |
|
73 </tr> |
42 </tr> |
74 {% for rivi in reitti %} |
43 {% for rivi in reitti %} |
75 <tr> |
44 <tr> |
76 <td class='sarake-aika'>{{rivi['aika']}}</td> |
45 <td class='sarake-aika'>{{rivi['aika']}}</td> |
77 <td class='sarake-tunniste'> |
46 <td class='sarake-pysäkkiviite'> |
78 <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['tunniste']}}</a> |
47 <a href="/pysäkki/{{rivi['tunniste']}}"><img src='/static/pysäkki.png' height='24' /> {{rivi['tunniste']}}</a> |
79 </td> |
48 </td> |
80 <td class='sarake-nimi'> |
49 <td class='sarake-pysäkki'> |
81 <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['nimi']}}</a> |
50 <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['nimi']}}</a> |
82 </td> |
|
83 <td class='sarake-alue'> |
|
84 {{rivi['alue'] or ''}} |
|
85 </td> |
51 </td> |
86 </tr> |
52 </tr> |
87 {% endfor %} |
53 {% endfor %} |
88 </table> |
54 </table> |
89 </body> |
55 </body> |