1 {% extends "theme.html" %} |
1 {% extends "theme.html" %} |
2 {% block body %} |
2 {% block body %} |
3 <div class="container"> |
3 <div class="container"> |
4 <div class="col-lg-12"> |
4 <div class="col-lg-12"> |
5 <div class="row"> |
5 <div class="row"> |
6 {{ content|safe }} |
6 {{ content|safe }} |
7 </div> |
7 </div> |
8 |
8 |
9 <ul class="nav navbar-nav navbar-right"> |
9 <ul class="nav navbar-nav navbar-right"> |
10 {% for href, caption in get_o3lossuvmap_dates(date): %} |
10 {% for href, caption in get_o3lossuvmap_dates(date): %} |
11 <span>  <span class="span3"><a href="{{ href }}" >{{ caption }}</a></span></span> |
11 <span>  <span class="span3"><a href="{{ href }}" >{{ caption }}</a></span></span> |
12 {% endfor %} |
12 {% endfor %} |
13 </ul> |
13 </ul> |
14 <br> |
14 <br> |
15 <img src="/static/images/uvmap/clams_do3col_{{date}}12.png" alt="O3 loss {{ date }}"whith="250" height="250" border="0" hspace=20> |
15 <img src="/static/images/uvmap/clams_do3col_{{date}}12.png" alt="O3 loss {{ date }}"whith="250" height="250" border="0" hspace=20> |
16 <img src="/static/images/uvmap/clams_o3col_{{date}}12.png" alt="O3 column {{ date }}"whith="250" height="250" border="0" hspace=20> |
16 <img src="/static/images/uvmap/clams_o3col_{{date}}12.png" alt="O3 column {{ date }}"whith="250" height="250" border="0" hspace=20> |
17 <img src="/static/images/uvmap/clams_uvi_{{ date }}12.png" alt="UV Index {{ date }}" whith="250" height="250" border="0"> |
17 <img src="/static/images/uvmap/clams_uvi_{{ date }}12.png" alt="UV Index {{ date }}" whith="250" height="250" border="0"> |
18 |
18 |
19 |
19 |
20 <br> |
20 <br> |
21 <br> |
21 <br> |
22 <br> |
22 <br> |
|
23 |
|
24 |
|
25 {{ html_table|safe }} |
|
26 <br> |
23 <br> |
27 <br> |
24 |
28 |
25 Die unten stehenden Tabelle gibt einen Anhaltspunkt für die Bedeutung der verschiedenen UV-Indices: |
29 <div class="row"> |
26 |
30 {{ content_explanation|safe }} |
27 <br> |
31 {{ modal_info|safe }} |
28 <br> |
32 </div> |
29 <table border="black"> |
33 </div> |
30 <colgroup> |
|
31 <col width="100"> |
|
32 <col width="100"> |
|
33 <col width="400"> |
|
34 </colgroup> |
|
35 <tr> |
|
36 <th align="center" bgcolor="#E0E0E0">UV-Index</th> |
|
37 <th align="center" bgcolor="#E0E0E0">Bewertung</th> |
|
38 <th align="center" bgcolor="#E0E0E0">Schutz</th> |
|
39 </tr> |
|
40 <tr> |
|
41 <td align="center" bgcolor="#00B000">0 – 2</td> |
|
42 <td align="center" bgcolor="#00B000">niedrig</td> |
|
43 <td style="padding-left:25px;">Kein Schutz erforderlich</td> |
|
44 </tr> |
|
45 <tr> |
|
46 <td align="center" bgcolor="#FFFF00">3 – 5</td> |
|
47 <td align="center" bgcolor="#FFFF00">mäßig</td> |
|
48 <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td> |
|
49 </tr> |
|
50 <tr> |
|
51 <td align="center" bgcolor="#F87820">6 – 7</td> |
|
52 <td align="center" bgcolor="#F87820">hoch</td> |
|
53 <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td> |
|
54 </tr> |
|
55 <tr> |
|
56 <td align="center" bgcolor="#FF0000">8 – 10</td> |
|
57 <td align="center" bgcolor="#FF0000">sehr hoch</td> |
|
58 <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td> |
|
59 </tr> |
|
60 <tr> |
|
61 <td align="center" bgcolor="#7F00FF">≥ 11</td> |
|
62 <td align="center" bgcolor="#7F00FF">extrem</td> |
|
63 <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td> |
|
64 </tr> |
|
65 </table> |
|
66 <h6>Quelle: <a href="https://www.bag.admin.ch/bag/de/home/gesund-leben/umwelt-und-gesundheit/strahlung-radioaktivitaet-schall/elektromagnetische-felder-emf-uv-laser-licht/sonne_uv-strahlung/uv-index.html"> |
|
67 Schweizerisches Bundesamt für Gesundheit</a></h6> |
|
68 </div> |
34 </div> |
69 </div> |
|
70 |
35 |
71 {% endblock %} |
36 {% endblock %} |