Merge pull request gmoz22#1 from gmoz22/kylemd-australia

Support for Australia
kylemd · Mar 30, 2023 · 19461be · 19461be
2 parents 831d23d + c864d05
commit 19461be
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -1,8 +1,8 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>USA/Canada nationwide search - Facebook Marketplace</title>
-  <meta name="description" content="Search the Facebook Marketplace across all the US or Canada via tabs">
+  <title>USA/Canada/Australia nationwide search - Facebook Marketplace</title>
+  <meta name="description" content="Search the Facebook Marketplace across all the US, Canada or Australia via tabs">
   <meta name="author" content="GMOZ.biz">
   <link rel="stylesheet" href="styles.css">
 </head>
@@ -12,6 +12,7 @@ <h1>Facebook Marketplace</h1>
     <h2><select id="country">
       <option value="usa" selected>USA</option>
       <option value="can">Canada</option>
+      <option value="aus">Australia</option>
     </select> nationwide search via <span id="tabsinfo" title=""><span id="tabcount">8</span> tabs</span></h2>
     <input id="search" type="text" /><br/>
     <button id="submit" type="submit">SEARCH</button>
@@ -24,9 +25,9 @@ <h3>
       <div><a href="https://www.paypal.com/donate/?hosted_button_id=VDZATQAYQMVM6" target="_blank" title="🙇‍♂️">Donate</a></div>
     </h3>
   </div>
-    <div id='warped'>
-      <span class='w0'>M</span><span class='w1'>a</span><span class='w2'>d</span><span class='w3'>e</span><span class='w4'> </span><span class='w5'>w</span><span class='w6'>i</span><span class='w7'>t</span><span class='w8'>h</span><span class='w9'> </span><span class='w10'>❤</span><span class='w11'> </span><span class='w12'>i</span><span class='w13'>n</span><span class='w14'> </span><span class='w15'>L</span><span class='w16'>o</span><span class='w17'>s</span><span class='w18'> </span><span class='w19'>A</span><span class='w20'>n</span><span class='w21'>g</span><span class='w22'>e</span><span class='w23'>l</span><span class='w24'>e</span><span class='w25'>s</span><span class='w26'> </span><span class='w27'>b</span><span class='w28'>y</span><span class='w29'> </span><span class='w30'>G</span><span class='w31'>M</span><span class='w32'>O</span><span class='w33'>Z</span><span class='w34'>,</span><span class='w35'> </span><span class='w36'>I</span><span class='w37'>n</span><span class='w38'>c</span><span class='w39'>.</span>
+  <div id='warped'>
+    <span class='w0'>M</span><span class='w1'>a</span><span class='w2'>d</span><span class='w3'>e</span><span class='w4'> </span><span class='w5'>w</span><span class='w6'>i</span><span class='w7'>t</span><span class='w8'>h</span><span class='w9'> </span><span class='w10'>❤</span><span class='w11'> </span><span class='w12'>i</span><span class='w13'>n</span><span class='w14'> </span><span class='w15'>L</span><span class='w16'>o</span><span class='w17'>s</span><span class='w18'> </span><span class='w19'>A</span><span class='w20'>n</span><span class='w21'>g</span><span class='w22'>e</span><span class='w23'>l</span><span class='w24'>e</span><span class='w25'>s</span><span class='w26'> </span><span class='w27'>b</span><span class='w28'>y</span><span class='w29'> </span><span class='w30'>G</span><span class='w31'>M</span><span class='w32'>O</span><span class='w33'>Z</span><span class='w34'>,</span><span class='w35'> </span><span class='w36'>I</span><span class='w37'>n</span><span class='w38'>c</span><span class='w39'>.</span>
   </div>
   <script src="script.js"></script>
 </body>
