|
1 {% extends "theme.html" %} |
|
2 <head> |
|
3 } |
|
4 label{ |
|
5 font-size: 18; |
|
6 } |
|
7 |
|
8 font-family { |
|
9 Timed New Roman, sans-serif; |
|
10 } |
|
11 |
|
12 select { |
|
13 font-size:14; |
|
14 border-color: gray; |
|
15 } |
|
16 |
|
17 input{ |
|
18 font-color: black; |
|
19 font-size: 16; |
|
20 border-color: gray; |
|
21 } |
|
22 |
|
23 </head> |
|
24 {% block body %} |
|
25 <div class="container"> |
|
26 <div class="col-lg-12"> |
|
27 <div class="row"> |
|
28 {{ content|safe }} |
|
29 </div> |
|
30 |
|
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 |
|
39 <br> |
|
40 <br> |
|
41 |
|
42 <form method="get" action="/ozoneloss/uvi"> |
|
43 |
|
44 <img src="/static/images/uvindex/{{figname}}" border="6"> |
|
45 |
|
46 <table border="black"> |
|
47 <colgroup> |
|
48 <col width="100"> |
|
49 <col width="100"> |
|
50 <col width="400"> |
|
51 </colgroup> |
|
52 <tr> |
|
53 <th align="center" bgcolor="#E0E0E0">UV-Index</th> |
|
54 <th align="center" bgcolor="#E0E0E0">Bewertung</th> |
|
55 <th align="center" bgcolor="#E0E0E0">Schutz</th> |
|
56 </tr> |
|
57 <tr> |
|
58 <td align="center" bgcolor="#00B000">0 – 2 </td> |
|
59 <td align="center" bgcolor="#00B000">niedrig</td> |
|
60 <td style="padding-left:25px;">Kein Schutz erforderlich</td> |
|
61 </tr> |
|
62 <tr> |
|
63 <td align="center" bgcolor="#FFFF00">3 – 5</td> |
|
64 <td align="center" bgcolor="#FFFF00">mäßig</td> |
|
65 <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td> |
|
66 </tr> |
|
67 <tr> |
|
68 <td align="center" bgcolor="#FFA500">6 – 7</td> |
|
69 <td align="center" bgcolor="#FFA500">hoch</td> |
|
70 <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td> |
|
71 </tr> |
|
72 <tr> |
|
73 <td align="center" bgcolor="#FF0000">8 – 10</td> |
|
74 <td align="center" bgcolor="#FF0000">sehr hoch</td> |
|
75 <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td> |
|
76 </tr> |
|
77 <tr> |
|
78 <td align="center" bgcolor="#7F00FF">≥ 11</td> |
|
79 <td align="center" bgcolor="#7F00FF">extrem</td> |
|
80 <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td> |
|
81 </tr> |
|
82 </table> |
|
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> |
|
84 </form> |
|
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 |
|
128 |
|
129 |
|
130 <br> |
|
131 |
|
132 <input type="submit" value="Graph anzeigen" font-color="black" font-size="16" border-color="gray"/> |
|
133 |
|
134 </form> |
|
135 |
|
136 |
|
137 <div class="row"> |
|
138 {{ content_explanation|safe }} |
|
139 {{ modal_info|safe }} |
|
140 </div> |
|
141 </div> |
|
142 </div> |
|
143 |
|
144 {% endblock %} |
|
145 |
|
146 |
|
147 |
|
148 |