templates/graph.html
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--
plot update from 150203
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
Impressum Datenschutzerklärung