osmlab · ArcaneDots · Nov 12, 2023 · Nov 14, 2023 · Nov 30, 2023 · Feb 18, 2024
diff --git a/css/style.css b/css/style.css
@@ -24,6 +24,12 @@ input[type=number] {
   text-align: start;
 }
 
+.badge {
+  font-size: 1.5em;
+  font-weight: bold;
+  font-stretch: ultra-expanded;
+}
+
 /* <<<<<<< HEAD
 h3 {
   font-size:20px;
@@ -142,7 +148,7 @@ sup {
   bottom:1em;
   } */
 
-/* label {
+label {
   display:block;
   }
 select,
@@ -161,7 +167,7 @@ input[type=text] {
   padding:4px 6px;
   -webkit-border-radius:1px;
           border-radius:1px;
-  } */
+  }
 /* .select2-search__field {
   width: 100% !important;
 } */
@@ -185,7 +191,7 @@ input[type=text] {
     border-width:1px;
     }
 
-/* textarea {
+textarea {
   height:200px;
   max-width:none;
   }
@@ -194,7 +200,7 @@ input[type=submit] {
   cursor:pointer;
   color:#fff;
   font-weight:bold;
-  text-transform:uppercase;
+  /* text-transform:uppercase; */
   border:none;
   padding:9px 20px;
   -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.1);
@@ -208,7 +214,7 @@ input[type=submit] {
     position:relative;
     top:1px;
     }
