BenSiso commited on
Commit
7f6bebf
Β·
verified Β·
1 Parent(s): 77bc761

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +204 -17
index.html CHANGED
@@ -1,19 +1,206 @@
1
  <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
  <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Reverse Face Search β€” Find Anyone by Photo | UnFake</title>
7
+ <meta name="description" content="Reverse face search by photo β€” find anyone's social profiles and name online in seconds. Anonymous AI face search, no signup. Powered by UnFake." />
8
+ <meta name="keywords" content="reverse face search, face search, find someone by photo, find anyone by photo, catfish check, search by face, find social profiles by photo, pimeyes alternative, facecheck alternative" />
9
+ <link rel="canonical" href="https://unfake.pro/" />
10
+ <meta name="robots" content="index,follow" />
11
+ <meta property="og:type" content="website" />
12
+ <meta property="og:title" content="Reverse Face Search β€” Find Anyone by Photo | UnFake" />
13
+ <meta property="og:description" content="Reverse face search by photo β€” find anyone's social profiles and name online in seconds. Anonymous, no signup. Powered by UnFake." />
14
+ <meta property="og:url" content="https://unfake.pro/" />
15
+ <meta property="og:image" content="https://cdn.unfake.pro/app_photos/logo_v1005.png" />
16
+ <meta name="twitter:card" content="summary_large_image" />
17
+ <meta name="twitter:title" content="Reverse Face Search β€” Find Anyone by Photo | UnFake" />
18
+ <meta name="twitter:description" content="Reverse face search by photo β€” find anyone's social profiles and name online in seconds. Anonymous, no signup." />
19
+ <meta name="twitter:image" content="https://cdn.unfake.pro/app_photos/logo_v1005.png" />
20
+ <link rel="icon" href="https://cdn.unfake.pro/app_photos/logo_v1005.png" />
21
+ <style>
22
+ :root{
23
+ --bg:#0A0914;--panel:rgba(255,255,255,.03);--panel2:rgba(255,255,255,.05);
24
+ --line:rgba(255,255,255,.10);--green:#12B981;--green2:#0fa873;--mint:#7FE8C6;
25
+ --ink:#fff;--sub:#C6CBD4;--mut:#9CA3AF;
26
+ --font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Roboto,Helvetica,Arial,sans-serif;
27
+ }
28
+ *{box-sizing:border-box}
29
+ html,body{margin:0}
30
+ body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.6}
31
+ a{color:var(--mint);text-decoration:none}
32
+ img{max-width:100%}
33
+ .wrap{max-width:820px;margin:0 auto;padding:0 20px}
34
+ /* hero */
35
+ .hero{position:relative;overflow:hidden;text-align:center;padding:44px 20px 40px}
36
+ .hero .glow{position:absolute;left:50%;top:-30%;width:760px;max-width:130%;height:360px;transform:translateX(-50%);border-radius:50%;background:rgba(18,185,129,.14);filter:blur(120px);z-index:0}
37
+ .hero>*{position:relative;z-index:1}
38
+ .chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:6px 14px;font-size:12px;color:var(--sub)}
39
+ .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(18,185,129,.18)}
40
+ h1{font-size:clamp(30px,6vw,46px);line-height:1.05;font-weight:800;letter-spacing:-.02em;margin:18px 0 0}
41
+ h1 span{background:linear-gradient(90deg,var(--green),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}
42
+ .lead{max-width:560px;margin:14px auto 0;color:var(--sub);font-size:17px}
43
+ /* upload card */
44
+ .card{max-width:520px;margin:26px auto 0;background:linear-gradient(to bottom,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:20px;padding:22px}
45
+ #preview{display:none;max-height:170px;border-radius:12px;margin:0 auto 14px;border:1px solid var(--line)}
46
+ .drop{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;border:2px dashed var(--line);border-radius:14px;padding:26px 16px;transition:.18s;text-align:center}
47
+ .drop:hover{border-color:rgba(18,185,129,.6);background:rgba(255,255,255,.03)}
48
+ .drop.drag{border-color:var(--green)}
49
+ .ic{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:50%;background:rgba(18,185,129,.15);color:var(--green);box-shadow:inset 0 0 0 1px rgba(18,185,129,.25)}
50
+ .hint{color:var(--sub);font-weight:600}.hint small{display:block;color:var(--mut);font-weight:400;font-size:12px;margin-top:3px}
51
+ .cta{width:100%;height:52px;margin-top:14px;border:none;border-radius:13px;background:var(--green);color:#04130d;font-weight:800;font-size:16px;cursor:pointer;transition:.15s}
52
+ .cta:hover{background:var(--green2)}
53
+ .trust{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin-top:14px;color:var(--mut);font-size:12.5px}
54
+ .open{display:inline-block;margin-top:16px;padding:10px 18px;border:1px solid var(--line);border-radius:11px;color:var(--ink);font-weight:600}
55
+ .open:hover{border-color:rgba(18,185,129,.5)}
56
+ /* sections */
57
+ section{padding:34px 0}
58
+ h2{font-size:24px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px;text-align:center}
59
+ .ph{color:var(--mut);text-align:center;margin:0 auto 22px;max-width:560px}
60
+ .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
61
+ .tile{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 16px 15px;transition:.15s}
62
+ .tile:hover{border-color:rgba(18,185,129,.45)}
63
+ .tile b{display:block;color:var(--ink);font-size:15px;margin-bottom:3px}
64
+ .tile span{color:var(--mut);font-size:13.5px}
65
+ .tile .go{color:var(--mint);font-size:13px;font-weight:600}
66
+ ol.steps{max-width:620px;margin:0 auto;padding:0;list-style:none;counter-reset:s}
67
+ ol.steps li{counter-increment:s;position:relative;padding:12px 0 12px 46px;border-bottom:1px solid var(--line);color:var(--sub)}
68
+ ol.steps li:last-child{border-bottom:none}
69
+ ol.steps li b{color:var(--ink)}
70
+ ol.steps li::before{content:counter(s);position:absolute;left:0;top:12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(18,185,129,.15);color:var(--green);font-weight:800;font-size:14px}
71
+ details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:2px 16px;margin-bottom:10px}
72
+ details summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none}
73
+ details summary::-webkit-details-marker{display:none}
74
+ details p{color:var(--sub);margin:0 0 14px}
75
+ .foot{border-top:1px solid var(--line);padding:26px 0 40px;text-align:center;color:var(--mut);font-size:13px}
76
+ .foot .row{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin:12px 0}
77
+ .foot a{color:var(--sub)}
78
+ .foot a:hover{color:var(--mint)}
79
+ .big{display:inline-block;margin:6px 0 4px;padding:12px 22px;background:var(--green);color:#04130d;border-radius:12px;font-weight:800}
80
+ .big:hover{background:var(--green2);color:#04130d}
81
+ </style>
82
+ </head>
83
+ <body>
84
+
85
+ <header class="hero">
86
+ <div class="glow" aria-hidden="true"></div>
87
+ <span class="chip"><span class="dot"></span> Powered by UnFake Β· anonymous, no signup</span>
88
+ <h1>Reverse <span>Face Search</span><br />find anyone by photo</h1>
89
+ <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>
90
+
91
+ <div class="card">
92
+ <form id="searchForm" action="https://unfake.pro" method="GET" target="_blank">
93
+ <img id="preview" alt="Selected photo preview" />
94
+ <label class="drop" id="drop">
95
+ <span class="ic" aria-hidden="true">
96
+ <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
97
+ </span>
98
+ <span class="hint" id="hint">Click, drag, or paste a photo<small>JPG, PNG or WEBP</small></span>
99
+ <input id="file" type="file" name="image" accept="image/*" hidden />
100
+ </label>
101
+ <button type="submit" class="cta">Search this face β†’</button>
102
+ </form>
103
+ <div class="trust"><span>πŸ”’ Photo deleted within 24h</span><span>⚑ Results in ~45 seconds</span><span>πŸ•ΆοΈ 100% anonymous</span></div>
104
+ <a class="open" href="https://unfake.pro" target="_blank" rel="noopener">Or open the full search on UnFake β†’</a>
105
+ </div>
106
+ </header>
107
+
108
+ <main class="wrap">
109
+ <section>
110
+ <h2>What you can do with a face search</h2>
111
+ <p class="ph">One photo, many answers. Each search runs on <a href="https://unfake.pro" target="_blank" rel="noopener">UnFake</a>.</p>
112
+ <div class="grid">
113
+ <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>
114
+ <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>
115
+ <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>
116
+ <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>
117
+ <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>
118
+ <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>
119
+ </div>
120
+ </section>
121
+
122
+ <section>
123
+ <h2>How reverse face search works</h2>
124
+ <p class="ph">Face matching finds the same <em>person</em> across different photos β€” not just copies of one image file, the way a normal reverse image search does.</p>
125
+ <ol class="steps">
126
+ <li><b>Upload a clear photo.</b> One front-facing face, centered, good light, no heavy filters or sunglasses.</li>
127
+ <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>
128
+ <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>
129
+ </ol>
130
+ <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>
131
+ </section>
132
+
133
+ <section>
134
+ <h2>Frequently asked questions</h2>
135
+ <details><summary>How long does the search take?</summary><p>Around 45 seconds. Upload a clear, centered photo and results come back in under a minute.</p></details>
136
+ <details><summary>How much does it cost?</summary><p>$9.99 per search β€” a simple one-time payment, no subscription and no hidden fees.</p></details>
137
+ <details><summary>Do you store the uploaded images?</summary><p>No. All uploaded images are deleted within 24 hours, and you never need an account to run a search.</p></details>
138
+ <details><summary>Can I upload a photo that isn't from a dating app?</summary><p>Yes! Any photo with a clear face works β€” Tinder, Hinge, Bumble, OKCupid, Badoo, or any picture at all.</p></details>
139
+ <details><summary>What does the search reveal?</summary><p>Depending on the face, it may show social media profiles, a full name, and an estimated yearly income, along with any public traces online.</p></details>
140
+ <details><summary>Can this help me avoid catfishing?</summary><p>Absolutely. UnFake was built exactly for that β€” verify the person behind a profile before you invest time, money, or trust.</p></details>
141
+ </section>
142
+ </main>
143
+
144
+ <footer class="foot">
145
+ <div>
146
+ <a class="big" href="https://unfake.pro" target="_blank" rel="noopener">Open UnFake β†’</a>
147
+ </div>
148
+ <div class="row">
149
+ <a href="https://unfake.pro" target="_blank" rel="noopener">Face Search</a>
150
+ <a href="https://unfake.pro/demo" target="_blank" rel="noopener">Search Demo</a>
151
+ <a href="https://unfake.pro/policy.html" target="_blank" rel="noopener">Privacy Policy</a>
152
+ <a href="https://unfake.pro/terms-and-conditions.html" target="_blank" rel="noopener">Terms of Use</a>
153
+ <a href="https://www.reddit.com/r/facelookup/" target="_blank" rel="noopener">r/FaceLookup</a>
154
+ </div>
155
+ <div>Β© <span id="yr">2026</span> UnFake.pro Β· AI reverse face search for safer online dating.</div>
156
+ </footer>
157
+
158
+ <script>
159
+ var file=document.getElementById("file"),drop=document.getElementById("drop"),img=document.getElementById("preview"),hint=document.getElementById("hint");
160
+ function show(f){if(!f)return;img.src=URL.createObjectURL(f);img.style.display="block";hint.innerHTML=(f.name||"photo").slice(0,28)+" β€” ready<small>Tap search to crop &amp; scan it on UnFake</small>";}
161
+ file.addEventListener("change",function(){show(file.files&&file.files[0]);});
162
+ ["dragenter","dragover"].forEach(function(e){drop.addEventListener(e,function(v){v.preventDefault();drop.classList.add("drag");});});
163
+ ["dragleave","drop"].forEach(function(e){drop.addEventListener(e,function(v){v.preventDefault();drop.classList.remove("drag");});});
164
+ drop.addEventListener("drop",function(v){var f=v.dataTransfer.files&&v.dataTransfer.files[0];if(f){file.files=v.dataTransfer.files;show(f);}});
165
+ 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;}}});
166
+ // Hand off the uploaded photo to UnFake's crop step via URL fragment
167
+ var form=document.getElementById("searchForm");
168
+ function compress(file, cb){
169
+ var im=new Image();
170
+ im.onload=function(){
171
+ var max=1600, s=Math.min(1, max/Math.max(im.width,im.height));
172
+ var w=Math.round(im.width*s), h=Math.round(im.height*s);
173
+ var c=document.createElement("canvas"); c.width=w; c.height=h;
174
+ c.getContext("2d").drawImage(im,0,0,w,h);
175
+ cb(c.toDataURL("image/jpeg",0.85));
176
+ };
177
+ im.onerror=function(){ cb(null); };
178
+ im.src=URL.createObjectURL(file);
179
+ }
180
+ form.addEventListener("submit",function(e){
181
+ e.preventDefault();
182
+ var f=file.files&&file.files[0];
183
+ if(f){
184
+ compress(f,function(d){
185
+ if(d){ window.open("https://unfake.pro/#photo="+encodeURIComponent(d),"_blank"); }
186
+ else { window.open("https://unfake.pro","_blank"); }
187
+ });
188
+ } else {
189
+ window.open("https://unfake.pro","_blank");
190
+ }
191
+ });
192
+ document.getElementById("yr").textContent=new Date().getFullYear();
193
+ </script>
194
+
195
+ <script type="application/ld+json">
196
+ {"@context":"https://schema.org","@graph":[
197
+ {"@type":"WebApplication","name":"UnFake Reverse Face Search","applicationCategory":"UtilitiesApplication","operatingSystem":"Web","url":"https://unfake.pro","offers":{"@type":"Offer","price":"9.99","priceCurrency":"USD"},"description":"Upload a profile picture to find the real person behind it across public social media and the web. Anonymous, no signup, results in under 45 seconds."},
198
+ {"@type":"FAQPage","mainEntity":[
199
+ {"@type":"Question","name":"How long does the search take?","acceptedAnswer":{"@type":"Answer","text":"Around 45 seconds."}},
200
+ {"@type":"Question","name":"How much does it cost?","acceptedAnswer":{"@type":"Answer","text":"$9.99 per search β€” a one-time payment with no subscription."}},
201
+ {"@type":"Question","name":"Do you store the uploaded images?","acceptedAnswer":{"@type":"Answer","text":"No. All uploaded images are deleted within 24 hours."}},
202
+ {"@type":"Question","name":"Can this help me avoid catfishing?","acceptedAnswer":{"@type":"Answer","text":"Absolutely. UnFake was built exactly for that."}}
203
+ ]}]}
204
+ </script>
205
+ </body>
206
  </html>