From af7c84cbff1c9dee8a383e848c3d2816a1fbaab7 Mon Sep 17 00:00:00 2001
From: Harry Bond <endim8@pm.me>
Date: Sun, 27 Feb 2022 20:16:28 +0000
Subject: [PATCH] improve UI style

Signed-off-by: Harry Bond <endim8@pm.me>
---
 .gitignore                     |   2 +
 public/ge0.html                | 197 +++++++++++++++++++++++++--------
 public/get.html                |   5 +-
 public/icons/copy-icon.svg     |   9 ++
 public/icons/logo-icon.svg     |   8 ++
 public/placemarks/poi-icon.svg |  17 +++
 public/test.html               |  26 ++++-
 src/ge0.ts                     |   2 +-
 8 files changed, 218 insertions(+), 48 deletions(-)
 create mode 100644 public/icons/copy-icon.svg
 create mode 100644 public/icons/logo-icon.svg
 create mode 100644 public/placemarks/poi-icon.svg

diff --git a/.gitignore b/.gitignore
index 87c8228..2c86d06 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
 # Autogenerated by esbuild.
 workers-site/index.js
 node_modules/
+
+.DS_Store
diff --git a/public/ge0.html b/public/ge0.html
index c1995c4..9ccfcf8 100644
--- a/public/ge0.html
+++ b/public/ge0.html
@@ -20,55 +20,115 @@
 
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin="" />
   <style>
+
     html,
     body {
       margin: 0;
       padding: 0;
       width: 100%;
       height: 100%;
+      font-family: sans-serif;
+      font-weight: lighter;
+      line-height: 1.2em;
+      display: flex;
+      flex-flow: column;
     }
-
+    
     .link {
-      background-color: white;
-      color: #00AA00;
-      padding: 5px;
-      text-decoration: none;
+      border-radius: 25px;
+      border: 1px solid #449f33;
+      margin-top: 2px;
+      margin-bottom: 2px;
       display: inline-block;
-      border: 1px solid #00AA00;
     }
-
-    .link:hover {
-      background-color: #00AA00;
-      color: white;
-      cursor: grab;
+    
+    .linkcolour {
+      border-radius: 25px;
+      padding: 5px;
+      padding-left: 10px;
+      padding-right: 10px;
+      text-decoration: none;
+      color: #449f33;
+      vertical-align: middle;
+      display: inline-block;
     }
-
-    a,
-    a:link,
-    a:visited {}
-
-    a:hover,
-    a:active {}
-
-    #name {
-      font-size: x-large;
-      font-weight: bold;
-      margin: 0 5px 0 5px;
+    
+    .linkcolour:hover {
+      background-color: #449f33;
+      color: #FFF;
+      cursor: pointer;
+    }
+    
+    .linkcolour:active {
+      background-color: #24541b;
     }
 
     #header {
-      color: white;
-      background-color: #00AA00AA;
+      background-color: #FFF;
       text-align: center;
-      position: fixed;
-      width: 100%;
-      z-index: 1000;
       padding: 10px;
+      box-shadow: 0 3px 10px 0 #00000030;
+      display: flex;
+      flex-flow: row wrap;
+      align-items: center;
+      gap: 10px;
+      justify-content: space-around;
+      overflow-wrap: break-word;
+      z-index: 100;
+    }
+
+    #logo {
+      vertical-align: middle; 
+      height: 2em;
+      flex-flow: row wrap;
+      align-items: center;
+      gap: 10px;
+      display: inline-flex;
+      justify-content: space-between;
+      overflow-wrap: break-word;
+    }
+    
+    #name {
+      flex: 1;
+      font-size: x-large;
     }
 
     #map {
-      height: 100%;
       width: 100%;
