text search

1 files changed, 21 insertions, 14 deletions

diff --git a/index.html b/index.html
index b0dc362..e2cc7af 100644
--- a/index.html
+++ b/index.html
@@ -11,10 +11,10 @@
         var h,
           a,
           k,
-          p = "The Google Maps JavaScript API",
-          c = "google",
-          l = "importLibrary",
-          q = "__ib__",
+          p = 'The Google Maps JavaScript API',
+          c = 'google',
+          l = 'importLibrary',
+          q = '__ib__',
           m = document,
           b = window;
         b = b[c] || (b[c] = {});
@@ -24,26 +24,26 @@
           u = () =>
             h ||
             (h = new Promise(async (f, n) => {
-              await (a = m.createElement("script"));
-              e.set("libraries", [...r] + "");
+              await (a = m.createElement('script'));
+              e.set('libraries', [...r] + '');
               for (k in g)
                 e.set(
-                  k.replace(/[A-Z]/g, (t) => "_" + t[0].toLowerCase()),
+                  k.replace(/[A-Z]/g, (t) => '_' + t[0].toLowerCase()),
                   g[k]
                 );
-              e.set("callback", c + ".maps." + q);
+              e.set('callback', c + '.maps.' + q);
               a.src = `https://maps.${c}apis.com/maps/api/js?` + e;
               d[q] = f;
-              a.onerror = () => (h = n(Error(p + " could not load.")));
-              a.nonce = m.querySelector("script[nonce]")?.nonce || "";
+              a.onerror = () => (h = n(Error(p + ' could not load.')));
+              a.nonce = m.querySelector('script[nonce]')?.nonce || '';
               m.head.append(a);
             }));
         d[l]
-          ? console.warn(p + " only loads once. Ignoring:", g)
+          ? console.warn(p + ' only loads once. Ignoring:', g)
           : (d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n)));
       })({
-        key: "AIzaSyCtS6CiOrG95FhroSUdDJJokItndcMkrgc",
-        v: "weekly",
+        key: 'AIzaSyCtS6CiOrG95FhroSUdDJJokItndcMkrgc',
+        v: 'weekly',
       });
     </script>
   </head>
@@ -55,19 +55,26 @@
           Shape can be <span class="select--rectangle">Rectangular</span> or a
           <span class="select--polygon">Polygon</span>
         </div>
+
+        <div>Try around your <span class="select--ip">location</span> instead</div>
       </div>
     </header>
 
     <main class="py-2">
       <div class="container">
         <div id="app" class="flex">
+          <div>
+            <div>
+              <input type="text" placeholder="search..." id="searchbar" />
+            </div>
+            <div id="hits"></div>
+          </div>
           <div id="map"></div>
         </div>
       </div>
     </main>
 
     <div id="searchbox"></div>
-    <div id="hits"></div>
     <!-- prettier-ignore -->
     <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
           ({key: "AIzaSyCtS6CiOrG95FhroSUdDJJokItndcMkrgc", v: "weekly"});</script>