j@381: {% extends "theme.html" %}
j@385: <head>
j@385: }
j@385: label{
j@385: font-size: 18;
j@385: }
j@381: 
j@385: font-family {
j@385: Timed New Roman, sans-serif;
j@385: }
j@381: 
j@385: select {
j@385: font-size:14;
j@385: border-color: gray;
j@385: }
j@381: 
j@385: input{
j@385: font-color: black;
j@385: font-size: 16;
j@385: border-color: gray;
j@385: }
j@381: 
j@385: </head>
j@381: {% block body %}
j@385: <div class="container">
j@385: <div class="col-lg-12">
j@385: <div class="row">
j@385: {{ content|safe }}
j@385: </div>
j@381: 
j@385: <br>
j@381: 
j@385: <form method="post" action="/ozoneloss/uvi_graph">
j@385: <table border="0" width="100%">
j@385:   <tr> <h4>
j@385:     <p> UV-Index für
j@385:     <select name="Dobson-Unit" size="1" font-size="14"  border-color="gray">
j@385:       <option>{{o3offsetstr}}</option>
j@385:       <option>25</option>
j@385:       <option>50</option>
j@385:       <option>75</option>
j@385:       <option>100</option>
j@385:     </select>
j@391:     DU zusätzlichen Ozonverlust bei der Breite
j@385:     <select name="Gradzahl" size="1" font-size="14"  border-color="gray">
j@385:       <option>{{latstr}}</option>
j@385:       <option>80° N</option>
j@385:       <option>70° N</option>
j@385:       <option>60° N</option>
j@385:       <option>50° N</option>
j@385:       <option>50° S</option>
j@385:       <option>60° S</option>
j@385:       <option>70° S</option>
j@385:       <option>80° S</option>
j@385:     </select>
j@385:     : &nbsp;&nbsp;&nbsp;
j@385:     <input type="submit" value="Graph anzeigen" font-color="black" font-size="16" border-color="gray"/>
j@385:     </p>
j@385:     </h4>		 
j@385: </tr>
j@385: </table>
j@385: </form>
j@385: <br>
j@385: <img src="/static/images/uvindex/{{figname}}" border="6">
j@381: 
j@385: <br>
j@385: <br>
j@381: 
j@385: Die unten stehenden Tabelle gibt einen Anhaltspunkt für die Bedeutung der verschiedenen UV-Indices:
j@385: <br>
j@385: <br>
j@385: <table border="black">
j@385:   <colgroup>
j@385:   <col width="100">
j@385:   <col width="100">
j@385:   <col width="400">
j@385:   </colgroup>
j@385:   <tr>
j@385:     <th align="center" bgcolor="#E0E0E0">UV-Index</th>
j@385:     <th align="center" bgcolor="#E0E0E0">Bewertung</th>
j@385:     <th align="center" bgcolor="#E0E0E0">Schutz</th>
j@385:   </tr>
j@385:   <tr>
j@385:     <td align="center" bgcolor="#00B000">0 – 2</td>
j@385:     <td align="center" bgcolor="#00B000">niedrig</td>
j@385:     <td style="padding-left:25px;">Kein Schutz erforderlich</td>
j@385:   </tr>
j@385:   <tr>
j@385:     <td align="center" bgcolor="#FFFF00">3 – 5</td>
j@385:     <td align="center" bgcolor="#FFFF00">mäßig</td>
j@385:     <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
j@385:   </tr>
j@385:   <tr>
j@385:     <td align="center" bgcolor="#F87820">6 – 7</td>
j@385:     <td align="center" bgcolor="#F87820">hoch</td>
j@385:     <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
j@385:   </tr>
j@385:   <tr>
j@385:     <td align="center" bgcolor="#FF0000">8 – 10</td>
j@385:     <td align="center" bgcolor="#FF0000">sehr hoch</td>
j@385:     <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
j@385:   </tr>
j@385:   <tr>
j@385:     <td align="center" bgcolor="#7F00FF">≥ 11</td>
j@385:     <td align="center" bgcolor="#7F00FF">extrem</td>
j@385:     <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
j@385:   </tr>
j@385: </table>
j@385: <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>
j@381: 
j@381: 
j@385: <div class="row">
j@385: {{ content_explanation|safe }}
j@385: {{ modal_info|safe }}
j@385: </div>
j@381: 
j@385: </div>
j@381: 
j@385: </div>
j@381: 
j@381: {% endblock %}