add guide

index.html

@@ -6,6 +6,7 @@
   <title>iD</title>
   <link rel='stylesheet' href='dist/iD.css'>
   <link rel='icon' type='image/png' href='data:image/png;base64,iVBORw0KGgo='>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comfortaa">
   <meta name='viewport'
     content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no' />
   <meta name='apple-mobile-web-app-capable' content='yes' />
@@ -30,7 +31,8 @@
       position: absolute;
       right: 0;
       top: 0;
-      overflow: scroll
+      overflow: scroll;
+      font-family: "Sofia", sans-serif;
     }
 
     #map {
@@ -46,7 +48,7 @@
 <div id='sidepane'>
   <div style="padding: 5%">
     <img src="https://euthmappers.com/app/uploads/2023/05/logo.png" />
-    <h1>Sandbox for OSM editting</h1>
+    <h1>Sandbox for OSM editting 🪣🧤</h1>
     <div id="map"></div>
     <p>This site has both iD editor (big map drawing tool on the left) and mini map of actual OSM data on the right</p>
     <script>
@@ -92,9 +94,9 @@ <h2>Open sandbox editting in JOSM</h2>
     <li>Go to the Edit menu and select Preferences > OSM server</li>
     <li>Uncheck "Use the default OSM server".</li>
     <li>Change OSM Server URL to https://api06.dev.openstreetmap.org/api and add your authentication by selecting Use
-    Oath 2.0 and click on Authorize now (fully automatic)</li>
-    <li>An (dev)Openstreetmap site appear, click on  Authorize , a site with the text ‘OK’ will appear.
-    Come back to Preferences window in JOSM, press OK</li>
+      Oath 2.0 and click on Authorize now (fully automatic)</li>
+    <li>An (dev)Openstreetmap site appear, click on Authorize , a site with the text ‘OK’ will appear.
+      Come back to Preferences window in JOSM, press OK</li>
   </div>
 </div>
 </div>