120 lines
4.2 KiB
HTML
120 lines
4.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="Ny4 IP Checker" />
|
|
<title>What is my IP?</title>
|
|
<link rel="icon" href="favicon.svg" />
|
|
<link rel="stylesheet" href="/src/style.css" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@500&display=swap"
|
|
/>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
|
|
<link rel="dns-prefetch" href="https://fonts.googleapis.com/" />
|
|
<link rel="dns-prefetch" href="https://fonts.gstatic.com/" />
|
|
<link rel="dns-prefetch" href="https://api.ip.sb/" />
|
|
<link rel="dns-prefetch" href="https://api-v3.speedtest.cn/" />
|
|
<link rel="dns-prefetch" href="https://api.ipapi.is/" />
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com/" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com/" />
|
|
<link rel="preconnect" href="https://api.ip.sb/" />
|
|
<link rel="preconnect" href="https://api-v3.speedtest.cn/" />
|
|
<link rel="preconnect" href="https://api.ipapi.is/" />
|
|
</head>
|
|
<body
|
|
class="text-violet-950 bg-violet-100 dark:text-slate-100 dark:bg-slate-900 font-mono font-medium text-sm md:text-base"
|
|
>
|
|
<div
|
|
class="flex flex-col min-h-screen justify-center items-center md:mw-4/3"
|
|
>
|
|
<p class="py-2">Ny4 IP checker!</p>
|
|
<div
|
|
class="divide-y divide-violet-300 dark:divide-slate-700 w-full md:w-3/4"
|
|
>
|
|
<div class="hidden md:grid grid-cols-4 gap-2 p-2">
|
|
<div class="table-caption">Source</div>
|
|
<div class="table-caption">IP</div>
|
|
<div class="table-caption col-span-2">Location</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-2 p-2">
|
|
<div>
|
|
<h5 class="table-caption md:hidden">Source</h5>
|
|
<p>ip.ny4.dev</p>
|
|
</div>
|
|
<div>
|
|
<h5 class="table-caption md:hidden">IP</h5>
|
|
<p id="check-ny4-ip">Loading...</p>
|
|
</div>
|
|
<div class="col-span-2">
|
|
<h5 class="table-caption md:hidden">Location</h5>
|
|
<p id="check-ny4-location">Loading...</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-2 p-2">
|
|
<div>
|
|
<h5 class="table-caption md:hidden">Source</h5>
|
|
<p>ip.sb</p>
|
|
</div>
|
|
<div>
|
|
<h5 class="table-caption md:hidden">IP</h5>
|
|
<p id="check-ipsb-ip">Loading...</p>
|
|
</div>
|
|
<div class="col-span-2">
|
|
<h5 class="table-caption md:hidden">Location</h5>
|
|
<p id="check-ipsb-location">Loading...</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-2 p-2">
|
|
<div>
|
|
<h5 class="table-caption md:hidden">Source</h5>
|
|
<p>ipapi.is</p>
|
|
</div>
|
|
<div>
|
|
<h5 class="table-caption md:hidden">IP</h5>
|
|
<p id="check-ipapiis-ip">Loading...</p>
|
|
</div>
|
|
<div class="col-span-2">
|
|
<h5 class="table-caption md:hidden">Location</h5>
|
|
<p id="check-ipapiis-location">Loading...</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-2 p-2">
|
|
<div>
|
|
<h5 class="table-caption md:hidden">Source</h5>
|
|
<p>ip-api.com</p>
|
|
</div>
|
|
<div>
|
|
<h5 class="table-caption md:hidden">IP</h5>
|
|
<p id="check-speedtestcn-ip">Loading...</p>
|
|
</div>
|
|
<div class="col-span-2">
|
|
<h5 class="table-caption md:hidden">Location</h5>
|
|
<p id="check-speedtestcn-location">Loading...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer
|
|
class="fixed inset-x-0 bottom-0 p-2 text-center text-slate-600 dark:text-slate-400 text-xs md:text-sm bg-violet-200 dark:bg-slate-950 border-t border-violet-300 dark:border-slate-700"
|
|
>
|
|
<p>
|
|
(c) 2024 Guanran Wang, source code licenced under MIT.
|
|
|
|
<a
|
|
class="text-blue-400 hover:text-blue-600 visited:text-violet-500"
|
|
href="https://git.ny4.dev/nyancat/ip-checker"
|
|
>Git Repo</a
|
|
>
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|