Auswahlmechanismus vereinfacht:
authorJens-Uwe Grooss <j.-u.grooss@fz-juelich.de>
Thu, 05 Feb 2015 10:49:25 +0100
changeset 3851f938cb838e7
parent 384 30ac06a5955c
child 386 0bb21baeace6
Auswahlmechanismus vereinfacht:
-> in der ?berschrift ?ber dem UV-Index Bild
templates/graph.html
templates/ozoneloss_uvi.html
     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 +    : &nbsp;&nbsp;&nbsp;
    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 -
     2.1 --- a/templates/ozoneloss_uvi.html	Wed Feb 04 19:25:13 2015 +0100
     2.2 +++ b/templates/ozoneloss_uvi.html	Thu Feb 05 10:49:25 2015 +0100
     2.3 @@ -2,113 +2,88 @@
     2.4  {% block body %}
     2.5  
     2.6  <div class="container">
     2.7 - <div class="col-lg-12">
     2.8 - 	<div class="row">
     2.9 -     {{ content|safe }}
    2.10 -    </div>
    2.11 -        {{lat}}
    2.12 -        {{o3offset}}
    2.13 +<div class="col-lg-12">
    2.14 +<div class="row">
    2.15 +{{ content|safe }}
    2.16 +</div>
    2.17  
    2.18 - <br>
    2.19 - <br>
    2.20 -     <i>
    2.21 -         <h3>
    2.22 -            UV-Index für 50 DU Ozonverlust bei der Breite 50°N:
    2.23 -         </h3>
    2.24 -     </i>
    2.25 - <br>
    2.26 - <br>
    2.27 +<br>
    2.28  
    2.29 -     <form>
    2.30 -            <img src="/static/images/uvindex/{{figname}}" alt="{{ alt }}" border="6">
    2.31 -            <table border="black">
    2.32 -                <colgroup>
    2.33 -                    <col width="100">
    2.34 -                    <col width="100">
    2.35 -                    <col width="400">
    2.36 -                </colgroup>
    2.37 -                <tr>
    2.38 -                    <th align="center" bgcolor="#E0E0E0">UV-Index</th>
    2.39 -                    <th align="center" bgcolor="#E0E0E0">Bewertung</th>
    2.40 -                    <th align="center" bgcolor="#E0E0E0">Schutz</th>
    2.41 -                </tr>
    2.42 -                <tr>
    2.43 -                    <td align="center" bgcolor="#00B000">0 – 2 </td>
    2.44 -                    <td align="center" bgcolor="#00B000">niedrig</td>
    2.45 -                    <td style="padding-left:25px;">Kein Schutz erforderlich</td>
    2.46 -                </tr>
    2.47 -                <tr>
    2.48 -                    <td align="center" bgcolor="#FFFF00">3 – 5</td>
    2.49 -                    <td align="center" bgcolor="#FFFF00">mäßig</td>
    2.50 -                    <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
    2.51 -                </tr>
    2.52 -                <tr>
    2.53 -                    <td align="center" bgcolor="#F87820">6 – 7</td>
    2.54 -                    <td align="center" bgcolor="#F87820">hoch</td>
    2.55 -                    <td style="padding-left:25px">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
    2.56 -                </tr>
    2.57 -                <tr>
    2.58 -                    <td align="center" bgcolor="#FF0000">8 – 10</td>
    2.59 -                    <td align="center" bgcolor="#FF0000">sehr hoch</td>
    2.60 -                    <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
    2.61 -                </tr>
    2.62 -                <tr>
    2.63 -                    <td align="center" bgcolor="#7F00FF">≥ 11</td>
    2.64 -                    <td align="center" bgcolor="#7F00FF">extrem</td>
    2.65 -                    <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
    2.66 -                </tr>
    2.67 -            </table>
    2.68 -            <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>
    2.69 +<form method="post" action="/ozoneloss/uvi_graph">
    2.70 +<table border="0" width="100%">
    2.71 +  <tr> <h4>
    2.72 +    <p> UV-Index für
    2.73 +    <select name="Dobson-Unit" size="1" font-size="14"  border-color="gray">
    2.74 +      <option>25</option>
    2.75 +      <option selected>50</option>
    2.76 +      <option>75</option>
    2.77 +      <option>100</option>
    2.78 +    </select>
    2.79 +    DU Ozonverlust bei der Breite
    2.80 +    <select name="Gradzahl" size="1" font-size="14"  border-color="gray">
    2.81 +      <option>80° N</option>
    2.82 +      <option>70° N</option>
    2.83 +      <option>60° N</option>
    2.84 +      <option selected> 50° N</option>
    2.85 +      <option>50° S</option>
    2.86 +      <option>60° S</option>
    2.87 +      <option>70° S</option>
    2.88 +      <option>80° S</option>
    2.89 +    </select>
    2.90 +    : &nbsp;&nbsp;&nbsp;
    2.91 +    <input type="submit" value="Graph anzeigen" font-color="black" font-size="16" border-color="gray"/>
    2.92 +    </p>
    2.93 +    </h4>		 
    2.94 +</tr>
    2.95 +</table>
    2.96 +</form>
    2.97 +<br>
    2.98 +<img src="/static/images/uvindex/{{figname}}" alt="{{ alt }}" border="6">
    2.99  
   2.100 -     </form>
   2.101 - <br>
   2.102 - <br>
   2.103 -     <i>
   2.104 -         <h4>
   2.105 -             Andere Werte auswählen:
   2.106 -         </h4>
   2.107 -     </i>
   2.108 +<br>
   2.109 +<br>
   2.110  
   2.111 -    <form method="post" action="/ozoneloss/uvi_graph">
   2.112 -        <table border="0" width="100%">
   2.113 -            <tr>
   2.114 -                <th> <label for="Dobson-Unit" font-size="18">Bitte Ozonverlust auswählen:</label> </th>
   2.115 -                <th> <label for="Gradzahl">Bitte geographische Breite auswählen:</label> </th>
   2.116 -            </tr>
   2.117 -            <tr>
   2.118 -                <td>
   2.119 -                    <p>
   2.120 -                        <select name="Dobson-Unit" size="1" font-size="14"  border-color="gray">
   2.121 -                            <option>25</option>
   2.122 -                            <option selected>50</option>
   2.123 -                            <option>75</option>
   2.124 -                            <option>100</option>
   2.125 -                        </select>
   2.126 -                        Dobson-Einheiten
   2.127 -                    </p>
   2.128 -                </td>
   2.129 -                <td>
   2.130 -                    <p>
   2.131 -                         <select name="Gradzahl" size="1" font-size="14"  border-color="gray">
   2.132 -                            <option>80° N</option>
   2.133 -                            <option>70° N</option>
   2.134 -                            <option>60° N</option>
   2.135 -                            <option selected>50° N</option>
   2.136 -                            <option>50° S</option>
   2.137 -                            <option>60° S</option>
   2.138 -                            <option>70° S</option>
   2.139 -                            <option>80° S</option>
   2.140 -                         </select>
   2.141 -                    </p>
   2.142 -                </td>
   2.143 -            </tr>
   2.144 -        </table>
   2.145 -
   2.146 -        <br>
   2.147 -
   2.148 -        <input type="submit" value="Graph anzeigen" font-color="black" font-size="16" border-color="gray"/>
   2.149 -
   2.150 -    </form>
   2.151 +Die unten stehenden Tabelle gibt einen Anhaltspunkt für die Bedeutung der verschiedenen UV-Indices:
   2.152 +<br>
   2.153 +<br>
   2.154 +<table border="black">
   2.155 +  <colgroup>
   2.156 +  <col width="100">
   2.157 +  <col width="100">
   2.158 +  <col width="400">
   2.159 +  </colgroup>
   2.160 +  <tr>
   2.161 +    <th align="center" bgcolor="#E0E0E0">UV-Index</th>
   2.162 +    <th align="center" bgcolor="#E0E0E0">Bewertung</th>
   2.163 +    <th align="center" bgcolor="#E0E0E0">Schutz</th>
   2.164 +  </tr>
   2.165 +  <tr>
   2.166 +    <td align="center" bgcolor="#00B000">0 – 2</td>
   2.167 +    <td align="center" bgcolor="#00B000">niedrig</td>
   2.168 +    <td style="padding-left:25px;">Kein Schutz erforderlich</td>
   2.169 +  </tr>
   2.170 +  <tr>
   2.171 +    <td align="center" bgcolor="#FFFF00">3 – 5</td>
   2.172 +    <td align="center" bgcolor="#FFFF00">mäßig</td>
   2.173 +    <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
   2.174 +  </tr>
   2.175 +  <tr>
   2.176 +    <td align="center" bgcolor="#F87820">6 – 7</td>
   2.177 +    <td align="center" bgcolor="#F87820">hoch</td>
   2.178 +    <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
   2.179 +  </tr>
   2.180 +  <tr>
   2.181 +    <td align="center" bgcolor="#FF0000">8 – 10</td>
   2.182 +    <td align="center" bgcolor="#FF0000">sehr hoch</td>
   2.183 +    <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
   2.184 +  </tr>
   2.185 +  <tr>
   2.186 +    <td align="center" bgcolor="#7F00FF">≥ 11</td>
   2.187 +    <td align="center" bgcolor="#7F00FF">extrem</td>
   2.188 +    <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
   2.189 +  </tr>
   2.190 +</table>
   2.191 +<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>
   2.192  
   2.193  
   2.194  <div class="row">
Impressum Datenschutzerklärung