added map
This commit is contained in:
+47
-11
@@ -1,24 +1,60 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="/static/favicon.ico" />
|
||||
<link rel="stylesheet" href="/static/styles.css" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<meta charset="UTF-8" />
|
||||
<title>Who are you?</title>
|
||||
</head>
|
||||
<body>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>
|
||||
U HAVE THREAD <br />
|
||||
UPON MY DOMAIN <br />
|
||||
& MUST SUFFER <br />
|
||||
WHO R U?
|
||||
</h1>
|
||||
<div class="container">
|
||||
<div class="info"><h2>IP Address:</h2><p>{{.IP}}</p></div>
|
||||
<div class="info"><h2>Country:</h2><p>{{.Country}}</p></div>
|
||||
<div class="info"><h2>Continent:</h2><p>{{.Continent}}</p></div>
|
||||
<div class="info"><h2>Internet Provider:</h2><p>{{.AsName}}</p></div>
|
||||
<div class="layout">
|
||||
<div class="container">
|
||||
<div class="info">
|
||||
<h2>IP Address:</h2>
|
||||
<p>{{.Ip.IP}}</p>
|
||||
</div>
|
||||
<div class="info">
|
||||
<h2>Country:</h2>
|
||||
<p>{{.Ip.Country}}</p>
|
||||
</div>
|
||||
<div class="info">
|
||||
<h2>Continent:</h2>
|
||||
<p>{{.Ip.Continent}}</p>
|
||||
</div>
|
||||
<div class="info">
|
||||
<h2>Internet Provider:</h2>
|
||||
<p>{{.Ip.AsName}}</p>
|
||||
</div>
|
||||
<div class="info">
|
||||
<h2>City:</h2>
|
||||
<p>{{.IP2.City}}</p>
|
||||
</div>
|
||||
<div class="info">
|
||||
<h2>Coordinates:</h2>
|
||||
<p>{{.IP2.Lat}}, {{.IP2.Lon}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="map"></div>
|
||||
|
||||
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
||||
<script>
|
||||
var map = L.map('map', { maxZoom: 10 }).setView([{{.IP2.Lat}}, {{.IP2.Lon}}], 8);
|
||||
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||||
attribution: '© OpenStreetMap'
|
||||
}).addTo(map);
|
||||
L.marker([{{.IP2.Lat}}, {{.IP2.Lon}}]).addTo(map);
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user