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