Update index.html

index.html

@@ -89,7 +89,7 @@
   <p class="lead">Upload a profile picture and see who's really behind it across public social media and the web — spot a catfish, verify a match, or find out who you're really talking to.</p>
 
   <div class="card">
-    <form id="searchForm" action="https://unfake.pro" method="GET" target="_top">
+    <form id="searchForm" action="https://unfake.pro" method="GET" target="_blank">
       <img id="preview" alt="Selected photo preview" />
       <label class="drop" id="drop">
         <span class="ic" aria-hidden="true">
@@ -101,21 +101,21 @@
       <button type="submit" class="cta">Search this face →</button>
     </form>
     <div class="trust"><span>🔒 Photo deleted within 24h</span><span>⚡ Results in ~45 seconds</span><span>🕶️ 100% anonymous</span></div>
-    <a class="open" href="https://unfake.pro" target="_top" rel="noopener">Or open the full search on UnFake →</a>
+    <a class="open" href="https://unfake.pro" target="_blank" rel="noopener">Or open the full search on UnFake →</a>
   </div>
 </header>
 
 <main class="wrap">
   <section>
     <h2>What you can do with a face search</h2>
-    <p class="ph">One photo, many answers. Each search runs on <a href="https://unfake.pro" target="_top" rel="noopener">UnFake</a>.</p>
+    <p class="ph">One photo, many answers. Each search runs on <a href="https://unfake.pro" target="_blank" rel="noopener">UnFake</a>.</p>
     <div class="grid">
-      <a class="tile" href="https://unfake.pro" target="_top" rel="noopener"><b>🎣 Catfish check</b><span>Confirm the person in a dating or DM photo is real.</span><br /><span class="go">Check now →</span></a>
-      <a class="tile" href="https://unfake.pro" target="_top" rel="noopener"><b>🛡️ Verify a match</b><span>Vet a Tinder, Hinge, or Bumble match before you meet.</span><br /><span class="go">Verify →</span></a>
-      <a class="tile" href="https://unfake.pro" target="_top" rel="noopener"><b>🔎 Reverse face search</b><span>Match a face across public social networks, not just one image.</span><br /><span class="go">Search →</span></a>
-      <a class="tile" href="https://unfake.pro" target="_top" rel="noopener"><b>📱 Find social profiles</b><span>Turn a photo into the accounts and name behind it.</span><br /><span class="go">Find socials →</span></a>
-      <a class="tile" href="https://unfake.pro" target="_top" rel="noopener"><b>💰 Income estimation</b><span>See an estimated yearly income from a face.</span><br /><span class="go">Estimate →</span></a>
-      <a class="tile" href="https://unfake.pro" target="_top" rel="noopener"><b>🧭 Find the real person</b><span>Put a name and profiles to a face you only have a picture of.</span><br /><span class="go">Find them →</span></a>
+      <a class="tile" href="https://unfake.pro" target="_blank" rel="noopener"><b>🎣 Catfish check</b><span>Confirm the person in a dating or DM photo is real.</span><br /><span class="go">Check now →</span></a>
+      <a class="tile" href="https://unfake.pro" target="_blank" rel="noopener"><b>🛡️ Verify a match</b><span>Vet a Tinder, Hinge, or Bumble match before you meet.</span><br /><span class="go">Verify →</span></a>
+      <a class="tile" href="https://unfake.pro" target="_blank" rel="noopener"><b>🔎 Reverse face search</b><span>Match a face across public social networks, not just one image.</span><br /><span class="go">Search →</span></a>
+      <a class="tile" href="https://unfake.pro" target="_blank" rel="noopener"><b>📱 Find social profiles</b><span>Turn a photo into the accounts and name behind it.</span><br /><span class="go">Find socials →</span></a>
+      <a class="tile" href="https://unfake.pro" target="_blank" rel="noopener"><b>💰 Income estimation</b><span>See an estimated yearly income from a face.</span><br /><span class="go">Estimate →</span></a>
+      <a class="tile" href="https://unfake.pro" target="_blank" rel="noopener"><b>🧭 Find the real person</b><span>Put a name and profiles to a face you only have a picture of.</span><br /><span class="go">Find them →</span></a>
     </div>
   </section>
 
@@ -127,7 +127,7 @@
       <li><b>We scan the public web.</b> UnFake compares the facial features against public social media and online profiles, in about 45 seconds.</li>
       <li><b>Review your results.</b> See matching social profiles, a possible name, and an income estimate — completely anonymous, with your photo deleted within 24 hours.</li>
     </ol>
