SimpleWebsite/userdetails.html at main · przemo199/SimpleWebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="js/head-elements-script.js" type="text/javascript"></script>
  <script defer src="js/user-details-script.js" type="text/javascript"></script>
  <title>User details</title>
</head>

<body>
  <div id="navbar"></div>

  <div id="main">
    <h1>User details</h1>

    <p class="label">User agent:</p>
    <p class="value" id="user_agent">-</p>
    <br>
    <p class="label">Viewport:</p>
    <p class="value" id="viewport">-</p>
    <br>
    <p class="label">Languages:</p>
    <p class="value" id="languages">-</p>
    <br>
    <p class="label">Battery charge:</p>
    <p class="value" id="battery">-</p>
    <br>
    <p class="label">Connection type:</p>
    <p class="value" id="connection">-</p>
    <br>
    <p class="label">IP:</p>
    <p class="value" id="ip">-</p>
    <br>
    <p class="label">House number:</p>
    <p class="value" id="house-number">-</p>
    <br>
    <p class="label">Road:</p>
    <p class="value" id="road">-</p>
    <br>
    <p class="label">Suburb:</p>
    <p class="value" id="suburb">-</p>
    <br>
    <p class="label">City:</p>
    <p class="value" id="city">-</p>
    <br>
    <p class="label">State:</p>
    <p class="value" id="state">-</p>
    <br>
    <p class="label">Postcode:</p>
    <p class="value" id="postcode">-</p>
    <br>
    <p class="label">Country:</p>
    <p class="value" id="country">-</p>
    <br>
    <p class="label">Latitude:</p>
    <p class="value" id="latitude">-</p>
    <br>
    <p class="label">Longitude:</p>
    <p class="value" id="longitude">-</p>
    <br>
    <p class="label">Webdriver:</p>
    <p class="value" id="webdriver">-</p>
    <br>
    <button class="btn btn-primary" id="find-button">Show My Location</button>
    <iframe id="map"
            src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d19034.01076623676!2d0.0!3d0.0!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1spl!2suk!4v1613246103332!5m2!1spl!2suk"
            style="border:0;" allow="fullscreen" aria-hidden="false" tabindex="0"></iframe>
  </div>
  <div id="footer"></div>
</body>

</html>