+      flex: 1 1 auto;
+      z-index: 1;
+    }
+    
+    #notif {
+      z-index: 1000;
+      border-radius: 25px;
+      padding: 5px;
+      padding-left: 10px;
+      padding-right: 10px;
+      overflow-wrap: break-word;
+      box-shadow: 0 3px 10px 0 #00000030;
+      visibility: hidden; 
+      background-color: #FFF;
+      color: #449f33;
+      position: absolute;
+      transform: translateX(-50%);
+      left: 50%;
+      top: 10%;
+    }    
+          
+    #notif.show {
+      visibility: visible;
+      animation: fadein 0.5s, fadeout 0.5s 1s;
+    }
+    
+    @keyframes fadein {
+      from { opacity: 0; }
+      to { opacity: 1; }
+    }
+
+    @keyframes fadeout {
+      from { opacity: 1; }
+      to { opacity: 0; }
     }
   </style>
   <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
@@ -77,40 +137,89 @@
 
 <body>
   <div id="header">
+    <a href="https://organicmaps.app/">
+      <img id="logo" src="/icons/logo-icon.svg"/>
+    </a>
     <span id="name">${name}</span>
-    <span>
-      <a id="open" href="om:/${path}" class="link">
+    <div>
+      <a id="open" onclick="triggerApp()" class="linkcolour link">
         Open in Organic Maps
       </a>
-      <a href="https://omaps.app/get" target="_blank" class="link">
+      <a id="install" href="/get.html" target="_blank" class="linkcolour link">
         Install Organic Maps
       </a>
-      <a href="https://www.openstreetmap.org/?mlat=${lat}&mlon=${lon}#map=${zoom}/${lat}/${lon}" target="_blank" class="link">
+      <a href="https://www.openstreetmap.org/?mlat=${lat}&mlon=${lon}#map=${zoom}/${lat}/${lon}" target="_blank" class="linkcolour link">
         See on OpenStreetMap
       </a>
-    </span>
+      <div class="link">
+        <a id = "geolink" href="geo:${lat},${lon}?Z=${zoom}" onclick="copyCoords()" target="_blank" class="linkcolour" style="border-radius: 100px 0px 0px 100px;">
+          ${lat}, ${lon}
+        </a><a id="cpbtn" href="#" onclick="copyCoords()" class="linkcolour" style="border-radius: 0px 100px 100px 0px; border-left: solid 1px #449f33">
+          📋
+        </a>
+      </div>
+    </div>
   </div>
   <div id="map" class="map"></div>
+  <div id="notif" class="notif">Coordinates copied to clipboard.</div>
   <script type="text/javascript">
-    const isiOS = navigator.platform.substr(0, 2) === 'iP' ||  // iPhone, iPad, iPod, including simulators.
+    var isiOS = navigator.platform.substr(0, 2) === 'iP' ||  // iPhone, iPad, iPod, including simulators.
       (navigator.userAgent.includes('Mac') && 'ontouchend' in document);  // iPad on iOS 13.
-    const isAndroid = !isiOS && /(android)/i.test(navigator.userAgent);
-    const isDesktop = !isiOS && !isAndroid;
+    var isAndroid = !isiOS && /(android)/i.test(navigator.userAgent);
+    var isDesktop = !isiOS && !isAndroid;
+    var isMobile = isiOS || isAndroid;
 
-    if (isDesktop)
+    if (isDesktop) {
       document.getElementById('open').remove();
+      document.getElementById('cpbtn').remove();
+      document.getElementById('geolink').removeAttribute('href');
+      document.getElementById('geolink').removeAttribute('style');
+    };
 
-    const lat = ${ lat };
-    const lon = ${ lon };
-    const zoom = ${ zoom };
-    const map = L.map('map').setView([lat, lon], zoom);
-    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    if (isMobile) {
+      document.getElementById('geolink').removeAttribute('onclick');
+      
+      if(!isiOS) {
+        document.getElementById('install').remove();
+      }
+    };
+    
+    function openStore() {
+      window.location='/get.html';
+    }
+
+    function triggerApp() {
+      window.location='om:/${path}';
+      if(!isiOS) {
+        setTimeout(openStore, 700);
+      }
+    }
+    
+    function copyCoords() {
+      var el = document.getElementById("notif");
+      el.className = "show";
+      setTimeout(function(){ el.className = el.className.replace("show", ""); }, 1500);
+      navigator.clipboard.writeText("${lat}, ${lon}");
+    }
+
+    var lat = ${ lat };
+    var lon = ${ lon };
+    var zoom = ${ zoom };
+    var map = L.map('map').setView([lat, lon], zoom);
+    var POI_Icon = L.icon({
+      iconUrl: '/placemarks/poi-icon.svg',
+      iconSize: [25, 36.5],
+      iconAnchor: [12.5, 36.5],
+      popupAnchor:  [0, -36.5]
+    });
+
+    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { /*https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png*/
       attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
       maxZoom: 19,
     }).addTo(map);
     map.zoomControl.setPosition('bottomright');
 
