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