Merge pull request #24 from neo-garaix/fix-html

Improve look with some fix
3liz · Oct 3, 2024 · d7b4189 · d7b4189
2 parents 0c3c6b3 + 155f274
commit d7b4189
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 4 deletions.
diff --git a/ol-proj4rs-demo-app/favicon.ico b/ol-proj4rs-demo-app/favicon.ico
diff --git a/ol-proj4rs-demo-app/index.html b/ol-proj4rs-demo-app/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8">
     <title>OpenLayers + Proj4rs</title>
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
     <link rel="stylesheet" href="style.css">
     <body>
       <header>OpenLayers + Proj4rs</header>

diff --git a/ol-proj4rs-demo-app/reprojection-image.html b/ol-proj4rs-demo-app/reprojection-image.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8">
     <title>Image Reprojection</title>
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="codeStyle.css">
     <style>
@@ -47,7 +48,7 @@ <h3>proj4rs</h3>
 <span class="token keyword">import</span> <span class="token constant">OSM</span> <span class="token keyword">from</span> <span class="token string">'ol/source/OSM.js'</span>;
 <span class="token keyword">import</span> Static <span class="token keyword">from</span> <span class="token string">'ol/source/ImageStatic.js'</span>;
 <span class="token keyword">import</span> View <span class="token keyword">from</span> <span class="token string">'ol/View.js'</span>;
-<span class="change"><span class="token keyword">import</span> {proj4} <span class="token keyword">from</span> <span class="token string">'./assets/js/proj4.js'</span>;</span>
+<span class="change"><span class="token keyword">import</span> {proj4} <span class="token keyword">from</span> <span class="token string">'proj4rs/proj4.js'</span>;</span>
 <span class="token keyword">import</span> {Image <span class="token keyword">as</span>, Tile <span class="token keyword">as</span> TileLayer} <span class="token keyword">from</span> <span class="token string">'ol/layer.js'</span>;
 <span class="token keyword">import</span> {getCenter} <span class="token keyword">from</span> <span class="token string">'ol/extent.js'</span>;
 <span class="token keyword">import</span> {register} <span class="token keyword">from</span> <span class="token string">'ol/proj/proj4.js'</span>;

diff --git a/ol-proj4rs-demo-app/reprojection.html b/ol-proj4rs-demo-app/reprojection.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8">
     <title>Raster Reprojection</title>
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="codeStyle.css">
   </head>
@@ -73,7 +74,7 @@ <h3>proj4rs</h3>
 <span class="token keyword">import</span> View <span class="token keyword">from</span> <span class="token string">'ol/View.js'</span>;
 <span class="token keyword">import</span> <span class="token constant">WMTS</span>, {optionsFromCapabilities} <span class="token keyword">from</span> <span class="token string">'ol/source/WMTS.js'</span>;
 <span class="token keyword">import</span> WMTSCapabilities <span class="token keyword">from</span> <span class="token string">'ol/format/WMTSCapabilities.js'</span>;
-<span class="change"><span class="token keyword">import</span> {proj4} <span class="token keyword">from</span> <span class="token string">'./assets/js/proj4.js'</span>;</span>
+<span class="change"><span class="token keyword">import</span> {proj4} <span class="token keyword">from</span> <span class="token string">'proj4rs/proj4.js'</span>;</span>
 <span class="token keyword">import</span> {<span class="token constant">OSM</span>, TileImage, TileWMS} <span class="token keyword">from</span> <span class="token string">'ol/source.js'</span>;
 <span class="token keyword">import</span> {createXYZ} <span class="token keyword">from</span> <span class="token string">'ol/tilegrid.js'</span>;
 <span class="token keyword">import</span> {getCenter, getWidth} <span class="token keyword">from</span> <span class="token string">'ol/extent.js'</span>;

diff --git a/ol-proj4rs-demo-app/sphere-mollweide.html b/ol-proj4rs-demo-app/sphere-mollweide.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8">
     <title>Sphere Mollweide</title>
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="codeStyle.css">
     <style>
@@ -46,7 +47,7 @@ <h3>proj4rs</h3>
 <span class="token keyword">import</span> VectorLayer <span class="token keyword">from</span> <span class="token string">'ol/layer/Vector.js'</span>;
 <span class="token keyword">import</span> VectorSource <span class="token keyword">from</span> <span class="token string">'ol/source/Vector.js'</span>;
 <span class="token keyword">import</span> View <span class="token keyword">from</span> <span class="token string">'ol/View.js'</span>;
-<span class="change"><span class="token keyword">import</span> {proj4} <span class="token keyword">from</span> <span class="token string">'./assets/js/proj4.js'</span>;</span>
+<span class="change"><span class="token keyword">import</span> {proj4} <span class="token keyword">from</span> <span class="token string">'proj4rs/proj4.js'</span>;</span>
 <span class="token keyword">import</span> {register} <span class="token keyword">from</span> <span class="token string">'ol/proj/proj4.js'</span>;
 ...</code>
         </pre>

diff --git a/ol-proj4rs-demo-app/style.css b/ol-proj4rs-demo-app/style.css
@@ -15,6 +15,7 @@ html, body {
 header {
   font-weight: bold;
   font-size: 28px;
+  padding-top: 20px;
 }
 
 h4 {

diff --git a/ol-proj4rs-demo-app/wms-image-custom-proj.html b/ol-proj4rs-demo-app/wms-image-custom-proj.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8">
     <title>Single Image WMS with Proj4rs</title>
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="codeStyle.css">
   </head>
@@ -38,7 +39,7 @@ <h3>proj4rs</h3>
 <span class="token keyword">import</span> Map <span class="token keyword">from</span> <span class="token string">'ol/Map.js'</span>;
 <span class="token keyword">import</span> Projection <span class="token keyword">from</span> <span class="token string">'ol/proj/Projection.js'</span>;
 <span class="token keyword">import</span> View <span class="token keyword">from</span> <span class="token string">'ol/View.js'</span>;
-<span class="change"><span class="token keyword">import</span> {proj4} <span class="token keyword">from</span> <span class="token string">'./assets/js/proj4.js'</span>;</span>
+<span class="change"><span class="token keyword">import</span> {proj4} <span class="token keyword">from</span> <span class="token string">'proj4rs/proj4.js'</span>;</span>
 <span class="token keyword">import</span> {ScaleLine, defaults <span class="token keyword">as</span> defaultControls} <span class="token keyword">from</span> <span class="token string">'ol/control.js'</span>;
 <span class="token keyword">import</span> {fromLonLat} <span class="token keyword">from</span> <span class="token string">'ol/proj.js'</span>;
 <span class="token keyword">import</span> {register} <span class="token keyword">from</span> <span class="token string">'ol/proj/proj4.js'</span>;