ip-checker/ui/index.html

83 lines
3 KiB
HTML
Raw Normal View History

2024-08-26 22:01:24 +00:00
<!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>
2024-10-26 07:27:02 +00:00
<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/" />
2024-08-26 22:01:24 +00:00
</head>
2024-10-19 04:08:17 +00:00
<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 overflow-x-auto"
>
<p class="py-2">Ny4 IP checker!</p>
<table class="table-auto border-collapse">
2024-08-26 22:01:24 +00:00
<thead>
<tr>
2024-10-19 04:08:17 +00:00
<th class="table-cell">source</th>
<th class="table-cell">ip</th>
<th class="table-cell">location</th>
2024-08-26 22:01:24 +00:00
</tr>
</thead>
<tbody>
<tr>
2024-10-25 16:44:56 +00:00
<td class="table-cell">ip.ny4.dev</td>
2024-10-25 12:55:03 +00:00
<td class="table-cell" id="check-ny4-ip">Loading...</td>
<td class="table-cell" id="check-ny4-location">Loading...</td>
2024-08-26 22:01:24 +00:00
</tr>
<tr>
2024-10-19 04:08:17 +00:00
<td class="table-cell">ip.sb</td>
<td class="table-cell" id="check-ipsb-ip">Loading...</td>
<td class="table-cell" id="check-ipsb-location">Loading...</td>
2024-08-26 22:01:24 +00:00
</tr>
<tr>
2024-10-19 04:08:17 +00:00
<td class="table-cell">ipapi.is</td>
<td class="table-cell" id="check-ipapiis-ip">Loading...</td>
<td class="table-cell" id="check-ipapiis-location">Loading...</td>
2024-08-26 22:01:24 +00:00
</tr>
<tr>
2024-10-19 04:08:17 +00:00
<td class="table-cell">ip-api.com</td>
<td class="table-cell" id="check-speedtestcn-ip">Loading...</td>
<td class="table-cell" id="check-speedtestcn-location">
Loading...
</td>
2024-08-26 22:01:24 +00:00
</tr>
</tbody>
</table>
</div>
2024-10-19 04:08:17 +00:00
<footer
class="absolute inset-x-0 bottom-0 py-2 text-center text-slate-600 dark:text-slate-400 text-xs md:text-sm"
>
2024-08-26 22:01:24 +00:00
(c) 2024 Guanran Wang, source code licenced under MIT.
2024-10-19 04:08:17 +00:00
<a
2024-10-19 04:25:24 +00:00
class="text-blue-400 hover:text-blue-600 visited:text-violet-500"
2024-10-19 04:08:17 +00:00
href="https://git.ny4.dev/nyancat/ip-checker"
>Git Repo</a
>
2024-08-26 22:01:24 +00:00
</footer>
</body>
</html>