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