1.1 --- a/templates/graph.html Wed Feb 04 19:25:13 2015 +0100
1.2 +++ b/templates/graph.html Thu Feb 05 10:49:25 2015 +0100
1.3 @@ -1,148 +1,121 @@
1.4 {% extends "theme.html" %}
1.5 - <head>
1.6 - }
1.7 - label{
1.8 - font-size: 18;
1.9 - }
1.10 +<head>
1.11 +}
1.12 +label{
1.13 +font-size: 18;
1.14 +}
1.15
1.16 - font-family {
1.17 - Timed New Roman, sans-serif;
1.18 - }
1.19 +font-family {
1.20 +Timed New Roman, sans-serif;
1.21 +}
1.22
1.23 - select {
1.24 - font-size:14;
1.25 - border-color: gray;
1.26 - }
1.27 +select {
1.28 +font-size:14;
1.29 +border-color: gray;
1.30 +}
1.31
1.32 - input{
1.33 - font-color: black;
1.34 - font-size: 16;
1.35 - border-color: gray;
1.36 - }
1.37 +input{
1.38 +font-color: black;
1.39 +font-size: 16;
1.40 +border-color: gray;
1.41 +}
1.42
1.43 - </head>
1.44 +</head>
1.45 {% block body %}
1.46 - <div class="container">
1.47 - <div class="col-lg-12">
1.48 - <div class="row">
1.49 - {{ content|safe }}
1.50 - </div>
1.51 +<div class="container">
1.52 +<div class="col-lg-12">
1.53 +<div class="row">
1.54 +{{ content|safe }}
1.55 +</div>
1.56
1.57 - <br>
1.58 - <br>
1.59 - <i>
1.60 - <h3>
1.61 - UV-Index für {{o3offsetstr}} DU Ozonverlust bei der Breite {{latstr}}:
1.62 - </h3>
1.63 - </i>
1.64 +<br>
1.65
1.66 - <br>
1.67 - <br>
1.68 +<form method="post" action="/ozoneloss/uvi_graph">
1.69 +<table border="0" width="100%">
1.70 + <tr> <h4>
1.71 + <p> UV-Index für
1.72 + <select name="Dobson-Unit" size="1" font-size="14" border-color="gray">
1.73 + <option>{{o3offsetstr}}</option>
1.74 + <option>25</option>
1.75 + <option>50</option>
1.76 + <option>75</option>
1.77 + <option>100</option>
1.78 + </select>
1.79 + DU Ozonverlust bei der Breite
1.80 + <select name="Gradzahl" size="1" font-size="14" border-color="gray">
1.81 + <option>{{latstr}}</option>
1.82 + <option>80° N</option>
1.83 + <option>70° N</option>
1.84 + <option>60° N</option>
1.85 + <option>50° N</option>
1.86 + <option>50° S</option>
1.87 + <option>60° S</option>
1.88 + <option>70° S</option>
1.89 + <option>80° S</option>
1.90 + </select>
1.91 + :
1.92 + <input type="submit" value="Graph anzeigen" font-color="black" font-size="16" border-color="gray"/>
1.93 + </p>
1.94 + </h4>
1.95 +</tr>
1.96 +</table>
1.97 +</form>
1.98 +<br>
1.99 +<img src="/static/images/uvindex/{{figname}}" border="6">
1.100
1.101 - <form method="get" action="/ozoneloss/uvi">
1.102 +<br>
1.103 +<br>
1.104
1.105 - <img src="/static/images/uvindex/{{figname}}" border="6">
1.106 +Die unten stehenden Tabelle gibt einen Anhaltspunkt für die Bedeutung der verschiedenen UV-Indices:
1.107 +<br>
1.108 +<br>
1.109 +<table border="black">
1.110 + <colgroup>
1.111 + <col width="100">
1.112 + <col width="100">
1.113 + <col width="400">
1.114 + </colgroup>
1.115 + <tr>
1.116 + <th align="center" bgcolor="#E0E0E0">UV-Index</th>
1.117 + <th align="center" bgcolor="#E0E0E0">Bewertung</th>
1.118 + <th align="center" bgcolor="#E0E0E0">Schutz</th>
1.119 + </tr>
1.120 + <tr>
1.121 + <td align="center" bgcolor="#00B000">0 – 2</td>
1.122 + <td align="center" bgcolor="#00B000">niedrig</td>
1.123 + <td style="padding-left:25px;">Kein Schutz erforderlich</td>
1.124 + </tr>
1.125 + <tr>
1.126 + <td align="center" bgcolor="#FFFF00">3 – 5</td>
1.127 + <td align="center" bgcolor="#FFFF00">mäßig</td>
1.128 + <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
1.129 + </tr>
1.130 + <tr>
1.131 + <td align="center" bgcolor="#F87820">6 – 7</td>
1.132 + <td align="center" bgcolor="#F87820">hoch</td>
1.133 + <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
1.134 + </tr>
1.135 + <tr>
1.136 + <td align="center" bgcolor="#FF0000">8 – 10</td>
1.137 + <td align="center" bgcolor="#FF0000">sehr hoch</td>
1.138 + <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
1.139 + </tr>
1.140 + <tr>
1.141 + <td align="center" bgcolor="#7F00FF">≥ 11</td>
1.142 + <td align="center" bgcolor="#7F00FF">extrem</td>
1.143 + <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
1.144 + </tr>
1.145 +</table>
1.146 +<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>
1.147
1.148 - <table border="black">
1.149 - <colgroup>
1.150 - <col width="100">
1.151 - <col width="100">
1.152 - <col width="400">
1.153 - </colgroup>
1.154 - <tr>
1.155 - <th align="center" bgcolor="#E0E0E0">UV-Index</th>
1.156 - <th align="center" bgcolor="#E0E0E0">Bewertung</th>
1.157 - <th align="center" bgcolor="#E0E0E0">Schutz</th>
1.158 - </tr>
1.159 - <tr>
1.160 - <td align="center" bgcolor="#00B000">0 – 2 </td>
1.161 - <td align="center" bgcolor="#00B000">niedrig</td>
1.162 - <td style="padding-left:25px;">Kein Schutz erforderlich</td>
1.163 - </tr>
1.164 - <tr>
1.165 - <td align="center" bgcolor="#FFFF00">3 – 5</td>
1.166 - <td align="center" bgcolor="#FFFF00">mäßig</td>
1.167 - <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
1.168 - </tr>
1.169 - <tr>
1.170 - <td align="center" bgcolor="#FFA500">6 – 7</td>
1.171 - <td align="center" bgcolor="#FFA500">hoch</td>
1.172 - <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
1.173 - </tr>
1.174 - <tr>
1.175 - <td align="center" bgcolor="#FF0000">8 – 10</td>
1.176 - <td align="center" bgcolor="#FF0000">sehr hoch</td>
1.177 - <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
1.178 - </tr>
1.179 - <tr>
1.180 - <td align="center" bgcolor="#7F00FF">≥ 11</td>
1.181 - <td align="center" bgcolor="#7F00FF">extrem</td>
1.182 - <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
1.183 - </tr>
1.184 - </table>
1.185 - <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>
1.186 - </form>
1.187 - <br>
1.188 - <br>
1.189 - <i>
1.190 - <h4>
1.191 - Andere Werte auswählen:
1.192 - </h4>
1.193 - </i>
1.194
1.195 - <form method="post" action="/ozoneloss/uvi_graph">
1.196 - <table border="0" width="100%">
1.197 - <tr>
1.198 - <th> <label for="Dobson-Unit" font-size="18">Bitte Ozonverlust auswählen:</label> </th>
1.199 - <th> <label for="Gradzahl">Bitte geographische Breite auswählen:</label> </th>
1.200 - </tr>
1.201 - <tr>
1.202 - <td>
1.203 - <p>
1.204 - <select name="Dobson-Unit" size="1" font-size="14" border-color="gray">
1.205 - <option>25</option>
1.206 - <option selected>50</option>
1.207 - <option>75</option>
1.208 - <option>100</option>
1.209 - </select>
1.210 - Dobson-Einheiten
1.211 - </p>
1.212 - </td>
1.213 - <td>
1.214 - <p>
1.215 - <select name="Gradzahl" size="1" font-size="14" border-color="gray">
1.216 - <option>80° N</option>
1.217 - <option>70° N</option>
1.218 - <option>60° N</option>
1.219 - <option selected>50° N</option>
1.220 - <option>50° S</option>
1.221 - <option>60° S</option>
1.222 - <option>70° S</option>
1.223 - <option>80° S</option>
1.224 - </select>
1.225 - </p>
1.226 - </td>
1.227 - </tr>
1.228 - </table>
1.229 +<div class="row">
1.230 +{{ content_explanation|safe }}
1.231 +{{ modal_info|safe }}
1.232 +</div>
1.233
1.234 +</div>
1.235
1.236 -
1.237 - <br>
1.238 -
1.239 - <input type="submit" value="Graph anzeigen" font-color="black" font-size="16" border-color="gray"/>
1.240 -
1.241 - </form>
1.242 -
1.243 -
1.244 - <div class="row">
1.245 - {{ content_explanation|safe }}
1.246 - {{ modal_info|safe }}
1.247 - </div>
1.248 - </div>
1.249 - </div>
1.250 +</div>
1.251
1.252 {% endblock %}
1.253 -
1.254 -
1.255 -
1.256 -