author | Jens-Uwe Grooss <j.-u.grooss@fz-juelich.de> |
Tue, 03 Feb 2015 19:25:14 +0100 | |
changeset 383 | 187900cdfa1f |
parent 381 | 47e241d341d3 |
child 385 | 1f938cb838e7 |
permissions | -rw-r--r-- |
j@381 | 1 |
{% extends "theme.html" %} |
j@381 | 2 |
<head> |
j@381 | 3 |
} |
j@381 | 4 |
label{ |
j@381 | 5 |
font-size: 18; |
j@381 | 6 |
} |
j@381 | 7 |
|
j@381 | 8 |
font-family { |
j@381 | 9 |
Timed New Roman, sans-serif; |
j@381 | 10 |
} |
j@381 | 11 |
|
j@381 | 12 |
select { |
j@381 | 13 |
font-size:14; |
j@381 | 14 |
border-color: gray; |
j@381 | 15 |
} |
j@381 | 16 |
|
j@381 | 17 |
input{ |
j@381 | 18 |
font-color: black; |
j@381 | 19 |
font-size: 16; |
j@381 | 20 |
border-color: gray; |
j@381 | 21 |
} |
j@381 | 22 |
|
j@381 | 23 |
</head> |
j@381 | 24 |
{% block body %} |
j@381 | 25 |
<div class="container"> |
j@381 | 26 |
<div class="col-lg-12"> |
j@381 | 27 |
<div class="row"> |
j@381 | 28 |
{{ content|safe }} |
j@381 | 29 |
</div> |
j@381 | 30 |
|
j@381 | 31 |
<br> |
j@381 | 32 |
<br> |
j@381 | 33 |
<i> |
j@381 | 34 |
<h3> |
j@381 | 35 |
UV-Index für {{o3offsetstr}} DU Ozonverlust bei der Breite {{latstr}}: |
j@381 | 36 |
</h3> |
j@381 | 37 |
</i> |
j@381 | 38 |
|
j@381 | 39 |
<br> |
j@381 | 40 |
<br> |
j@381 | 41 |
|
j@381 | 42 |
<form method="get" action="/ozoneloss/uvi"> |
j@381 | 43 |
|
j@381 | 44 |
<img src="/static/images/uvindex/{{figname}}" border="6"> |
j@381 | 45 |
|
j@381 | 46 |
<table border="black"> |
j@381 | 47 |
<colgroup> |
j@381 | 48 |
<col width="100"> |
j@381 | 49 |
<col width="100"> |
j@381 | 50 |
<col width="400"> |
j@381 | 51 |
</colgroup> |
j@381 | 52 |
<tr> |
j@381 | 53 |
<th align="center" bgcolor="#E0E0E0">UV-Index</th> |
j@381 | 54 |
<th align="center" bgcolor="#E0E0E0">Bewertung</th> |
j@381 | 55 |
<th align="center" bgcolor="#E0E0E0">Schutz</th> |
j@381 | 56 |
</tr> |
j@381 | 57 |
<tr> |
j@381 | 58 |
<td align="center" bgcolor="#00B000">0 – 2 </td> |
j@381 | 59 |
<td align="center" bgcolor="#00B000">niedrig</td> |
j@381 | 60 |
<td style="padding-left:25px;">Kein Schutz erforderlich</td> |
j@381 | 61 |
</tr> |
j@381 | 62 |
<tr> |
j@381 | 63 |
<td align="center" bgcolor="#FFFF00">3 – 5</td> |
j@381 | 64 |
<td align="center" bgcolor="#FFFF00">mäßig</td> |
j@381 | 65 |
<td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td> |
j@381 | 66 |
</tr> |
j@381 | 67 |
<tr> |
j@381 | 68 |
<td align="center" bgcolor="#FFA500">6 – 7</td> |
j@381 | 69 |
<td align="center" bgcolor="#FFA500">hoch</td> |
j@381 | 70 |
<td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td> |
j@381 | 71 |
</tr> |
j@381 | 72 |
<tr> |
j@381 | 73 |
<td align="center" bgcolor="#FF0000">8 – 10</td> |
j@381 | 74 |
<td align="center" bgcolor="#FF0000">sehr hoch</td> |
j@381 | 75 |
<td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td> |
j@381 | 76 |
</tr> |
j@381 | 77 |
<tr> |
j@381 | 78 |
<td align="center" bgcolor="#7F00FF">≥ 11</td> |
j@381 | 79 |
<td align="center" bgcolor="#7F00FF">extrem</td> |
j@381 | 80 |
<td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td> |
j@381 | 81 |
</tr> |
j@381 | 82 |
</table> |
j@381 | 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> |
j@381 | 84 |
</form> |
j@381 | 85 |
<br> |
j@381 | 86 |
<br> |
j@381 | 87 |
<i> |
j@381 | 88 |
<h4> |
j@381 | 89 |
Andere Werte auswählen: |
j@381 | 90 |
</h4> |
j@381 | 91 |
</i> |
j@381 | 92 |
|
j@381 | 93 |
<form method="post" action="/ozoneloss/uvi_graph"> |
j@381 | 94 |
<table border="0" width="100%"> |
j@381 | 95 |
<tr> |
j@381 | 96 |
<th> <label for="Dobson-Unit" font-size="18">Bitte Ozonverlust auswählen:</label> </th> |
j@381 | 97 |
<th> <label for="Gradzahl">Bitte geographische Breite auswählen:</label> </th> |
j@381 | 98 |
</tr> |
j@381 | 99 |
<tr> |
j@381 | 100 |
<td> |
j@381 | 101 |
<p> |
j@381 | 102 |
<select name="Dobson-Unit" size="1" font-size="14" border-color="gray"> |
j@381 | 103 |
<option>25</option> |
j@381 | 104 |
<option selected>50</option> |
j@381 | 105 |
<option>75</option> |
j@381 | 106 |
<option>100</option> |
j@381 | 107 |
</select> |
j@381 | 108 |
Dobson-Einheiten |
j@381 | 109 |
</p> |
j@381 | 110 |
</td> |
j@381 | 111 |
<td> |
j@381 | 112 |
<p> |
j@381 | 113 |
<select name="Gradzahl" size="1" font-size="14" border-color="gray"> |
j@381 | 114 |
<option>80° N</option> |
j@381 | 115 |
<option>70° N</option> |
j@381 | 116 |
<option>60° N</option> |
j@381 | 117 |
<option selected>50° N</option> |
j@381 | 118 |
<option>50° S</option> |
j@381 | 119 |
<option>60° S</option> |
j@381 | 120 |
<option>70° S</option> |
j@381 | 121 |
<option>80° S</option> |
j@381 | 122 |
</select> |
j@381 | 123 |
</p> |
j@381 | 124 |
</td> |
j@381 | 125 |
</tr> |
j@381 | 126 |
</table> |
j@381 | 127 |
|
j@381 | 128 |
|
j@381 | 129 |
|
j@381 | 130 |
<br> |
j@381 | 131 |
|
j@381 | 132 |
<input type="submit" value="Graph anzeigen" font-color="black" font-size="16" border-color="gray"/> |
j@381 | 133 |
|
j@381 | 134 |
</form> |
j@381 | 135 |
|
j@381 | 136 |
|
j@381 | 137 |
<div class="row"> |
j@381 | 138 |
{{ content_explanation|safe }} |
j@381 | 139 |
{{ modal_info|safe }} |
j@381 | 140 |
</div> |
j@381 | 141 |
</div> |
j@381 | 142 |
</div> |
j@381 | 143 |
|
j@381 | 144 |
{% endblock %} |
j@381 | 145 |
|
j@381 | 146 |
|
j@381 | 147 |
|
j@381 | 148 |