made color changes smoother

alexdcramer · Sep 30, 2023 · 996e0b5 · 996e0b5
1 parent 9df5321
commit 996e0b5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -4,12 +4,12 @@
     <meta charset="utf-8">
     <title>Köppen Calculator</title>
   </head>
-  <body id="body" style="background-color:white;transition: background-color 0.5s ease;transition: color 0.5s ease;">
+  <body id="body" style="background-color:white;transition: all 1s ease;">
     <header>
     <h1>Köppen Calculator v0.0.1</h1></header>
     <main>
 
-      <div id="demoMap" style="height:350px; width:100%"></div>
+      <div id="demoMap" style="height:350px; width:100%; background-color:#cccccc;"></div>
       <script src="openlayers/OpenLayers.js"></script>
       <script src="map.js"></script>
       <h3 id="code"></h3>

diff --git a/map.js b/map.js
@@ -29,6 +29,7 @@ map.zoomToMaxExtent();
 
 map.events.register("move", map, function() {
 	updateLonLat();
+	calcKoppen();
 });
 
 function calcKoppen() {