1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/templates/graph.html Mon Feb 02 15:05:52 2015 +0100
1.3 @@ -0,0 +1,148 @@
1.4 +{% extends "theme.html" %}
1.5 + <head>
1.6 + }
1.7 + label{
1.8 + font-size: 18;
1.9 + }
1.10 +
1.11 + font-family {
1.12 + Timed New Roman, sans-serif;
1.13 + }
1.14 +
1.15 + select {
1.16 + font-size:14;
1.17 + border-color: gray;
1.18 + }
1.19 +
1.20 + input{
1.21 + font-color: black;
1.22 + font-size: 16;
1.23 + border-color: gray;
1.24 + }
1.25 +
1.26 + </head>
1.27 +{% block body %}
1.28 + <div class="container">
1.29 + <div class="col-lg-12">
1.30 + <div class="row">
1.31 + {{ content|safe }}
1.32 + </div>
1.33 +
1.34 + <br>
1.35 + <br>
1.36 + <i>
1.37 + <h3>
1.38 + UV-Index für {{o3offsetstr}} DU Ozonverlust bei der Breite {{latstr}}:
1.39 + </h3>
1.40 + </i>
1.41 +
1.42 + <br>
1.43 + <br>
1.44 +
1.45 + <form method="get" action="/ozoneloss/uvi">
1.46 +
1.47 + <img src="/static/images/uvindex/{{figname}}" border="6">
1.48 +
1.49 + <table border="black">
1.50 + <colgroup>
1.51 + <col width="100">
1.52 + <col width="100">
1.53 + <col width="400">
1.54 + </colgroup>
1.55 + <tr>
1.56 + <th align="center" bgcolor="#E0E0E0">UV-Index</th>
1.57 + <th align="center" bgcolor="#E0E0E0">Bewertung</th>
1.58 + <th align="center" bgcolor="#E0E0E0">Schutz</th>
1.59 + </tr>
1.60 + <tr>
1.61 + <td align="center" bgcolor="#00B000">0 – 2 </td>
1.62 + <td align="center" bgcolor="#00B000">niedrig</td>
1.63 + <td style="padding-left:25px;">Kein Schutz erforderlich</td>
1.64 + </tr>
1.65 + <tr>
1.66 + <td align="center" bgcolor="#FFFF00">3 – 5</td>
1.67 + <td align="center" bgcolor="#FFFF00">mäßig</td>
1.68 + <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
1.69 + </tr>
1.70 + <tr>
1.71 + <td align="center" bgcolor="#FFA500">6 – 7</td>
1.72 + <td align="center" bgcolor="#FFA500">hoch</td>
1.73 + <td style="padding-left:25px;">Schutz erforderlich: Hut, T-Shirt, Sonnenbrille, Sonnencreme</td>
1.74 + </tr>
1.75 + <tr>
1.76 + <td align="center" bgcolor="#FF0000">8 – 10</td>
1.77 + <td align="center" bgcolor="#FF0000">sehr hoch</td>
1.78 + <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
1.79 + </tr>
1.80 + <tr>
1.81 + <td align="center" bgcolor="#7F00FF">≥ 11</td>
1.82 + <td align="center" bgcolor="#7F00FF">extrem</td>
1.83 + <td style="padding-left:25px;">zusätzlicher Schutz erforderlich: Aufenthalt im Freien möglichst vermeiden</td>
1.84 + </tr>
1.85 + </table>
1.86 + <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.87 + </form>
1.88 + <br>
1.89 + <br>
1.90 + <i>
1.91 + <h4>
1.92 + Andere Werte auswählen:
1.93 + </h4>
1.94 + </i>
1.95 +
1.96 + <form method="post" action="/ozoneloss/uvi_graph">
1.97 + <table border="0" width="100%">
1.98 + <tr>
1.99 + <th> <label for="Dobson-Unit" font-size="18">Bitte Ozonverlust auswählen:</label> </th>
1.100 + <th> <label for="Gradzahl">Bitte geographische Breite auswählen:</label> </th>
1.101 + </tr>
1.102 + <tr>
1.103 + <td>
1.104 + <p>
1.105 + <select name="Dobson-Unit" size="1" font-size="14" border-color="gray">
1.106 + <option>25</option>
1.107 + <option selected>50</option>
1.108 + <option>75</option>
1.109 + <option>100</option>
1.110 + </select>
1.111 + Dobson-Einheiten
1.112 + </p>
1.113 + </td>
1.114 + <td>
1.115 + <p>
1.116 + <select name="Gradzahl" size="1" font-size="14" border-color="gray">
1.117 + <option>80° N</option>
1.118 + <option>70° N</option>
1.119 + <option>60° N</option>
1.120 + <option selected>50° N</option>
1.121 + <option>50° S</option>
1.122 + <option>60° S</option>
1.123 + <option>70° S</option>
1.124 + <option>80° S</option>
1.125 + </select>
1.126 + </p>
1.127 + </td>
1.128 + </tr>
1.129 + </table>
1.130 +
1.131 +
1.132 +
1.133 + <br>
1.134 +
1.135 + <input type="submit" value="Graph anzeigen" font-color="black" font-size="16" border-color="gray"/>
1.136 +
1.137 + </form>
1.138 +
1.139 +
1.140 + <div class="row">
1.141 + {{ content_explanation|safe }}
1.142 + {{ modal_info|safe }}
1.143 + </div>
1.144 + </div>
1.145 + </div>
1.146 +
1.147 +{% endblock %}
1.148 +
1.149 +
1.150 +
1.151 +