1 {% extends "theme.html" %} |
1 {% extends "theme.html" %} |
2 <head> |
2 <head> |
3 } |
3 } |
4 label{ |
4 label{ |
5 font-size: 18; |
5 font-size: 18; |
6 } |
6 } |
7 |
7 |
8 font-family { |
8 font-family { |
9 Timed New Roman, sans-serif; |
9 Timed New Roman, sans-serif; |
10 } |
10 } |
11 |
11 |
12 select { |
12 select { |
13 font-size:14; |
13 font-size:14; |
14 border-color: gray; |
14 border-color: gray; |
15 } |
15 } |
16 |
16 |
17 input{ |
17 input{ |
18 font-color: black; |
18 font-color: black; |
19 font-size: 16; |
19 font-size: 16; |
20 border-color: gray; |
20 border-color: gray; |
21 } |
21 } |
22 |
22 |
23 </head> |
23 </head> |
24 {% block body %} |
24 {% block body %} |
25 <div class="container"> |
25 <div class="container"> |
26 <div class="col-lg-12"> |
26 <div class="col-lg-12"> |
27 <div class="row"> |
27 <div class="row"> |
28 {{ content|safe }} |
28 {{ content|safe }} |
29 </div> |
29 </div> |
30 |
30 |
31 <br> |
31 <br> |
32 <br> |
|
33 <i> |
|
34 <h3> |
|
35 UV-Index für {{o3offsetstr}} DU Ozonverlust bei der Breite {{latstr}}: |
|
36 </h3> |
|
37 </i> |
|
38 |
32 |
39 <br> |
33 <form method="post" action="/ozoneloss/uvi_graph"> |
40 <br> |
34 <table border="0" width="100%"> |
|
35 <tr> <h4> |
|
36 <p> UV-Index für |
|
37 <select name="Dobson-Unit" size="1" font-size="14" border-color="gray"> |
|
38 <option>{{o3offsetstr}}</option> |
|
39 <option>25</option> |
|
40 <option>50</option> |
|
41 <option>75</option> |
|
42 <option>100</option> |
|
43 </select> |
|
44 DU Ozonverlust bei der Breite |
|
45 <select name="Gradzahl" size="1" font-size="14" border-color="gray"> |
|
46 <option>{{latstr}}</option> |
|
47 <option>80° N</option> |
|
48 <option>70° N</option> |
|
49 <option>60° N</option> |
|
50 <option>50° N</option> |
|
51 <option>50° S</option> |
|
52 <option>60° S</option> |
|
53 <option>70° S</option> |
|
54 <option>80° S</option> |
|
55 </select> |
|
56 : |
|
57 <input type="submit" value="Graph anzeigen" font-color="black" font-size="16" border-color="gray"/> |
|
58 </p> |
|
59 </h4> |
|
60 </tr> |
|
61 </table> |
|
62 </form> |
|
63 <br> |
|
64 <img src="/static/images/uvindex/{{figname}}" border="6"> |
41 |
65 |
42 <form method="get" action="/ozoneloss/uvi"> |
66 <br> |
|
67 <br> |
43 |
68 |
44 <img src="/static/images/uvindex/{{figname}}" border="6"> |
69 Die unten stehenden Tabelle gibt einen Anhaltspunkt für die Bedeutung der verschiedenen UV-Indices: |
45 |
70 <br> |
46 <table border="black"> |
71 <br> |
47 <colgroup> |
72 <table border="black"> |
48 <col width="100"> |
73 <colgroup> |
49 <col width="100"> |
74 <col width="100"> |
50 <col width="400"> |
75 <col width="100"> |
51 </colgroup> |
76 <col width="400"> |
52 <tr> |
77 </colgroup> |
53 <th align="center" bgcolor="#E0E0E0">UV-Index</th> |
78 <tr> |
54 <th align="center" bgcolor="#E0E0E0">Bewertung</th> |
79 <th align="center" bgcolor="#E0E0E0">UV-Index</th> |
55 <th align="center" bgcolor="#E0E0E0">Schutz</th> |
80 <th align="center" bgcolor="#E0E0E0">Bewertung</th> |
56 </tr> |
81 <th align="center" bgcolor="#E0E0E0">Schutz</th> |
57 <tr> |
82 </tr> |
58 <td align="center" bgcolor="#00B000">0 – 2 </td> |
83 <tr> |
59 <td align="center" bgcolor="#00B000">niedrig</td> |
84 <td align="center" bgcolor="#00B000">0 – 2</td> |
60 <td style="padding-left:25px;">Kein Schutz erforderlich</td> |
85 <td align="center" bgcolor="#00B000">niedrig</td> |
61 </tr> |
86 <td style="padding-left:25px;">Kein Schutz erforderlich</td> |
62 <tr> |
87 </tr> |
63 <td align="center" bgcolor="#FFFF00">3 – 5</td> |
88 <tr> |
64 <td align="center" bgcolor="#FFFF00">mäßig</td> |
89 <td align="center" bgcolor="#FFFF00">3 – 5</td> |
65 <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td> |
90 <td align="center" bgcolor="#FFFF00">mäßig</td> |
66 </tr> |
91 <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td> |
67 <tr> |
92 </tr> |
68 <td align="center" bgcolor="#FFA500">6 – 7</td> |
93 <tr> |
69 <td align="center" bgcolor="#FFA500">hoch</td> |
94 <td align="center" bgcolor="#F87820">6 – 7</td> |
70 <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td> |
95 <td align="center" bgcolor="#F87820">hoch</td> |
71 </tr> |
96 <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td> |
72 <tr> |
97 </tr> |
73 <td align="center" bgcolor="#FF0000">8 – 10</td> |
98 <tr> |
74 <td align="center" bgcolor="#FF0000">sehr hoch</td> |
99 <td align="center" bgcolor="#FF0000">8 – 10</td> |
75 <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td> |
100 <td align="center" bgcolor="#FF0000">sehr hoch</td> |
76 </tr> |
101 <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td> |
77 <tr> |
102 </tr> |
78 <td align="center" bgcolor="#7F00FF">≥ 11</td> |
103 <tr> |
79 <td align="center" bgcolor="#7F00FF">extrem</td> |
104 <td align="center" bgcolor="#7F00FF">≥ 11</td> |
80 <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td> |
105 <td align="center" bgcolor="#7F00FF">extrem</td> |
81 </tr> |
106 <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td> |
82 </table> |
107 </tr> |
83 <h6>Quelle: Schweizerisches Bundesamt für Gesundheit <a href="http://www.uv-index.ch/de/uvindex.html"> www.uv-index.ch/de/uvindex.html</a></h6> |
108 </table> |
84 </form> |
109 <h6>Quelle: Schweizerisches Bundesamt für Gesundheit <a href="http://www.uv-index.ch/de/uvindex.html"> www.uv-index.ch/de/uvindex.html</a></h6> |
85 <br> |
|
86 <br> |
|
87 <i> |
|
88 <h4> |
|
89 Andere Werte auswählen: |
|
90 </h4> |
|
91 </i> |
|
92 |
|
93 <form method="post" action="/ozoneloss/uvi_graph"> |
|
94 <table border="0" width="100%"> |
|
95 <tr> |
|
96 <th> <label for="Dobson-Unit" font-size="18">Bitte Ozonverlust auswählen:</label> </th> |
|
97 <th> <label for="Gradzahl">Bitte geographische Breite auswählen:</label> </th> |
|
98 </tr> |
|
99 <tr> |
|
100 <td> |
|
101 <p> |
|
102 <select name="Dobson-Unit" size="1" font-size="14" border-color="gray"> |
|
103 <option>25</option> |
|
104 <option selected>50</option> |
|
105 <option>75</option> |
|
106 <option>100</option> |
|
107 </select> |
|
108 Dobson-Einheiten |
|
109 </p> |
|
110 </td> |
|
111 <td> |
|
112 <p> |
|
113 <select name="Gradzahl" size="1" font-size="14" border-color="gray"> |
|
114 <option>80° N</option> |
|
115 <option>70° N</option> |
|
116 <option>60° N</option> |
|
117 <option selected>50° N</option> |
|
118 <option>50° S</option> |
|
119 <option>60° S</option> |
|
120 <option>70° S</option> |
|
121 <option>80° S</option> |
|
122 </select> |
|
123 </p> |
|
124 </td> |
|
125 </tr> |
|
126 </table> |
|
127 |
110 |
128 |
111 |
|
112 <div class="row"> |
|
113 {{ content_explanation|safe }} |
|
114 {{ modal_info|safe }} |
|
115 </div> |
129 |
116 |
130 <br> |
117 </div> |
131 |
118 |
132 <input type="submit" value="Graph anzeigen" font-color="black" font-size="16" border-color="gray"/> |
119 </div> |
133 |
|
134 </form> |
|
135 |
|
136 |
|
137 <div class="row"> |
|
138 {{ content_explanation|safe }} |
|
139 {{ modal_info|safe }} |
|
140 </div> |
|
141 </div> |
|
142 </div> |
|
143 |
120 |
144 {% endblock %} |
121 {% endblock %} |
145 |
|
146 |
|
147 |
|
148 |
|