-
+/*
 table {
   width:100%;
   background-color:transparent;

diff --git a/index.html b/index.html
@@ -51,8 +51,10 @@
 </head>
 
 <body>
-  <div class='container-sm mt-3 mb-5' style='display: inline-block'>
-      <select name='language' id='languageSwitcher'></select>
+  <header>
+  <div class='container-sm mt-3 mb-5' style="display: inline-block">
+    <label for="languageSwitcher" data-i18n="app.languageswitch">select language</label>
+    <select name="language" id="languageSwitcher"></select>
   </div>
   <div class="container-sm mt-3 mb-5">
     <div class="row">
@@ -64,42 +66,53 @@ <h1 data-i18n="app.title" class="mx-auto text-primary">On OpenStreetMap</h1>
         <p data-i18n="app.desc" class="p-2"></p>
       </div>
     </div>
+  </div>
+  </header>
 
-    <nav class="nav nav-pills nav-fill border p-1 rounded" dir="auto">
-      <a class="nav-item nav-link active rounded-0 bg-success" id="step1" href="#location" data-i18n="step1.title">Location</a>
-      <a class="nav-item nav-link rounded-0 disabled" id="step2" href="#details" data-i18n="step2.title">Details</a>
-      <strong class="nav-item nav-link disabled rounded-0" id="step3" data-i18n="step3.title"></strong>
+
+    <nav class="container-sm mt-3 mb-5" >
+      <div class="nav nav-pills nav-fill border p-1 rounded" dir="auto">
+        <a class="nav-item nav-link active rounded-0 bg-success" style="font-size: x-large;" id="step1" href="#location" data-i18n="step1.title">Location</a>
+        <a class="nav-item nav-link rounded-0 disabled"  style="font-size: x-large;" id="step2" href="#details" data-i18n="step2.title">Details</a>
+        <strong class="nav-item nav-link disabled rounded-0"  style="font-size: x-large;" id="step3" data-i18n="step3.title"></strong>
+      </div>
     </nav>
+
 
-    <div class='mt-3' id='address-step' dir="auto">
-      <div class='center pad2'>
-        <span id='instructions' class="text-info" for="address" style="font-size: x-large;" data-i18n="step1.desc"></span>
+    <main class="container-sm mt-3 mb-5">
+    <div class="mt-3" id="address-step" dir="auto">
+      <div class="center pad2">
+        <span id="instructions" class="text-info" for="address" style="font-size: x-large;" data-i18n="step1.desc"></span>
       </div>
       <div class='mb-4 mt-3'>
-        <form id='find' class="input-group  border border-primary shadow-sm rounded">
-          <input class="form-control" id="address" type="search" placeholder='' data-i18n="[placeholder]step1.addr" />
-          <div class="input-group-append">
-            <button class="cbtn btn-primary px-3" id='findme' aria-label="search for address"><span data-i18n="step1.button"></span></button>
+        <form id="find">
+          <label for="address" data-i18n="step1.addr">look up address</label>
+          <div class="input-group  border border-primary shadow-sm rounded" >
+            <input class="form-control" id="address" type="search" placeholder="" data-i18n="[placeholder]step1.addrplaceholder" />
+            <div class="input-group-append">
+              <button class="btn btn-outline-primary px-3" style="font-weight: bolder; font-size: x-large; font-stretch: expanded;"id="findme" aria-labelledby="search_button_title"><div id="search_button_title" data-i18n="step1.button"> </div></button>
+            </div>
           </div>
         </form>
         <p id="couldnt-find" class="alert alert-danger mt-2" role="alert" style='display: none;' data-i18n="[html]step1.fail"></p>
         <p id="map-information" class="alert alert-warning mt-2" role="alert" style='display: none;'></p>
       </div>
       <div id='findme-map'></div>
-      <a class="btn btn-primary btn-lg text-white w-100 mt-3 text-uppercase disabled" id="continue" href="#details" data-i18n="step1.continue">
+      <a class="btn btn-primary text-white-50 btn-lg btn-block mt-3 disabled" id="continue" href="#details"><span style="font-size: xx-large;" data-i18n="step1.continue">
         Move to next step
       </a>
     </div>
 
     <!-- step 2 -->
     <div class='mt-3 d-none' id='collect-data-step'>
       <p data-i18n="[html]step2.desc" class="h3 text-info" dir="auto"></p>
-      <form id="form" dir="auto">
+      <form id="form" name="poi" dir="auto">
+
         <!-- categories -->
         <div class="row">
           <div class="form-group col">
             <label for="category" data-i18n="step2.catlabel" ></label>
-            <input id="category" data-i18n="[data-placeholder]step2.catplaceholder" class="w-100"  />
+            <input id="category" data-i18n="[data-placeholder]step2.catplaceholder" class="w-100" />
           </div>
           <div class="form-group col-sm-7">
             <label for='categoryalt' data-i18n="step2.catalt"></label>
@@ -320,7 +333,6 @@ <h5 class="modal-title" data-i18n="messages.modalTitle"></h5>
               <p id="required_info_alert" class="alert alert-info" role="alert" data-i18n="step2.required"></p>
           </div>
         </div>
-
         <button class="btn btn-primary btn-lg w-100 mt-4 text-uppercase" id='collect-data-done' data-i18n="step2.done"></button>
       </form>
     </div>
@@ -329,12 +341,18 @@ <h5 class="modal-title" data-i18n="messages.modalTitle"></h5>
       <p class="h2 text-success mt-3 mb-4" data-i18n="[html]step3.row1"></p>
       <p><span class="h4" data-i18n="step3.row2"></span> <span id='linkcoords'>&nbsp;</span></p>
       <p class="alert alert-info" role="alert" data-i18n="[html]step3.row3"></p>
-      <p><span data-i18n="step3.row4"></span> <a href="#location" onclick="clearFields()" data-i18n="step3.row4a"></a>!</p>
+
+      <p><span data-i18n="step3.row4"></span> <a href="#location" onclick="clearFields()" data-i18n="step3.row4a"></a>!
+      </p>
 
       <div data-i18n="[html]step3.finalmessage"></div>
     </div>
-    <p class="font-weight-light small text-muted mt-4" data-i18n="[html]messages.credits" dir="auto"></p>
-  </div>
+    </main>
+
+    <footer class="container-sm mt-3 mb-5">
+      <p class="font-weight-light small text-muted mt-4" data-i18n="[html]messages.credits" dir="auto"></p>
+    </footer>
+
   <script src="js/i18n.js"></script>
   <script src='js/site.js'></script>
 </body>

diff --git a/locales/de/translation.json b/locales/de/translation.json
@@ -1,13 +1,15 @@
 {
   "app": {
     "title": "On OpenStreetMap",
-    "desc": "OpenStreetMap ist eine offene, globale Karte, die von Menschen überall auf der Welt zur Navigation und zur Suche nach lokalen Geschäften genutzt wird. Es ist einfach und kostenlos, das eigene Geschäft auf die Karte zu bringen!",
+    "languageswitch": "Sprache auswählen: ",
+    "desc": "OpenStreetMap ist eine offene, globale Karte, die von Menschen überall auf der Welt zur Navigation und zur Suche nach lokalen Geschäften genutzt wird. Es ist einfach und kostenlos, dass eigene Geschäft auf die Karte zu bringen!",
     "footer": "Quellcode erhältlich auf <a href='https://github.com/osmlab/onosm.org'>GitHub</a>"
   },
   "step1": {
     "title": "Ort / Adresse",
     "desc": "Beginnen Sie, indem Sie uns die Adresse Ihres Geschäftes nennen.",
-    "addr": "Hauptstraße 11, 10115 Berlin, Deutschland",
+    "addr": "Suchbegriff für Adressen:",
+    "addrplaceholder": "Hauptstraße 11, 10115 Berlin, Deutschland",
     "button": "Finden!",
     "fail": "<strong>Wir konnten Ihre Adresse nicht finden.</strong> Versuchen Sie es nur mit ihrer Straße und Stadt, ohne Hausnummer, noch einmal.",
     "nohousenumber": "Achtung: Wir konnten Ihre Hausnummer nicht finden. Die Position auf der Karte kann ungenau sein, bitte ziehen Sie die Markierung auf die genaue Position Ihres Unternehmens. Wenn die Gebäude nicht auf der Karte angezeigt werden, können Sie mit der Schaltfläche in der oberen rechten Ecke der Karte zur Satellitenansicht wechseln.",

diff --git a/locales/en-GB/translation.json b/locales/en-GB/translation.json
@@ -1,12 +1,14 @@
 {
   "app": {
     "title": "On OpenStreetMap",
+    "languageswitch": "Select language: ",
     "desc": "OpenStreetMap is an open, global map used by people around the world to navigate and find local businesses. It's easy and free to get on the map!"
   },
   "step1": {
     "title": "Location",
     "desc": "Start by telling us where your business is located.",
-    "addr": "501 West Main Street, Alexandria, VA",
+    "addr": "Address search string:",
+    "addrplaceholder": "501 West Main Street, Alexandria, VA",
     "button": "Find me!",
     "fail": "<strong>We couldn't find your address.</strong> Try searching for your street or city without the address.",
     "nohousenumber": "Warning: we were unable to find your house number. The position on the map could be inaccurate, please zoom in and drag the marker on the exact position of your business. If the buildings are not currently shown on the map, you could switch to the 'satellite' view using the button at the top right corner of the map.",

diff --git a/locales/en-US/translation.json b/locales/en-US/translation.json
@@ -1,12 +1,14 @@
 {
   "app": {
     "title": "On OpenStreetMap",
+    "languageswitch": "Select language: ",
     "desc": "OpenStreetMap is an open, global map used by people around the world to navigate and find local businesses. It's easy and free to get on the map!"
   },
   "step1": {
     "title": "Location",
     "desc": "Start by telling us where your business is located.",
-    "addr": "501 West Main Street, Alexandria, VA",
+    "addr": "Address search string:",
+    "addrplaceholder": "501 West Main Street, Alexandria, VA",
     "button": "Find me!",
     "fail": "<strong>We couldn't find your address.</strong> Try searching for your street or city without the address.",
     "nohousenumber": "Warning: we were unable to find your house number. The position on the map could be inaccurate, please zoom in and drag the marker on the exact position of your business. If the buildings are not currently shown on the map, you could switch to the 'satellite' view using the button at the top right corner of the map.",

diff --git a/locales/en/translation.json b/locales/en/translation.json
@@ -1,13 +1,15 @@
 {
   "app": {
     "title": "On OpenStreetMap",
+    "languageswitch": "Select language: ",
     "desc": "OpenStreetMap is an open, global map used by people around the world to navigate and find local businesses.<br/> It's easy and free to add your business to the map!",
     "footer": "Source code available on <a href='https://github.com/osmlab/onosm.org'>GitHub</p>"
   },
   "step1": {
     "title": "Location",
     "desc": "Start by telling us where your business is located.",
-    "addr": "501 West Main Street, Alexandria, VA",
+    "addr": "Address search string:",
+    "addrplaceholder": "501 West Main Street, Alexandria, VA",
     "button": "Find me!",
     "fail": "<strong>We couldn't find your address.</strong> Try searching for your street or city without the address.",
     "nohousenumber": "Warning: we were unable to find your house number. The position on the map could be inaccurate, please zoom in and drag the marker on the exact position of your business. If the buildings are not currently shown on the map, you could switch to the 'satellite' view using the button at the top right corner of the map.",

diff --git a/locales/es/translation.json b/locales/es/translation.json
@@ -1,12 +1,14 @@
 {
   "app": {
+    "languageswitch": "Seleccionar idioma: ",
     "title": "En OpenStreetMap",
     "desc": "OpenStreetMap es un mapa global abierto utilizado por personas de todo el mundo para navegar y encontrar negocios locales. ¡Es fácil y gratis entrar en el mapa!"
   },
   "step1": {
     "title": "Ubicación",
     "desc": "Empiece por decirnos dónde se encuentra su negocio.",
-    "addr": "Avenida América, España",
+    "addr": "Cadena de búsqueda de direcciones:",
+    "addrplaceholder": "Avenida América, España",
     "button": "Buscar esta dirección",
     "fail": "<strong>No pudimos encontrar su dirección.</strong> Intente buscar su calle o ciudad sin la dirección.",
     "nohousenumber": "Advertencia: no pudimos encontrar el número de su casa. La posición en el mapa podría ser inexacta, arrastre el marcador a la posición exacta de su empresa. Si los edificios no se muestran actualmente en el mapa, puede cambiar a la vista 'satélite' usando el botón en la esquina superior derecha del mapa.",

diff --git a/locales/fi-FI/translation.json b/locales/fi-FI/translation.json
@@ -1,13 +1,14 @@
 {
   "app": {
     "title": "On OpenStreetMap",
+    "languageswitch": "Valitse kieli: ",
     "desc": "OpenStreetMap on avoin maailmanlaajuinen kartta jota käytetään navigoinnissa ja paikallisten palvelujen löytämisessä.<br/> Liiketoimintasi lisääminen kartalle on helppoa ja ilmaista!",
     "footer": "Lähdekoodi on <a href='https://github.com/osmlab/onosm.org'>GitHubissa</p>"
   },
   "step1": {
     "title": "Sijainti",
     "desc": "Missä liikkeesi sijaitsee.",
-    "addr": "Kaivokatu 1, 00100 Helsinki",
+    "addrplaceholder": "Kaivokatu 1, 00100 Helsinki",
     "button": "Etsi osoite!",
     "fail": "<strong>Osoitettasi ei löytynyt.</strong> Yritä hakea ilman talon numeroa.",
     "nohousenumber": "Warning: we were unable to find your house number. The position on the map could be inaccurate, please zoom in and drag the marker on the exact position of your business. If the buildings are not currently shown on the map, you could switch to the 'satellite' view using the button at the top right corner of the map.",

diff --git a/locales/fr/translation.json b/locales/fr/translation.json
@@ -1,13 +1,15 @@
 {
   "app": {
     "title": "Sur OpenStreetMap",
+    "languageswitch": "Sélectionner une langue:",
     "desc": "OpenStreetMap produit une carte libre, ouverte et mondiale. Elle permet à quiconque de se guider et de trouver des commerces et entreprises près de chez soi. C'est facile et gratuit de se placer sur la carte!",
     "footer": "Le code source est disponible sur <a href='https://github.com/osmlab/onosm.org'>GitHub</p>"
   },
   "step1": {
     "title": "Emplacement",
     "desc": "Pour commencer, où se trouve votre commerce ou entreprise?",
-    "addr": "123 rue du Boulevard de l'Avenue, Beau Village, Pays",
+    "addr": "Osoitteen hakumerkkijono:",
+    "addrplaceholder": "123 rue du Boulevard de l'Avenue, Beau Village, Pays",
     "button": "Chercher cette adresse",
     "fail": "<strong>L'adresse exacte n'a pas été trouvée.</strong> Veuillez réessayer en indiquant seulement la rue ou la ville.",
     "use_location": "Trouvez votre position actuelle!",

diff --git a/locales/it-IT/translation.json b/locales/it-IT/translation.json
@@ -1,12 +1,14 @@
 {
   "app": {
     "title": "Su OpenStreetMap",
+    "languageswitch": "Seleziona lingua: ",
     "desc": "OpenStreetMap è una mappa libera e globale usata ogni giorno da milioni di persone in tutto il mondo per navigare e cercare attività commerciali del posto. La mappa è usata e mostrata anche da alcuni dei più importanti siti e servizi web come Facebook, Apple, Amazon, Microsoft, Kamoot, Tripadvisor, Foursquare, Wikipedia ecc; non lasciarti quindi sfuggire l'occasione di mostrare a tutto il mondo la tua attività; L'inserimento della tua attività sulla mappa è semplicissimo ed è completamente gratuito! Perchè non approfittare?"
   },
   "step1": {
     "title": "Posizione",
     "desc": "Inizia col dirci dove è posizionata la tua attività commerciale.",
-    "addr": "Corso Europa, Genova",
+    "addr": "Stringa di ricerca dell'indirizzo:",
+    "addrplaceholder": "Corso Europa, Genova",
     "button": "Cercami!",
     "fail": "<strong>Non siamo riusciti a trovare il tuo indirizzo.</strong> Prova a cercare la tua strada o città con meno dettagli.",
     "nohousenumber": "Attenzione: non è stato possibile rilevare il numero civico. La posizione sulla mappa non è accurata, trascina l'indicatore sulla posizione esatta. Se gli edifici non sono ancora presenti, puoi cambiare la visualizzazione in 'satellite' utilizzando il pulsante in alto a destra sulla mappa.",

diff --git a/locales/nb-NO/translation.json b/locales/nb-NO/translation.json
@@ -1,13 +1,15 @@
 {
   "app": {
     "title": "På OpenStreetMap",
+    "languageswitch":"Velg språk: ",
     "desc": "OpenStreetMap er et åpent, globalt kart brukt av folk over hele verden til å navigere og finne lokale bedrifter.<br/> Det er enkelt og gratis å legge til bedriften din på kartet!",
     "footer": "Kildekoden er tilgjengelig på <a href='https://github.com/osmlab/onosm.org'>GitHub</p>"
   },
   "step1": {
     "title": "Plassering",
     "desc": "Start ved å fortelle oss hvor bedriften din er.",
-    "addr": "Storgata 17, Oslo, Norge",
+    "addr": "Søkestreng for adresse:",
+    "addrplaceholder": "Storgata 17, Oslo, Norge",
     "button": "Finn meg!",
     "fail": "<strong>Vi kunne ikke finne adressen din.</strong> Prøv å søke etter gaten or byen uten adressen.",
     "use_location": "pruk posisjonen min",

diff --git a/locales/nl/translation.json b/locales/nl/translation.json
@@ -1,13 +1,15 @@
 {
   "app": {
     "title": "Op OpenStreetMap",
+    "languageswitch": "Taal selecteren: ",
     "desc": "OpenStreetMap is een open wereldkaart gebruikt door mensen wereldwijd om te navigeren en lokale bedrijven te vinden.<br/> Het is makkelijk en gratis om jouw bedrijf aan de kaart toe te voegen!",
     "footer": "Broncode is beschikbaar op <a href='https://github.com/osmlab/onosm.org'>GitHub</p>"
   },
   "step1": {
     "title": "Locatie",
     "desc": "Begin door ons te zeggen waar je bedrijf gevestigd is.",
-    "addr": "Singel 1, Baarle-Nassau",
+    "addr": "Zoekreeks voor adressen:",
+    "addrplaceholder": "Singel 1, Baarle-Nassau",
     "button": "Vind me!",
     "fail": "<strong>We konden je adres niet vinden.</strong> Probeer te zoeken naar je straat of plaats.",
     "nohousenumber": "Waarschuwing: we konden uw huisnummer niet vinden. De positie op de kaart kan onnauwkeurig zijn. Sleep de markering naar de exacte positie van uw bedrijf. Als de gebouwen momenteel niet op de kaart worden weergegeven, kunt u overschakelen naar de 'satelliet'-weergave met behulp van de knop in de rechterbovenhoek van de kaart.",

diff --git a/locales/pt-BR/translation.json b/locales/pt-BR/translation.json
@@ -1,13 +1,15 @@
 {
   "app": {
     "title": "Coloque seu empreendimento no mapa!",
+    "languageswitch": "Selecionar idioma: ",
     "desc": "OpenStreetMap é um mapa global de dados abertos, usado por pessoas de todo o mundo para navegar por GPS e achar empresas locais. É fácil e gratuito aparecer no mapa!",
     "footer": "Código-fonte disponível no <a href='https://github.com/osmlab/onosm.org'>GitHub</a>"
   },
   "step1": {
     "title": "Localização",
     "desc": "Comece nos dizendo onde o seu negócio está localizado.",
-    "addr": "Barra da Tijuca, Rio de Janeiro",
+    "addr": "Cadeia de pesquisa de endereço:",
+    "addrplaceholder": "Barra da Tijuca, Rio de Janeiro",
     "button": "Localizar",
     "fail": "<strong>Não conseguimos encontrar seu endereço.</strong> Experimente pesquisar por sua rua ou cidade escrevendo menos detalhes.",
     "nohousenumber": "Aviso: não foi possível encontrar o número da sua casa. A posição no mapa pode ser imprecisa, por favor, arraste o marcador na posição exata da sua empresa. Se os prédios não estiverem sendo exibidos no mapa, você pode alternar para a visualização 'satélite' usando o botão no canto superior direito do mapa.",