-</html>
+</html>
diff --git a/script.js b/script.js
@@ -11,6 +11,12 @@ const data = {
     cities: ["Norman Wells, NT", "Grande Prairie, AB", "Stony Rapids, SK", "Moosomin, SK",  "Kugaaruk, NU", "Iqaluit, NU", "Attawapiskat, ON", "Hawkesbury, ON", "Natashquan, QC"],
     cities_fb: ["113723315304965", "105470856153272", "104312566276295", "107618862600598", "112876795393840", "110374205650843", "107697472593831", "103731012999308", "104936519542478"],
     coverage: "https://www.mapdevelopers.com/draw-circle-tool.php?circles=%5B%5B805000%2C65.282401%2C-126.832725%2C%22%23FFAAAA%22%2C%22%23FF0000%22%2C0.4%5D%2C%5B805000%2C55.1499254%2C-118.7948516%2C%22%23FFAAAA%22%2C%22%23FF0000%22%2C0.4%5D%2C%5B805000%2C59.259775%2C-105.8050178%2C%22%23FFAAAA%22%2C%22%23FF0000%22%2C0.4%5D%2C%5B805000%2C50.1450094%2C-101.6710024%2C%22%23FFAAAA%22%2C%22%23FF0000%22%2C0.4%5D%2C%5B805000%2C68.5347371%2C-89.8122665%2C%22%23FFAAAA%22%2C%22%23FF0000%22%2C0.4%5D%2C%5B805000%2C63.7366418%2C-68.5227046%2C%22%23FFAAAA%22%2C%22%23FF0000%22%2C0.4%5D%2C%5B805000%2C52.9244075%2C-82.4270112%2C%22%23FFAAAA%22%2C%22%23FF0000%22%2C0.4%5D%2C%5B805000%2C45.610281%2C-74.6055611%2C%22%23FFAAAA%22%2C%22%23FF0000%22%2C0.4%5D%2C%5B805000%2C50.1839077%2C-61.8174062%2C%22%23FFAAAA%22%2C%22%23FF0000%22%2C0.4%5D%5D"
+  },
+  aus: {
+    name: "Australia",
+    cities: ["Mount Magnet, Western Australia", "Coober Pedy, South Australia", "Melbourne, Victoria, Australia", "Tooraweenah", "Clermont, Queensland", "Daly Waters, Northern Territory", "Broome, Western Australia"],
+    cities_fb: ["105508376148373","107723845924377","melbourne","107928752568747","105632482805073","108276829196663","112099285474124"],
+    coverage: "https://www.mapdevelopers.com/draw-circle-tool.php?circles=%5B%5B804670%2C-28.275551%2C117.957212%2C%22%23AAAAAA%22%2C%22%23000000%22%2C0.4%5D%2C%5B804670%2C-29.0133682%2C134.7536164%2C%22%23AAAAAA%22%2C%22%23000000%22%2C0.4%5D%2C%5B804670%2C-37.8142176%2C144.9631608%2C%22%23AAAAAA%22%2C%22%23000000%22%2C0.4%5D%2C%5B804670%2C-31.4403083%2C148.9093839%2C%22%23AAAAAA%22%2C%22%23000000%22%2C0.4%5D%2C%5B804670%2C-23.6174986%2C145.9922449%2C%22%23AAAAAA%22%2C%22%23000000%22%2C0.4%5D%2C%5B804670%2C-16.1712445%2C136.0689777%2C%22%23AAAAAA%22%2C%22%23000000%22%2C0.4%5D%2C%5B804670%2C-17.9566909%2C122.2240181%2C%22%23AAAAAA%22%2C%22%23000000%22%2C0.4%5D%5D"
   }
 }
 var curCountry = "usa";
@@ -44,4 +50,4 @@ document.getElementById('country').addEventListener("change", (evt) => {
   console.log('Dropdown changed to "' + curCountry + '"', evt);
   document.getElementById('tabcount').innerHTML = data[curCountry].cities.length;
   document.getElementById('tabsinfo').setAttribute('title', '500 miles radius of:\n' + data[curCountry].cities.join('\n'));
-});
+});
diff --git a/styles.css b/styles.css
@@ -12,7 +12,7 @@ body, html {
   margin-left: -300px;
   margin-top: -300px;
   text-align: center;
-  box-shadow: 0px 0px 100px 5px rgba(0,0,0,0.5);
+  box-shadow: 0 0 100px 5px rgba(0,0,0,0.5);
   border-radius: 300px;
   background: #dfe3ee;
   padding-top: 170px;
@@ -90,7 +90,7 @@ button[type=submit]:active {
   -moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -o-transform-origin:50%
     100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; }
 
-#warped span{color: #FFF; font-size:10px;font-weight:regular;font-style:normal;
+#warped span{color: #FFF; font-size:10px;font-weight:normal;font-style:normal;
   line-height:1; white-space:pre; overflow:visible; padding:0px;}
 
 #warped .w0 {-moz-transform: rotate(6.58rad);-webkit-transform: rotate(6.58rad);-o-transform: