eskp-app/1.0: templates/graph.html@187900cdfa1f

     1 {% extends "theme.html" %}

     2     <head>

     3         }

     4         label{

     5             font-size: 18;

     6         }

     8         font-family {

     9             Timed New Roman, sans-serif;

    10         }

    12         select {

    13             font-size:14;

    14             border-color: gray;

    15         }

    17         input{

    18           font-color: black;

    19           font-size: 16;

    20           border-color: gray;

    21         }

    23     </head>

    24 {% block body %}

    25  <div class="container">

    26     <div class="col-lg-12">

    27         <div class="row">

    28             {{ content|safe }}

    29         </div>

    31         <br>

    32         <br>

    33         <i>

    34             <h3>

    35                 UV-Index für {{o3offsetstr}} DU Ozonverlust bei der Breite {{latstr}}:

    36             </h3>

    37         </i>

    39         <br>

    40         <br>

    42         <form method="get" action="/ozoneloss/uvi">

    44             <img src="/static/images/uvindex/{{figname}}" border="6">

    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>

    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>

   130         <br>

   132         <input type="submit" value="Graph anzeigen" font-color="black" font-size="16" border-color="gray"/>

   134       </form>

   137       <div class="row">

   138         {{ content_explanation|safe }}

   139         {{ modal_info|safe }}

   140       </div>

   141     </div>

   142  </div>

   144 {% endblock %}

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--