-    const marker = L.marker([lat, lon]).addTo(map);
+    var marker = L.marker([lat, lon], {icon: POI_Icon}).addTo(map);
     marker.bindPopup('${name}');//.openPopup();
   </script>
 </body>
diff --git a/public/get.html b/public/get.html
index 5819063..132c44b 100644
--- a/public/get.html
+++ b/public/get.html
@@ -21,7 +21,8 @@
   <title>Download and Install Organic Maps</title>
 
   <script type="text/javascript">
-    const defaultUrl = 'https://github.com/organicmaps/organicmaps#organic-maps';
+    const defaultUrl = 'https://organicmaps.app/';
+    const githubUrl = 'https://github.com/organicmaps/organicmaps#organic-maps';
     const appStoreUrl = 'https://apps.apple.com/app/id1567437057';
     const googlePlayUrl = 'https://play.google.com/store/apps/details?id=app.organicmaps';
     const appGalleryUrl = 'https://appgallery.huawei.com/#/app/C104325611';
@@ -42,7 +43,7 @@
     } else if (isiOS) {
       redirectUrl = appStoreUrl;
     }
-    window.location.replace(redirectUrl);
+    window.open(redirectUrl,'_self');
   </script>
 
   <style>
diff --git a/public/icons/copy-icon.svg b/public/icons/copy-icon.svg
new file mode 100644
index 0000000..adea102
--- /dev/null
+++ b/public/icons/copy-icon.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <title>copyshop-m</title>
+    <g fill="none" fill-rule="evenodd">
+        <g id="copyshop-m" fill-rule="nonzero">
+            <path d="m16.047 21.25h-11.562v-15.031c0-.63593-.52031-1.1562-1.1562-1.1562-.63593 0-1.1562.52031-1.1562 1.1562v15.031c0 1.2719 1.0406 2.3125 2.3125 2.3125h11.562c.63593 0 1.1562-.52031 1.1562-1.1562 0-.63593-.52031-1.1562-1.1562-1.1562zm5.7812-4.625v-13.875c0-1.2719-1.0406-2.3125-2.3125-2.3125h-10.406c-1.2719 0-2.3125 1.0406-2.3125 2.3125v13.875c0 1.2719 1.0406 2.3125 2.3125 2.3125h10.406c1.2719 0 2.3125-1.0406 2.3125-2.3125zm-2.3125 0h-10.406v-13.875h10.406z" fill="#ffffff" stroke-width="1.6518"/>
+        </g>
+    </g>
+</svg>
diff --git a/public/icons/logo-icon.svg b/public/icons/logo-icon.svg
new file mode 100644
index 0000000..a584017
--- /dev/null
+++ b/public/icons/logo-icon.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 820 794" version="1.1" viewBox="0 0 463.19 463.19" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+
+<g id="pointer" transform="translate(-177.41 -26)" fill="#449f33">
+	<path d="m412.26 410.32c39.422.419 70.995 13.675 70.995 30.487 0 13.531-32.852 29.5-73.375 29.5-40.524 0-75.375-15.969-75.375-29.5 0-16.313 33.839-30.159 73.494-30.492l1.014-4.881c-59.593.181-107.76 19.083-107.76 42.374 0 23.403 48.633 41.375 108.62 41.375s108.62-17.972 108.62-41.375c0-23.191-47.758-42.032-107-42.371z"/>
+	<path d="m600.75 97c10 27.25-43.5 93.5-94.5 110.5-92.25-32.75-95.25 22.25-170.75 74.5 89.25 63.25 182.75 14 181-48.25-70.25 41.25-114.25 45.75-139.5 44.5 85-17.25 176.75-70.75 195.97-93.251.018.998.026 1.999.026 3.001 0 107.5-162 267-162 267s-84.802-83.231-131.7-170.16c-6.555-.09-46.007 14.605-60.555-5.09-16.25-22 44-95.75 96.25-117.75 93.5 43.5 144.75-69.25 174-75.5-87.25-53-173.5-31.25-183.25 47.5 48.5-28.25 108-44.25 135.5-43-77.256 16.181-165.75 74.75-192.25 97 0-89.47 72.53-162 162-162 52.91 0 99.895 25.364 129.46 64.597 0 0 52.791-17.597 60.291 6.403zm-18.5 8c-6.949-9.692-31.139 1.629-31.139 1.629 3.387 5.819 6.422 11.869 9.076 18.119 2.689 6.336 4.987 12.879 6.863 19.599.001 0 24.7-26.097 15.2-39.347zm-345.54 165.61c7.512 10.477 33.658-1.761 33.658-1.761-3.661-6.29-6.941-12.829-9.811-19.584-2.907-6.849-5.391-13.921-7.418-21.184 0 0-26.698 28.208-16.429 42.529z"/>
+</g>
+</svg>
diff --git a/public/placemarks/poi-icon.svg b/public/placemarks/poi-icon.svg
new file mode 100644
index 0000000..bba12aa
--- /dev/null
+++ b/public/placemarks/poi-icon.svg
@@ -0,0 +1,17 @@
+<svg width="38" height="56" viewBox="0 0 38 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-outside-1_2604_882" maskUnits="userSpaceOnUse" x="0" y="0" width="38" height="56" fill="black">
+<rect fill="white" width="38" height="56"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37 19C37 24.6545 34.3927 29.7001 30.3147 33H30.32L30.2752 33.0318C29.8131 33.4037 29.3322 33.7531 28.8341 34.0786C19.1287 41.2905 20.0677 44.2078 22.4328 48.9455C22.7929 49.546 23 50.2488 23 51C23 53.2091 21.2091 55 19 55C16.7909 55 15 53.2091 15 51C15 50.2488 15.2071 49.546 15.5672 48.9455C17.9323 44.2078 18.8713 41.2905 9.16585 34.0786C8.66784 33.7531 8.18693 33.4037 7.72477 33.0318C7.70987 33.0212 7.69495 33.0106 7.68 33H7.68533C3.60733 29.7001 1 24.6545 1 19C1 9.05887 9.05887 1 19 1C28.9411 1 37 9.05887 37 19Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37 19C37 24.6545 34.3927 29.7001 30.3147 33H30.32L30.2752 33.0318C29.8131 33.4037 29.3322 33.7531 28.8341 34.0786C19.1287 41.2905 20.0677 44.2078 22.4328 48.9455C22.7929 49.546 23 50.2488 23 51C23 53.2091 21.2091 55 19 55C16.7909 55 15 53.2091 15 51C15 50.2488 15.2071 49.546 15.5672 48.9455C17.9323 44.2078 18.8713 41.2905 9.16585 34.0786C8.66784 33.7531 8.18693 33.4037 7.72477 33.0318C7.70987 33.0212 7.69495 33.0106 7.68 33H7.68533C3.60733 29.7001 1 24.6545 1 19C1 9.05887 9.05887 1 19 1C28.9411 1 37 9.05887 37 19Z" fill="#E34C10"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37 19C37 24.6545 34.3927 29.7001 30.3147 33H30.32L30.2752 33.0318C29.8131 33.4037 29.3322 33.7531 28.8341 34.0786C19.1287 41.2905 20.0677 44.2078 22.4328 48.9455C22.7929 49.546 23 50.2488 23 51C23 53.2091 21.2091 55 19 55C16.7909 55 15 53.2091 15 51C15 50.2488 15.2071 49.546 15.5672 48.9455C17.9323 44.2078 18.8713 41.2905 9.16585 34.0786C8.66784 33.7531 8.18693 33.4037 7.72477 33.0318C7.70987 33.0212 7.69495 33.0106 7.68 33H7.68533C3.60733 29.7001 1 24.6545 1 19C1 9.05887 9.05887 1 19 1C28.9411 1 37 9.05887 37 19Z" fill="url(#paint0_linear_2604_882)" fill-opacity="0.25"/>
+<path d="M30.3147 33L29.6856 32.2226C29.3563 32.4891 29.2306 32.9343 29.372 33.3336C29.5133 33.733 29.891 34 30.3147 34V33ZM30.32 33L30.8994 33.8151C31.254 33.563 31.405 33.1105 31.2726 32.6959C31.1403 32.2814 30.7551 32 30.32 32V33ZM30.2752 33.0318L29.6959 32.2168C29.6797 32.2283 29.6638 32.2402 29.6484 32.2527L30.2752 33.0318ZM28.8341 34.0786L28.2871 33.2415C28.2703 33.2525 28.2538 33.264 28.2377 33.2759L28.8341 34.0786ZM22.4328 48.9455L21.5381 49.3922C21.5496 49.4152 21.562 49.4378 21.5752 49.4599L22.4328 48.9455ZM15.5672 48.9455L16.4248 49.4599C16.438 49.4378 16.4504 49.4152 16.4619 49.3922L15.5672 48.9455ZM9.16585 34.0786L9.76229 33.2759C9.74618 33.264 9.72972 33.2525 9.71291 33.2415L9.16585 34.0786ZM7.72477 33.0318L8.35164 32.2527C8.33623 32.2403 8.32045 32.2284 8.30433 32.2169L7.72477 33.0318ZM7.68 33V32C7.24481 32 6.85959 32.2815 6.72731 32.696C6.59504 33.1106 6.74608 33.5632 7.10086 33.8152L7.68 33ZM7.68533 33V34C8.10899 34 8.48668 33.733 8.62803 33.3336C8.76938 32.9343 8.64372 32.4891 8.31438 32.2226L7.68533 33ZM30.9437 33.7774C35.2463 30.2958 38 24.9691 38 19H36C36 24.34 33.5391 29.1044 29.6856 32.2226L30.9437 33.7774ZM30.32 32H30.3147V34H30.32V32ZM30.8546 33.8469L30.8994 33.8151L29.7406 32.1849L29.6959 32.2168L30.8546 33.8469ZM29.3812 34.9157C29.9069 34.5722 30.4144 34.2033 30.9021 33.811L29.6484 32.2527C29.2118 32.604 28.7575 32.9341 28.2871 33.2415L29.3812 34.9157ZM23.3275 48.4989C22.1301 46.1002 21.5111 44.5301 22.063 42.7335C22.642 40.8484 24.5836 38.483 29.4306 34.8813L28.2377 33.2759C23.3793 36.8862 20.9377 39.5854 20.1511 42.1463C19.3373 44.7958 20.3704 47.0531 21.5381 49.3922L23.3275 48.4989ZM24 51C24 50.0627 23.7411 49.1827 23.2904 48.4312L21.5752 49.4599C21.8448 49.9093 22 50.435 22 51H24ZM19 56C21.7614 56 24 53.7614 24 51H22C22 52.6569 20.6569 54 19 54V56ZM14 51C14 53.7614 16.2386 56 19 56V54C17.3431 54 16 52.6569 16 51H14ZM14.7096 48.4312C14.2589 49.1827 14 50.0627 14 51H16C16 50.435 16.1552 49.9093 16.4248 49.4599L14.7096 48.4312ZM8.56941 34.8813C13.4164 38.483 15.358 40.8484 15.937 42.7335C16.4889 44.5301 15.8699 46.1002 14.6725 48.4989L16.4619 49.3922C17.6296 47.0531 18.6627 44.7958 17.8489 42.1463C17.0623 39.5854 14.6207 36.8862 9.76229 33.2759L8.56941 34.8813ZM7.09791 33.811C7.58561 34.2033 8.09315 34.5722 8.61879 34.9157L9.71291 33.2415C9.24252 32.9341 8.78824 32.604 8.35164 32.2527L7.09791 33.811ZM7.10086 33.8152C7.11564 33.8257 7.13042 33.8362 7.14522 33.8468L8.30433 32.2169C8.28931 32.2062 8.27425 32.1955 8.25914 32.1848L7.10086 33.8152ZM7.68533 32H7.68V34H7.68533V32ZM0 19C0 24.9691 2.75374 30.2958 7.05629 33.7774L8.31438 32.2226C4.46093 29.1044 2 24.34 2 19H0ZM19 0C8.50659 0 0 8.50659 0 19H2C2 9.61116 9.61116 2 19 2V0ZM38 19C38 8.50659 29.4934 0 19 0V2C28.3888 2 36 9.61116 36 19H38Z" fill="white" fill-opacity="0.6" mask="url(#path-1-outside-1_2604_882)"/>
+<path d="M30.3147 33L29.6856 32.2226C29.3563 32.4891 29.2306 32.9343 29.372 33.3336C29.5133 33.733 29.891 34 30.3147 34V33ZM30.32 33L30.8994 33.8151C31.254 33.563 31.405 33.1105 31.2726 32.6959C31.1403 32.2814 30.7551 32 30.32 32V33ZM30.2752 33.0318L29.6959 32.2168C29.6797 32.2283 29.6638 32.2402 29.6484 32.2527L30.2752 33.0318ZM28.8341 34.0786L28.2871 33.2415C28.2703 33.2525 28.2538 33.264 28.2377 33.2759L28.8341 34.0786ZM22.4328 48.9455L21.5381 49.3922C21.5496 49.4152 21.562 49.4378 21.5752 49.4599L22.4328 48.9455ZM15.5672 48.9455L16.4248 49.4599C16.438 49.4378 16.4504 49.4152 16.4619 49.3922L15.5672 48.9455ZM9.16585 34.0786L9.76229 33.2759C9.74618 33.264 9.72972 33.2525 9.71291 33.2415L9.16585 34.0786ZM7.72477 33.0318L8.35164 32.2527C8.33623 32.2403 8.32045 32.2284 8.30433 32.2169L7.72477 33.0318ZM7.68 33V32C7.24481 32 6.85959 32.2815 6.72731 32.696C6.59504 33.1106 6.74608 33.5632 7.10086 33.8152L7.68 33ZM7.68533 33V34C8.10899 34 8.48668 33.733 8.62803 33.3336C8.76938 32.9343 8.64372 32.4891 8.31438 32.2226L7.68533 33ZM30.9437 33.7774C35.2463 30.2958 38 24.9691 38 19H36C36 24.34 33.5391 29.1044 29.6856 32.2226L30.9437 33.7774ZM30.32 32H30.3147V34H30.32V32ZM30.8546 33.8469L30.8994 33.8151L29.7406 32.1849L29.6959 32.2168L30.8546 33.8469ZM29.3812 34.9157C29.9069 34.5722 30.4144 34.2033 30.9021 33.811L29.6484 32.2527C29.2118 32.604 28.7575 32.9341 28.2871 33.2415L29.3812 34.9157ZM23.3275 48.4989C22.1301 46.1002 21.5111 44.5301 22.063 42.7335C22.642 40.8484 24.5836 38.483 29.4306 34.8813L28.2377 33.2759C23.3793 36.8862 20.9377 39.5854 20.1511 42.1463C19.3373 44.7958 20.3704 47.0531 21.5381 49.3922L23.3275 48.4989ZM24 51C24 50.0627 23.7411 49.1827 23.2904 48.4312L21.5752 49.4599C21.8448 49.9093 22 50.435 22 51H24ZM19 56C21.7614 56 24 53.7614 24 51H22C22 52.6569 20.6569 54 19 54V56ZM14 51C14 53.7614 16.2386 56 19 56V54C17.3431 54 16 52.6569 16 51H14ZM14.7096 48.4312C14.2589 49.1827 14 50.0627 14 51H16C16 50.435 16.1552 49.9093 16.4248 49.4599L14.7096 48.4312ZM8.56941 34.8813C13.4164 38.483 15.358 40.8484 15.937 42.7335C16.4889 44.5301 15.8699 46.1002 14.6725 48.4989L16.4619 49.3922C17.6296 47.0531 18.6627 44.7958 17.8489 42.1463C17.0623 39.5854 14.6207 36.8862 9.76229 33.2759L8.56941 34.8813ZM7.09791 33.811C7.58561 34.2033 8.09315 34.5722 8.61879 34.9157L9.71291 33.2415C9.24252 32.9341 8.78824 32.604 8.35164 32.2527L7.09791 33.811ZM7.10086 33.8152C7.11564 33.8257 7.13042 33.8362 7.14522 33.8468L8.30433 32.2169C8.28931 32.2062 8.27425 32.1955 8.25914 32.1848L7.10086 33.8152ZM7.68533 32H7.68V34H7.68533V32ZM0 19C0 24.9691 2.75374 30.2958 7.05629 33.7774L8.31438 32.2226C4.46093 29.1044 2 24.34 2 19H0ZM19 0C8.50659 0 0 8.50659 0 19H2C2 9.61116 9.61116 2 19 2V0ZM38 19C38 8.50659 29.4934 0 19 0V2C28.3888 2 36 9.61116 36 19H38Z" fill="black" fill-opacity="0.03" mask="url(#path-1-outside-1_2604_882)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0505 27L19 24.2626L23.9495 27L23 21.2069L27 17.1114L21.4646 16.2626L19 11L16.5354 16.2626L11 17.1114L15 21.2069L14.0505 27Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_2604_882" x1="4.01172" y1="10.0352" x2="4.01172" y2="55" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.5"/>
+<stop offset="1" stop-opacity="0.5"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/test.html b/public/test.html
index e7b85a9..4ecf7e4 100644
--- a/public/test.html
+++ b/public/test.html
@@ -7,6 +7,30 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>Organic Maps Links Test Page</title>
+  <style>
+
+    html,
+    body {
+      margin: 0;
+      padding: 0;
+      width: 100%;
+      height: 100%;
+      background-color: #FFF;
+      font-family: sans-serif;
+      font-weight: lighter;
+    }
+    
+    a {
+      margin:4px;
+      padding-left: 5px;
+      padding-right: 5px;
+      display: inline-block;
+    }
+
+    a:hover {
+      cursor: pointer;
+    }
+  </style>
 </head>
 
 <body>
@@ -54,7 +78,7 @@
       </a></li>
   </ol>
 
-  <h3><a href="https://en.wikipedia.org/wiki/Geo_URI_scheme">geo url scheme</a></h3>
+  <h3>Geo url scheme<a href="https://en.wikipedia.org/wiki/Geo_URI_scheme">(link)</a></h3>
   <ol>
     <li><a href="geo:37.786971,-122.399677">geo:37.786971,-122.399677</a></li>
     <li><a href="geo:37.786971,-122.399677,1000">geo:37.786971,-122.399677,1000</a></li>
diff --git a/src/ge0.ts b/src/ge0.ts
index dd20633..9ccc7d2 100644
--- a/src/ge0.ts
+++ b/src/ge0.ts
@@ -23,7 +23,7 @@ export async function onGe0Decode(template: string, url: string): Promise<Respon
     name = name.replace("'", '&rsquo;'); // To embed in popup.
     title = name + ' | ' + title;
   } else {
-    name = 'Shared via <a href="https://organicmaps.app">Organic Maps app</a>';
+    name = 'Shared via <a href="https://organicmaps.app">Organic Maps</a>';
   }
 
   template = replaceInTemplate(template, {