first commit

This commit is contained in:
Patrick
2026-05-01 20:02:13 +02:00
commit 75fb753fc0
77 changed files with 4793 additions and 0 deletions
+43
View File
@@ -0,0 +1,43 @@
<!-- ═══════════════ IP LOOKUP ═══════════════ -->
<div class="page" id="page-ip">
<button class="back-btn" onclick="showPage('home')">← Back to Tools</button>
<div class="section-header">
<h2><i class="fas fa-globe" style="color:var(--cyan)"></i> IP Address Lookup</h2>
<p>Get geolocation and network info for any IP address.</p>
</div>
<div style="max-width:720px;">
<div style="display:flex;gap:10px;margin-bottom:16px;">
<input type="text" id="ipInput" placeholder="Leave blank for your IP, or enter an IP..." />
<button class="btn btn-primary" onclick="lookupIP()"><i class="fas fa-search"></i> Lookup</button>
<button class="btn btn-secondary" onclick="document.getElementById('ipInput').value='';lookupIP()">My IP</button>
</div>
<div class="ip-grid" id="ipResults"></div>
<div class="status" id="ipStatus"></div>
<div class="api-usage">
<button class="api-usage-toggle" onclick="toggleApiUsage(this)"><span><i class="fas fa-terminal"></i> API Usage <span class="badge">REST</span></span><i class="fas fa-chevron-down"></i></button>
<div class="api-usage-body">
<div class="api-baseurl-note">All examples use <code>BASE_URL</code> — set it to your deployment URL.</div>
<div class="api-endpoint">
<span class="api-method get">GET</span><span class="api-path">/api/ip</span>
<div class="api-desc">Get geolocation info for the server's public IP.</div>
<div class="api-code"><button class="api-code-copy" onclick="copyApiCode(this)">Copy</button><span class="kw">const</span> <span class="var">BASE_URL</span> = <span class="str">"http://localhost:3000"</span>;
<span class="kw">const</span> res = <span class="kw">await</span> <span class="fn">fetch</span>(<span class="var">`${BASE_URL}/api/ip`</span>);
<span class="kw">const</span> data = <span class="kw">await</span> res.<span class="fn">json</span>();
<span class="cm">// → { success: true, query: "203.0.113.1", country: "United States",
// regionName: "California", city: "San Jose", timezone: "America/Los_Angeles",
// isp: "Example ISP", ... }</span></div>
</div>
<div class="api-endpoint">
<span class="api-method get">GET</span><span class="api-path">/api/ip/:ip</span>
<div class="api-desc">Lookup a specific IP address.</div>
<div class="api-code"><button class="api-code-copy" onclick="copyApiCode(this)">Copy</button><span class="kw">const</span> res = <span class="kw">await</span> <span class="fn">fetch</span>(<span class="var">`${BASE_URL}/api/ip/8.8.8.8`</span>);
<span class="kw">const</span> data = <span class="kw">await</span> res.<span class="fn">json</span>();
<span class="cm">// → { success: true, query: "8.8.8.8", country: "United States",
// city: "Ashburn", isp: "Google LLC", ... }</span></div>
</div>
</div>
</div>
</div>
</div>