feat: Add test page (spatial) with mapserver layer in openlayers map

spatial/templates/spatial/index.html

@@ -46,6 +46,33 @@
 {% block content %}
 		<!-- Start map container -->
 		<div class="col-md-12" id="mapContainer">
+			<div class="row">
+				<div class="col-md-12">
+					<h1>Svermetidspunkt for gulrotflue - BETAversjon</h1>
+					<p>
+						Kartet viser beregnet <a href="https://www.vips-landbruk.no/forecasts/models/PSILARTEMP/" target="new">svermetidspunkt 
+						for gulrotflue 1. generasjon</a>. Varslene beregnes i rutenett a 1x1km basert på temperaturdata fra 
+						<a href="https://thredds.met.no/thredds/catalog/senorge/seNorge_2018/catalog.html" target="new">SeNorge</a> 
+						og <a href"https://thredds.met.no/thredds/catalog/metpplatest/catalog.html" target="new">temperaturprognoser 
+						fra Meteorologisk institutt</a>. Det vises et kart for dagens dato og et for morgendagen. Varslene oppdateres 
+						en gang per døgn. Modellen for svermetidspunkt for gulrotflue beregnes også 
+						med data fra værstasjoner, hvor mer detaljerte beregninger kan hentes opp 
+						via visningen i kartet på VIPS-forsida.
+					</p>
+					<p>
+						Denne kartvisningen av grid-baserte varsler er resultat fra prosjektet "Grid-baserte varsler i VIPS",
+						finansiert av Landbruksdirektoratet gjennom Handlingsplan for bærekraftig bruk av plantevernmidler i 
+						2023. Videreutvikling av produktet vil skje høst/vinter 2023.  
+					</p>
+					<h2>Kartforklaring</h2>
+					<ul>
+						<li>Grønt - sverming har ikke begynt</li>
+						<li>Gult - svermingen er i startfasen, vær obs på at det kan komme innflyvere i åkeren.</li>
+						<li>Rødt - Svermingen er på sitt mest aktive.</li>
+						<li>Grå - sverming av 1. generasjon er over og varslingen er avsluttet </li>
+					</ul>
+				</div>
+			</div>
 			<div class="row" id="mapAndForecastRow" style="padding-bottom: 20px;">
 				<div class="col-md-6" id="mapToday" class="map" style="height: {{settings.MAP_HEIGHT}}px;">Today</div>
 				<div class="col-md-6" id="mapTomorrow" class="map" style="height: {{settings.MAP_HEIGHT}}px;">Tomorrow</div>