-    <p style="text-align:center;margin-top:20px"><a class="big" href="https://unfake.pro" target="_top" rel="noopener">Run a face search on UnFake →</a></p>
+    <p style="text-align:center;margin-top:20px"><a class="big" href="https://unfake.pro" target="_blank" rel="noopener">Run a face search on UnFake →</a></p>
   </section>
 
   <section>
@@ -143,14 +143,14 @@
 
 <footer class="foot">
   <div>
-    <a class="big" href="https://unfake.pro" target="_top" rel="noopener">Open UnFake →</a>
+    <a class="big" href="https://unfake.pro" target="_blank" rel="noopener">Open UnFake →</a>
   </div>
   <div class="row">
-    <a href="https://unfake.pro" target="_top" rel="noopener">Face Search</a>
-    <a href="https://unfake.pro/demo" target="_top" rel="noopener">Search Demo</a>
-    <a href="https://unfake.pro/policy.html" target="_top" rel="noopener">Privacy Policy</a>
-    <a href="https://unfake.pro/terms-and-conditions.html" target="_top" rel="noopener">Terms of Use</a>
-    <a href="https://www.reddit.com/r/facelookup/" target="_top" rel="noopener">r/FaceLookup</a>
+    <a href="https://unfake.pro" target="_blank" rel="noopener">Face Search</a>
+    <a href="https://unfake.pro/demo" target="_blank" rel="noopener">Search Demo</a>
+    <a href="https://unfake.pro/policy.html" target="_blank" rel="noopener">Privacy Policy</a>
+    <a href="https://unfake.pro/terms-and-conditions.html" target="_blank" rel="noopener">Terms of Use</a>
+    <a href="https://www.reddit.com/r/facelookup/" target="_blank" rel="noopener">r/FaceLookup</a>
   </div>
   <div>© <span id="yr">2026</span> UnFake.pro · AI reverse face search for safer online dating.</div>
 </footer>
@@ -163,6 +163,21 @@
   ["dragleave","drop"].forEach(function(e){drop.addEventListener(e,function(v){v.preventDefault();drop.classList.remove("drag");});});
   drop.addEventListener("drop",function(v){var f=v.dataTransfer.files&&v.dataTransfer.files[0];if(f){file.files=v.dataTransfer.files;show(f);}});
   window.addEventListener("paste",function(e){var it=(e.clipboardData||{}).items||[];for(var i=0;i<it.length;i++){if(it[i].type.indexOf("image")===0){var f=it[i].getAsFile();file.files=null;show(f);var dt=new DataTransfer();dt.items.add(f);file.files=dt.files;}}});
+  // Navigate out to UnFake: same tab when possible, new tab when inside HF's
+  // sandboxed iframe (Hugging Face does not allow top navigation from the iframe).
+  function goUnfake(url){
+    try {
+      if (window.top === window.self) { window.location.href = url; return; }
+      window.top.location.href = url;               // throws SecurityError in HF's iframe
+    } catch(e) { window.open(url, "_blank"); }      // sandbox blocks same-tab -> new tab
+  }
+  document.addEventListener("click", function(e){
+    var a = e.target && e.target.closest ? e.target.closest("a[href^='http']") : null;
+    if (a && !e.defaultPrevented && !(e.metaKey || e.ctrlKey || e.shiftKey)) {
+      e.preventDefault();
+      goUnfake(a.href);
+    }
+  });
   // Hand off the uploaded photo to UnFake's crop step via URL fragment
   var form=document.getElementById("searchForm");
   function compress(file, cb){
@@ -180,14 +195,13 @@
   form.addEventListener("submit",function(e){
     e.preventDefault();
     var f=file.files&&file.files[0];
-    function go(url){ window.top.location.href=url; }
     if(f){
       compress(f,function(d){
-        if(d){ go("https://unfake.pro/#photo="+encodeURIComponent(d)); }
-        else { go("https://unfake.pro"); }
+        if(d){ goUnfake("https://unfake.pro/#photo="+encodeURIComponent(d)); }
+        else { goUnfake("https://unfake.pro"); }
       });
     } else {
-      go("https://unfake.pro");
+      goUnfake("https://unfake.pro");
     }
   });
   document.getElementById("yr").textContent=new Date().getFullYear();